zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Drop Down zestückelt...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.10.2009, 21:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2009
Beiträge: 9
Darkness1 befindet sich auf einem aufstrebenden Ast
Standard Drop Down zestückelt...

Hi,

ich hab ein DropDow Menü nach folgendem Schema gemacht:

css:
Code:
		.navi, .navi ul { list-style-type:none; margin:0; padding:0; text-align: center;}
		.navi li { width:100px; float:left; background-image:url(Bild.gif); background-repeat:no-repeat; margin-right:12px; font-weight:bold; font-size:21px}
		.navi li ul { display:none;}
  		.navi li:hover ul { display:block;}
  		.navi a:link {color:#003300}
  		.navi a:hover{color:#006600}
		.navi a:visited {color:#594700}
		.navi {position:absolute;}
		.navi li:hover { background-image:url(layout/navi1.gif); background-repeat:no-repeat; float:left;}
		.navi li ul li { background-image:url(layout/navi1.gif)}

		
		.navi2 a:link {color:#000055}
		.navi2 a:visited {color:#000028}
		.navi2 a:hover {color:#000099}
		.navi2 {font-weight:bold; font-size:17px}
HTML-Code:
	<table border="0" align="left" class="lay" cellspacing="0px">
		<tr height="150px">
			<td background="layout/linkliste.gif" width="2000px" align="left">
				<table border="0" align="center" class="lay" cellspacing="0px">
				<tr height="60px"><td width="441px"> </td><td width="790px"> </td><td width="1669px"> </td></tr>
				<tr height="50px"><td width="441px"> </td><td width="790px" align="left" valign="top">
				<!--Navi1-->
					<table align="left"><tr><td>
					<ul class="navi">
					  	<li><a href="#">Thema1</a>
							<ul>
								<li style="margin-top:5px;"><a href="#">Punkt1</a></li>
								<li style="margin-top:0px;"><a href="#">Punkt2</a></li>
								<li style="margin-top:0px;"><a href="#">Punkt3</a></li>
							</ul>
						</li>
						<li><a href="#">Thema2</a>
							<ul>
								<li style="margin-top:5px;"><a href="#">Punkt1</a></li>
								<li style="margin-top:0px;"><a href="#">Punkt2</a></li>
								<li style="margin-top:0px;"><a href="#">Punkt3</a></li>
							</ul>
						</li>
(und so weiter)


Bei den neuen Versionen vom Internetexplorer und Firefox funktionierts wudnerbar, aber bei älteren Versionen des IE wird das Drop Down nicht erkannt und älterer Firefox zerstückelt meine Tabelle ganz seltsam...

Hat jemand Rat für mich?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.10.2009, 10:41
Neuer Benutzer
neuer user
 
Registriert seit: 06.09.2009
Beiträge: 9
Nicolas Certa befindet sich auf einem aufstrebenden Ast
Standard Warum eine Tabelle?

Verzichte auf die Tabelle als Layouthilfe und positionier die Navigation und deinen Content mit CSS.

Einstiegs-Hilfe gibt es hier im Forum. Besonders empfehle ich dir dir Bücher Little Boxes 1 & 2.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Drop Down Menü gachet CSS 9 08.11.2009 19:36
IE 6 & 7 Drop Down Navigation Fehler Zak CSS 9 09.07.2009 11:50
Drop Down Menu Positionsproblem Schky CSS 4 21.04.2008 14:09
Fehler mit Drop Down Menü bei Überschreitung der Container Grenzen! webfabrik CSS 4 16.01.2007 02:29


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:23 Uhr.