[CSS] Menue mit Listen darstellen

[rossixx]

will für einen freund eine seite bauen und das menue soll ungefähr so aussehen http://www.ebbe-n-flut.de

leider funktioniert das nur beim IE mit

 width: 100px; 

wie sagt man dem FireFox das die dinger 100pixel breit sein sollen

#navsite ul {
 padding: 3px 0;
 margin-left: 0;
 border-top: 2px solid #778;
 border-bottom: 2px solid #778;
 font: bold 12px Verdana, sans-serif;
}
#navsite ul li {
 list-style: none;
 margin: 0;
 display: inline;
}
#navsite ul li a {
 width: 100px;
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: 2px solid #778;
 background: #dde;
 text-decoration: none;
}
#navsite ul li a:link {
 color: #448;
}
#navsite ul li a:visited {
 color: #667;
}
#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
 color: #000;
 background: #aae;
 border-color: #227;
} 

[Kropff]

arbeite mit einer DTD und informier dich über darstellungsmodi von browsern sowie dem boxmodell-bug im ie. denn eigentlich stellt firefox es korrekt dar und der ie nicht.

des weiteren solltest du auch valides (X)HTML erzeugen und nicht so was:

<ul><br>
            &nbsp;&nbsp;<li><img src=images_2/photographie.jpg width=100></li><br><br>
            &nbsp;&nbsp;<li><a href=index.php><b>start</b></a></li><br><br>

            &nbsp;&nbsp;<li><a href=portfolio.php><b>portfolio</b></a></li><br><br>
            &nbsp;&nbsp;<li><a href=ordner.php><b>ordner</b></a></li><br><br>
            &nbsp;&nbsp;<li><a href=kategorie.php><b>kategorie</b></a></li><br><br>
            &nbsp;&nbsp;<li><a href=contact.php><b>contact</b></a></li><br><br>
            &nbsp;&nbsp;<li><a href=suche.php>suche</a></li><br><br>
            &nbsp;&nbsp;<li><a href=php_docs/login.php> login </a></li><br><br>

        </ul> 

das ist nämlich tinnef

gruß
peter

[h3ll]

Hier übrigens eine Auflistung der HTML-Fehler:

http://validator.w3.org/check?uri=ht...Inline&group=0

[rossixx]

ie vs. firefox

ach herje ...

ok, jetzt werden keine fehler mehr angezeigt, aber im ie siehts immer noch besser aus, als im firefox :-(

[Kropff]

Original geschrieben von rossixx
ach herje ...

nur nicht den mut verlieren . ist halb so wild. schau dir ggf. mal diese tutorials sowie die notwendige theorie zu html und css an, dann begreifst du es schon.

peter

[rossixx]

erstmal so gelöst

#foto_show{
height:500px;
border: 1px solid red;
}
#navsite h5 {
 display: none;
}

#navsite{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
font-weight: bold;
width: 12em;
border-right: 0px solid #666;
padding: 0;
margin-bottom: 1em;
background-color: #808080;
color:#333;
}
#navsite ul{
list-style: none;
margin:0;
padding:0;
}
#navsite ul li{
margin: 0;
border-top: 1px solid #003;
}
#navsite ul li a {
display: block;
padding: 2px 2px 2px 0.5em;
border-left: 10px solid #369;
border-right: 1px solid #69c;
border-bottom: 1px solid #369;
background-color: #036;
color: #fff;
text-decoration: none;
width: auto;
}
#navsite ul li a:hover{
border-left: 10px solid #036;
border-right: 1px solid #69c;
border-bottom:1px solid #369;
background-color: #69f;
color: #fff;
} 

[rossixx]

Automatischer Fotoload

Kann man eigentlich z.B. Fotos aus einem Ordner bzw. Datenbank dynamisch laden ???

Sodas ein Foto nach dem Anderem angezeigt wird - ähnlich wie ne Diashow?!!?!