nicht angemeldet
Buttons untereinander anordnen
Gunnar BittersmannHallöchen,
ich bin momentan noch recht neu in der Materie und bin ein bisschen am rumbasteln. Nun habe ich ein Problem:
<html>
<head>
<style type="text/css">
body {background-image:url('rand.png');background-repeat:no-repeat;}
#navlist{position:relative;}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:50px;display:block;}
#startseite{top:0px;width:200px;}
#startseite{background:url('Button-Start-1.png') 0 0;}
#startseite a:hover{background: url('Button-Start-2.png') 0 0;}
#Mitglieder{top:-100px;width:200px;}<!-- hier liegt mein Problem -->
#Mitglieder{background:url('Button-Mit-1.png') 0 0;}
#Mitglieder a:hover{background: url('Button-Mit-2.png') 0 0;}
</style>
</head>
<body bgcolor=151515>
<ul id="navlist">
<li id="Startseite"><a href="Startseite.html"></a></li>
<li id="Mitglieder"><a href="Die Bandmember.html"></a></li>
</ul>
</body>
</html>
ich wollte das die beiden buttons untereinander angezeigt werden. Aber mit dem {top:px scheint das nicht zu funktionieren ;)
hat jemand vllt eine idee was ich da benutzten müsste?
danke schon mal und schönen Abend :)
-
Hi,
ich wollte das die beiden buttons untereinander angezeigt werden.
Das würden sie normalerweise auch, wenn du das nicht verhindert hättest.
hat jemand vllt eine idee was ich da benutzten müsste?
Weniger.
Und zwar weniger absolute Positionierung. Raus damit, und die LI bilden eigene Blöcke und ordnen sich untereinander an.MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?-
Hi,
ich wollte das die beiden buttons untereinander angezeigt werden.
Das würden sie normalerweise auch, wenn du das nicht verhindert hättest.
hat jemand vllt eine idee was ich da benutzten müsste?
Weniger.
Und zwar weniger absolute Positionierung. Raus damit, und die LI bilden eigene Blöcke und ordnen sich untereinander an.MfG ChrisB
Danke das hat schon mal funktioniert, aber kann ich die Abstände zwischen den Buttons noch verändern?
-
Hi,
bitte nicht mit den vorgegebenen Zitatzeichen herumspielen, und bitte nicht alles zitieren, sondern nur das, worauf du dich konkret beziehst.
Danke das hat schon mal funktioniert, aber kann ich die Abstände zwischen den Buttons noch verändern?
http://de.selfhtml.org/css/eigenschaften/randabstand.htm
Und vor weiteren Fragen dieser Couleur beschäftige dich bitte erst mal selber etwas mehr mit den Grundlagen von CSS.
MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? -
sry, hab nich nachgedacht, passt jetzt alles so :)
Vielen Lieben Dank nochmal :D
-
-
-
@@Mango:
nuqneH
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#startseite{top:0px;width:200px;}
#Mitglieder{top:-100px;width:200px;}<!-- hier liegt mein Problem -->
Wenn die Breite gleich ist, warum gibst du sie dann doppelt an anstatt für '
#navlist li'?Jener Selektor ist http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet@title=spezifischer als '
#Mitglieder', deshalb wirkt 'top:-100px' nicht.Ansonsten: was ChrisB sagte.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)