[Nagazi]

Habe mittlerweile halb google durchsucht. Mein Problem ist folgendes:

Ich habe mir heute das erste mal das leid angetan und mich mit css auseinandergesetzt. Derzeit habe ich meine HTML Struktur fertig und habe soweit alles geschafft. Bis ich angefangen habe das Menü zu machen.

Ich habe eine .png Datei welche als Hintergrund für den Navigationspunkt dienen soll. Hier ist mal mein Codeausschnitt wie ich die Grafik mit Text reingebracht habe:

<div id="navitest1"><a href="test.php"><div id="navitest11">Test</div></a></div>

#navitest1 {
background-image:url('../images/navi.png');
position:absolute;
width:150px;
height:60px;
}

/*NAVIGATION MENÜPUNKTE*/
#navitest11 {
top:35%;
text-align: center;
position:absolute;
}

Ich möchte nun gerne die Schrift (in diesem Fall "Test") genau mittig ausrichten. Habe es atm in einen 2ten Div container gesteckt, was aber finde ich nicht ganz richtig aussieht.

Wie löst ihr das Problem wenn ihr einen Text auf ein images schreiben wollt?

[Chris2011]

navigationen macht man mit listen

http://de.selfhtml.org/css/layouts/n...onsleisten.htm

[Nagazi]

Geht es auch, das ich dabei ein image als background nutze? Mit background-image:url('....'); bin ich da nicht weit gekommen

[fricca]

Wenn du einen Link willst, der ein Hintergrundbild hat -- dann gib dem Link ein Hintergrundbild. Du brauchst überhaupt kein weiteres Element dafür -- und ja: Auch wenn der Link in einer Liste steht geht das.

Ich empfehle dir, das erstmal beseite zu legen und dir Grundlagen zu erarbeiten. Schon der winzige Schnipsel zeigt, dass du Defizite hast. Lektüreempfehlung: Little Boxes (teilweise kostenlos online). Ja, es wird etwas dauern, bis du so weit bist, dass du deine erste eigene Website erstellen kannst.

Wenn du danach weitere Fragen hast: Lies und beachte die Hinweise für Fragende. Gib immer einen Link zum Problem an.

[Nagazi]

So. . .bin einige Schritte weiter gekommen.

Habe nun das menü im Div erstellt, den Hintergrund habe ich im Div eingefügt, nun möchte ich aber, das sich die submenüs unter der "oberkategorie" öffnen. Derzeit erscheinen die automatisch am linken bildschirmrand. Desweiteren, bekomme ich es nicht hin, das das submenu sich untereinander anreiht. Sollte ja eigendlich mit "li ul { display:block; } regeln lassen, wobei ich dort nur auf Granit beiße.

Da ich leider das Problem nur unterwegs am lösen bin, gibt es leider keinen Link dafür, da mein Tablet bisher noch keine Apache Webserver lösung bereitstellt

Hier mal meine Codeteile:

#navi a, #navi h2 {
      margin: 0; padding: 2px 3px; padding-top:9px; float:left; position:relative;
}
a { text-decoration: none; color:#ffffff } 
#navi a:hover { color:#000000; } 
#navi li>ul { display:block; top: 2.0em; }
#navi li:hover>ul { display:block; position:absolute; }
#navi ul li { display:inline; margin:0; padding:0; top:60px; }
#navi li ul { display:none; margin: 0.4em; padding: 0.2em; }
#navi li:hover>ul{ display:block; position:absolute; border-left: 1px solid #ffcc00; border-right: 1px solid #ffcc00; border-bottom: 1px solid #ffcc00; border-radius:25px;

<div id="navi">
	<ul>
		<li><a href="index.php?site=test123"><h2>&Uuml;bersicht</h2></a></li>
		<li><a href="index.php?site=test123"><h2>Link</h2></a>
			<ul>
				<li><a href="index.php?site=test123"><h2>sublink</h2></a></li>
				<li><a href="index.php?site="><h2>sublink</h2></a></li>
				<li><a href="index.php?site="><h2>sublink</h2></a></li>
			</ul>
		</li>
		<li><a href="index.pgp?site=test123"><h2>Link</h2></a> 
		<li><a href="index.php?site=test123"><h2>Link</h2></a> 
			<ul>
				<li><a href="index.php?site=test123"><h2>Link</h2></a></li>
			</ul>
		</li>
		<li><a href="index.php?site=test123"><h2>Link</h2></a></li> 
		<li><a href="index.php?site=test123"><h2>Link</h2></a> 
			<ul>
				<li><a href=""><h2>sublink</h2></a></li>
				<li><a href=""><h2>sublink</h2></a></li>
				<li><a href=""><h2>sublink</h2></a></li>
			</ul>
		</li>
		<li><a href="index.php?site="><h2>Link</h2></a></li> 
		<li><a href="index.php?site="><h2>Link</h2></a></li> 
		<li><a href="index.php?site="><h2>Link</h2></a></li> 
		<li><a href="index.php?site="><h2>Link</h2></a>
			<ul>
				<li><a href="index.php?site=test123"><h2>sublink</h2></a></li>
			</ul>
		</li>
	</ul>
</div>

[fricca]

Zitat von Nagazi

Da ich leider das Problem nur unterwegs am lösen bin, gibt es leider keinen Link dafür, da mein Tablet bisher noch keine Apache Webserver lösung bereitstellt

Lad dein Zeug bei einem Freehoster hoch.
Deine Codefragmente bringen nichts. Vollständiger Code beginnt mit einem Doctype.
Was genau verstehst du an den Hinweisen für Fragende nicht?