✔ Navi exakt über Bildern ausrichten

[Premker]

Hallo CSS-Weise hier im Forum,

ich habe hier eine Navi und ich will die Links genau über den Bildern ausrichten.
Hat jemand einen Tipp, wie ich das hinbekomme?
Die Links sind ul, stehen in einem eigenen Div.
Meine Idee war in etwa, das man das mit einem span-Tag hinkriegt. Aber ich check nicht, wo und wie ich das einsetzen muss.

Ich bitte demütigst um einen Tipp und freue mich auf ein Feedback ...

Premker

<div id="wrapper">
	<div id="header">
		<div id="navi">
			<ul>
				<li><a href="index.html">Willkommen</a></li>
				<li><a href="hotel.html">Hotel</a></li>
				<li><a href="zimmer.html">Zimmer</a></li>
				<li><a href="urlaub.html">Urlaub</a></li>
				<li><a href="anfahrt.html">Anfahrt</a></li>
				<li><a href="buchen.html">Buchen</a></li>
			</ul>
			</div><!-- Ende Navi -->
	</div><!-- Ende Header -->

#wrapper {
	width: 999px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: 12px;
	border: 1px solid #666;
}

#header {
	background-image: url(images/header.jpg);
	height: 239px;
	width: 999px;
	background-repeat: no-repeat;
}

#navi {
	font-family: Verdana, Geneva, sans-serif;
	margin-left: 86px;
	width: 800px;
	margin-top: 125px;
	position: absolute;
	color: #FFF;
}

#navi ul li a {
	font-size: 0.8em;
	list-style-type: none;
	font-weight: bolder;
	padding-left: 5px;
	margin-right: 26px;
	margin-left: 26px;
	padding-right: 5px;
	color: #FFF;
	text-decoration: none;
	}

li {
	display: inline;
}

 

[djheke]

Hallo,

na du könntest ja deine bereits hier gezeigte Grafik nutzen und mit der Gilder/Levin-Methode diene Linktexte
hinter deiner Grafik verstecken.

Gilder/Levin Replacement-Methode

 

[Premker]

Danke für den Link djheke,
geniale Seite, gut erklärt und auch noch auf deutsch. Im Moment habe ich das Problem mit Tipps aus anderen Foren geklärt, weil hier keine Antworten bisher kamen. Mit der Gilder/Levin Methode kann ich auf meiner Site aber auch noch arbeiten.

Gruß Premker

 

[djheke]

Na dann viel Erfolg und Danke für dein Feedback. Freud mich.