bestimmte größe und weite in listenelement

[mbecker]

Hey,

wie im Titel schon angesprochen braucht mein Listenelement eine bestimmte Breite und Höhe um ein Hintergrundbild einzufügen. Allerdings klappt dies bisher leider nicht, egal in welche CSS Klassen ich es reinschreibe

CSS-Code:

#foto a, #foto a:link {
	background-image: url(img/images_tag_kl.gif);
	background-repeat: no-repeat;
}
#foto a:hover {
	background-image: url(img/images_tag.gif);
	background-repeat: no-repeat;
}

#navlist a, #navlist a:link, #navlist a:visited
{
cursor: pointer;
right: 10px;
text-decoration: none;
}
 
 #navlist
{
display: inline;
list-style: none outside none;
margin: 0;
padding: 0;
}

#navlist li
{
display: inline;
width: 97px;
height: 69px;
}

HTML-Code:

<ul id="navlist">
			<li id="navlist"><a href="#" alt="zu den Partyfotos"></a></li>
			<li><a href="#"><img src="img/file_tag.gif" border="0"></a></li>
		</ul>

Wie bekomme ich nun hin, dass das Listenelement die bestimmte Breite und Höhe bekommt ? Die Anweisung width und height in "#navlist li" bringt nichts.

Vielen Dank für die Antworten

 

[Quaese]

Hi,

es handelt sich bei deiner Formatierung um ein inline-Element. Diesen können keine Breiten-
und Höhenangaben zugewiesen werden.

Versuch es mal folgendermassen:

#navlist li{ width: 97px;
             height: 69px;
             float: left;}

Ciao
Quaese