Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> Navigation über <ul> und <li>
Simi
Geschrieben am: Fr 22.12.2006, 14:15
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 186
Mitglied seit: 12.04.2005


Hi all,

Hoffe ihr versteht was ich meine...ich habe einen Blackout und wäre froh, wenn ihr mir auf die Sprünge helfen könnt.

Mein Div in dem sich die Navigation befindet ist 160px breit. Soweit gut...ich möchte nun meine Navigation auch so breit haben. Das heisst, dass der Hover automatisch auch so breit sein muss. Ich wollte das so lösen:

Hier mein Div:
CODE

<div>
<ul id="navigation">
<li><a href="test">Test</a></li>
<li><a href="test1">Test1</a></li>
<li><a href="test2">Test2</a></li>
<li><a href="test3">Test3</a></li>
</ul>
</div>


Und hier meine CSS Formatierung:
CODE

ul#navigation {
margin: 0;
border: 1px solid #000000;
}

ul#navigation li {
border: 1px solid gray;
background-color: #FF0000;
}

ul#navigation a {
text-decoration: none;
color: #FFFFFF;
}
ul#navigation a:hover {
color: #FFFFFF;
background-color: #808080;
}


Wer kann mir erklären wie ich das ganze formatieren müsste?

Vielen Dank im Voraus für eure Antworten.

Gruss
Simi


--------------------

Wer Schreibfehler findet darf sie gerne behalten.
Top
PMEmail PosterMSN
Top
 
 
Köbi Fischer
#2 Geschrieben am: Fr 22.12.2006, 14:34 (+00:19)
Report PostQuote Post

AyomRank 1
**

Gruppe: Member (aktiv)
Beiträge: 4
Mitglied seit: 14.12.2006


Hi Simi

Versuchs mal so:
CODE

ul#navigation a {
display: block;
width: 160px;
text-decoration: none;
color: #FFFFFF;
}


Müsste eigentlich funktionieren dry.gif

Gruss
Köbi
Top
PMEmail Poster
Top
 
Duvi
#3 Geschrieben am: Fr 22.12.2006, 14:45 (+00:11)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 499
Mitglied seit: 4.10.2006


versuch mal:

CODE

ul#navigation {
margin: 0;
border: 1px solid #000000;

list-style-type:none;
padding:0;
width:160px; /* ! */
}

ul#navigation li {
border: 1px solid gray;
background-color: #FF0000;
}

ul#navigation li a {
text-decoration: none;
color: #FFFFFF;

display:block; /* ! */
}

ul#navigation li a:hover {
color: #FFFFFF;
background-color: #808080;
}

Top
PMEmail Poster
Top
 
Simi
#4 Geschrieben am: Fr 22.12.2006, 14:57 (+00:12)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 186
Mitglied seit: 12.04.2005


Hallo Duvi,

Deine Antwort passt!

Vielen Dank euch allen.

Gruss
Simi


--------------------

Wer Schreibfehler findet darf sie gerne behalten.
Top
PMEmail PosterMSN
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
Trackback-Url: http://www.ayom.com/track/t/15697

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Fragen über VPN PH 214 16 Mi 19.11.2008, 19:57
Projekt MAXITOR im Verkauf über sedo Diddi 156 0 So 19.10.2008, 20:57
Navigation für die Homepage webdoktor 328 5 Mo 13.10.2008, 06:48
GmbH über das Internet gründen ayon 2082 43 Di 7.10.2008, 21:49
IP-Secrets - alle Infos über deine IP-Adresse fluchen_net 258 3 Mo 29.09.2008, 18:21
[B] Text über Rechtschutz-Versicherungen sylvia73 139 0 Sa 20.09.2008, 16:29
Ad-Words Gutschein über EUR 100.-- fox 1473 23 Sa 13.09.2008, 14:59
Karten Blogs und Blogs über Soziale Netzwerke Hans Braxmeier 132 0 Di 9.09.2008, 14:31
"Game Download"-Verkauf über Ebay Chr1977 316 5 Sa 6.09.2008, 17:37
Gewinnspiel mit Preisen im Wert von über 200€ angelo 148 0 Di 26.08.2008, 21:18




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]