[CSS] Menü Problem - Icon neben Text

web2 · 19. Februar 2008

[CSS] Menü Problem - Icon neben Text [ERLEDIGT]

Hallo zusammen,

ich habe ein Problem mit meinem CSS Menü.
Bin mit dem Menü soweit zu frieden, was ich jedoch nicht schaffe ist ein Icon links neben den Text zu plazieren.

Hier mal die relewanten Ausschnitte:

CSS:

Code:

	#navigation {
		background: #EFEEED;
		border-top: 1px solid #ffffff;
		height: 25px;
		clear: both
	}

	#navigation ul {
		padding: 0;
		margin: 0;
		list-style: none;	
		font-size: 1.1em;
		height: 25px;
	}
	#navigation ul li {
		display: inline;
	}

	#navigation ul li a {
		color: #666666;
		display: block;
		text-decoration: none;
		float: left;
		line-height: 25px;
		padding: 0 16px;
		border-right: 1px solid #ffffff;
	}
	#navigation ul li a:hover {
		background: #FFFFFF;
	}

HTML

HTML:

<div id="navigation">
	<ul>		
		<li><a href="#">Link 1</a></li>
		<li><a href="#">Link 2</a></li>
		<li><a href="#">Link 3</a></li>
		<li><a href="#">Link 4</a></li>
		<li><a href="#">Link 5</a></li>
	</ul>	         
</div>

So sieht es momentan aus:

Und links neben dem Text möchte ich gerne ein individuelles Icon für jeden Link.
Meine CSS kenntnisse reichen dafür leider nicht aus.

Hat jemand einen Tipp für mich?

EDIT:

Ich versteh schon warum niemand antwortet... *schäm*

brauche dafür kein CSS sollte das IMG einfach nur and der richtigen stelle positionieren.

Habe den Wald vor lauter Bäumen nicht gesehn.

Code:

<div id="navigation">
	<ul>		
		<li><a href="#">[BILD HIER REIN]Link 1</a></li>
		<li><a href="#">Link 2</a></li>
		<li><a href="#">Link 3</a></li>
		<li><a href="#">Link 4</a></li>
		<li><a href="#">Link 5</a></li>
	</ul>	         
</div>

Suche

[CSS] Menü Problem - Icon neben Text

web2

Cadet 4th Year

Ähnliche Themen