• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mehrere button links untereinander funktioniert nicht...

Skyfay

Skyfay

Mitglied
Hey ich möchte das so machen wie ich es unten schicke allerdings geht nur der unterste button.
Wenn ich den untersten entferne (also z.b auskomentiere) dann geht der mittlere.
Ich weiss dass html von oben nach unten liest aber wie genau kann ich das machen, dass jedes funktioniert?
Danke schonmal für eure Hilfe.



<body>
<header>
<div id="instagram">
<form>
<input class="MyButton" type="button" value="Instagram" onclick="window.location.href='https://instagram.com/xxxxxxx" />
<form>
</div>

<div id="youtube">
<form>
<input class="MyButton1" type="button" value="YouTube" onclick="window.location.href='https://youtube.com/xxxxxxxx'" />
</form>
</div>

<div id="twitch">
<form>
<input class="MyButton2" type="button" value="Twitch" onclick="window.location.href='https://twitch.tv/xxxxxxxx'" />
</form>
</div>
 
Werbung:
Ich habe die Buttons mit CSS gemacht...
Ich habe das CSS File einfach importiert hier:


#youtube {
padding: 10px;
position: absolute;
right: -2em;
top: 0;
width: 250px;
}
input.MyButton1 {
width: 100px;
padding: 8px;
cursor: pointer;
font-weight: bold;
font-size: 100%;
background: rgb(3, 3, 78);
color: grey;
border: 1px solid blue;
border-radius: 10px;
}
input.MyButton1:hover {
color: blue;
background: #000;
border: 1px solid #fff;
}


so sehen diese aus.
Die ID nutze ich um das ganze an den richitgen platz zu verschieben und das unten für den Button...
 
Werbung:
Du nutzt aber doch das Form-Tag und das ist für einfache Links völliger Quatsch. Hast du dir die verlinkte Seite richtig angesehen?
 
Aber funktioniert das mit dem CSS file kann ich das einfach so übernehmen?
weil ich muss das ja mit der gruppe machen um es so zu positionieren wie ich möchte...
 
Werbung:
Ich habe den Fehler gefunden.
Ich hatte die Links von 1-3.
Allerdings bei css hatte ich sie von 3-1 angeordnet.
Deshalb hat es jetzt funktioniert.
Ich habe die jetzt beim index.html richtig angeordnet und jetzt funktioniert es auch.
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben