|
|||
hintergrund bei listen
ich hab folgendes style-sheet
Code:
#menu { margin: 0; padding: 0px 0px 0px 223px; background-color: #FFFFFF; height: 33px; text-align: right; } #menu .list { background-color: #780000; width: 477px; } #menu li { list-style: none; list-style-type: none; float: left; display: inline; } #menu li img { border: none; } Code:
<div id="menu"> <div class="list"> [*][img]img/layout/button_start.jpg[/img][*][img]img/layout/button_leistungen.jpg[/img][*][img]img/layout/button_kontakt.jpg[/img][*][img]img/layout/button_impressum.jpg[/img] </div> </div> |
Sponsored Links |
|
|||
Hm, muss man da überhaupt <div class="list"> schreiben?
Da reicht doch nur <list> zwischen <div id="..."> und </div>, oder? Ansonsten, kann man sich das mal irgendwo angucken?
__________________
Es lebe der Firefox! |
Sponsored Links |
|
|||
[*] werden in <ul> oder[list=1] geschrieben. Das sind Blockelemente und die kannst Du definieren wie DIVs auch, aber Du kannst nicht einfach[*] ohne Listenbeschreibung in ein DIV packen. Dein Beispiel ist also nicht valide. Daher die Darstellung im FF.
|
|
|||
<ul> bzw.[list=1] hatte ich schon stehen. auch mit style="background-color: #red" aber das ging nicht.
das <div class="list"> soll hier nur die gesamte breite und hintergrundfarbe definieren. im ie geht das so ganz gut. der firefox zieht die liste aber über die komplette breite und setzt als hintergrundfarbe weiß - da liegt das problem. d.h. <ul> kann ich hinzufügen, div class=list kann ich weglassen. problem ist dadurch nicht gelöst. |
|
|||
vorschau
hab es hochgestellt
http://zufallszahlen.de/test/kab/ CSS-Code: Code:
* { margin: 0; padding: 0; list-style: none; } body { background-color: #DDDDDD; font: normal 100.01% arial, sans-serif; text-align: center; /*margin-top: 5px;*/ } #content { margin: 0 auto; border: 1px solid #FFFFFF; } div#content { background: url(../img/layout/landscape.jpg); background-repeat: no-repeat; background-position: center; text-align: left; max-width: 700px; /*698+2px border, ie-workaraund exists */ font: normal 0.86em verdana, arial; } #menu { margin: 0; padding: 0px 0px 0px 223px; background-color: #FFFFFF; height: 33px; text-align: right; } #menu ul { background-color: #780000; width: 477px; list-style: none; list-style-type: none; display: inline; } #menu ul li { float: left; } #menu li img { border: none; } Code:
<body> <div id="content"> <div id="menu"> <ul> [*][img]img/layout/button_start.jpg[/img][*][img]img/layout/button_leistungen.jpg[/img][*][img]img/layout/button_kontakt.jpg[/img][*][img]img/layout/button_impressum.jpg[/img] [/list] </div> </div> </body> |
|
|||
Code:
#menu ul li { display:inline; } Wenn Du ul display:block; zuweist musst du das also auch bei li machen.
__________________
"Das macht nicht wirklich Sinn" hat eigentlich keinen Sinn! |
|
|||
geht auch nicht.
ich lass das mit den listen und schreib einfach alle img in eine zeile innerhalb eines div-tags. warum soll man als programmierer ständig den mist ausbügeln den die browserhersteller verzapfen! wieder 2 stunden für arsch. |
|
|||
Zitat:
Du hast das gleiche "Problem", das RoToRa hier erklärt hat: http://www.xhtmlforum.de/viewtopic.php?p=51151#51151 Lesestoff: containing floats BTW: welchen Zweck hat das display:inline für ul? Zitat:
Nicht im Stylesheet wird festgelegt, ob ein Element ein Block- oder ein Inline-Element ist - dort wird nur bestimmt, wie es dargestellt wird. Grüße fricca |
|
|||
Zitat:
Stand aber wohl grad auf dem Schlauch... Das Problem im OP ist also, dass das li und nicht ul inline sein muss Achim
__________________
"Das macht nicht wirklich Sinn" hat eigentlich keinen Sinn! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Frage: Wie Text vor Hintergrund in einem Fenster scrollen? | wbiebel | CSS | 2 | 19.08.2009 19:49 |
Vererbung bei Listen (Hintergrund) | img | CSS | 10 | 15.04.2009 17:23 |
Problem mit Listen in Eltern mit Padding: Punkte werden im verbotenen Bereich angezei | braindead | (X)HTML | 5 | 13.09.2007 17:43 |
Div Orientierung | Leonidus | CSS | 22 | 30.05.2007 18:05 |
Hintergrund wird im IE abgehackt | lekim | CSS | 0 | 29.03.2006 15:14 |