itsRufusSucka
Neues Mitglied
Ich grüße herzlichst.
Nun, im Rahmen eines Projekts muss ich eine Webseite schreiben und leider beherrsche ich in HTML und CSS nur die Grundlagen, was das ganze etwas schwierig macht.
Nun aber, diese Webseite soll Buttons haben, welche den Nutzer beim Draufklicken auf eine andere Webseite führen. Das Problem ist, dass diese Buttons zwar durchaus funktionieren, jedoch ändert sich der Cursor nicht, wenn man draufgeht und der button:hover in CSS funktioniert auch nicht.
In HTML sieht der Button so aus...
<form action="https://www.youtube.com/" target="_blank">
<button id="button1" type="submit">Stream on Youtube</button>
</form>
Die dazu passenden CSS-Eigenschaften so...
button:hover {
background-color: white;
color: #2323ff;
}
#button1 {
/* Eigenschaften des Kastens. */
background-color: #2323ff;
width: 294px;
height: 64px;
/* Abstand der Beschriftung von links. */
padding-left: 12px;
/* Texteigenschaften. */
text-align: left;
font-size: 18px;
font-family: 'futuramedium';
font-weight: normal;
font-style: normal;
color: white;
/* Eigenschaften für den Rand. */
border-color: white;
border-style: solid;
border-width: 3px;
/* Position, an sich selbst ausgerichtet. */
position: relative;
top: -8px;
}
Mir erklärt jedenfalls nicht, weshalb das nicht funktioniert. Hoffe, dass mir da irgendjemand weiterhelfen kann. Ich danke schon im Vorab für jede Hilfe und wünsche einen schönen Tag.
Nun, im Rahmen eines Projekts muss ich eine Webseite schreiben und leider beherrsche ich in HTML und CSS nur die Grundlagen, was das ganze etwas schwierig macht.
Nun aber, diese Webseite soll Buttons haben, welche den Nutzer beim Draufklicken auf eine andere Webseite führen. Das Problem ist, dass diese Buttons zwar durchaus funktionieren, jedoch ändert sich der Cursor nicht, wenn man draufgeht und der button:hover in CSS funktioniert auch nicht.
In HTML sieht der Button so aus...
<form action="https://www.youtube.com/" target="_blank">
<button id="button1" type="submit">Stream on Youtube</button>
</form>
Die dazu passenden CSS-Eigenschaften so...
button:hover {
background-color: white;
color: #2323ff;
}
#button1 {
/* Eigenschaften des Kastens. */
background-color: #2323ff;
width: 294px;
height: 64px;
/* Abstand der Beschriftung von links. */
padding-left: 12px;
/* Texteigenschaften. */
text-align: left;
font-size: 18px;
font-family: 'futuramedium';
font-weight: normal;
font-style: normal;
color: white;
/* Eigenschaften für den Rand. */
border-color: white;
border-style: solid;
border-width: 3px;
/* Position, an sich selbst ausgerichtet. */
position: relative;
top: -8px;
}
Mir erklärt jedenfalls nicht, weshalb das nicht funktioniert. Hoffe, dass mir da irgendjemand weiterhelfen kann. Ich danke schon im Vorab für jede Hilfe und wünsche einen schönen Tag.