nicht angemeldet
Hallo!
Habs nochmal probiert, jetzt sieht es so aus:
Wie bekomm ich das jetzt hin das alles zentriert ist und nicht so eine große spalte zwischen Header und Button ist?
Keine Ahnung wieso bei dir ein Abstand ist.
Schreibe ich z.B.:
<img src="dummy.jpg" alt="dummybild" width="954" height="100"/>
<div id="nav">
<ul>
<li><a href="....
ist bei mir zwischen Bild und Menü kein Abstand.
Wie kann ich die Schrift vertikal zentrieren, dass sie in der mitte der Buttons sind.
Also...
#nav ul li
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
Das hat dir niemand gesagt.
Du solltest es so machen:
#nav ul {
margin:0;
paddinng:0;
list-style:none;}
#nav ul li { float: left;
height: 28px;
width: 106px; }
Wenigstens das ist richtig.
Füg noch text-align:center;, background-color:#F0F0F0; und padding-top:2px; (geschätzt) für deine vertikale Zentrierung hinzu und du wirst glücklich.
#nav ul li a
{
float: left;
height: 28px;
width: 106px;
text-decoration: none;
font-size: 10px;
font-family: verdana, sans-serif;
margin: 0;
padding: 0;
color: #5A5B5D;
background-color: #F0F0F0;
}
Völliger Blödsinn. Erstmal floatet nicht der Link sondern der Listenpunkt.
Dann ist ein a-Element ein Inline-Element, es kann also nicht ohne weiteres Breiten- und Höhenangaben verpasst bekommen. Es ist auch Unsinn margin und padding auf 0 zu setzen. Ein Link hat sowas von Haus aus schon nicht.
Und dir ist schon klar, dass 10px extrem klein sind?
#nav ul li a:hover
{
color: #04AFAF;
background-color: #FFFFFF;
}
Ob das das ist was du willst...
Versuch stattdessen
#nav li:hover, #nav li:hover a{
color: #04AFAF;
background:#FFFFFF;}
Und noch einmal die Frage wozu du das überflüssige Div um die Liste herum brauchst?!
Zu deinem Problem mit deinem Chef sag ich mal
1. Ist das nicht mein Problem. Wenn du ihm sagst du würdest etwas machen solltest du auch vorher wissen ob du dazu überhaupt in der Lage bist.
2. Bringen solche Andeutungen hier nichts, im Gegenteil. Es klingt wie eine Hausaufgabe die jetzt andere für dich erledigen sollen.
3. Bitte deinen Chef um mehr Zeit mit dem Hinweis, dass du noch das ein oder andere Problem lösen musst.
Grüße, Matze
MudGuard