|
|||
Darstellungsprobleme (horinzontal mittige Darst.) &...
hi
ja ich weiß das ich "neu" bin Achtung: falls die Links nicht funktionieren, dann probiert es später nochmal - ist nicht mein Server Problem I Wie ihr auf - NEWS sehen könnt ist wird Seite 1, Seite 2, Seite 2b usw. nicht mittig ( soll nur horizontal mittig sein ) dargestellt. Die dazugehörige CSS Datei könnt ihr euch hier anschauen http://chilla.byto.de/tt/style2.css Wer mir Tipps, Links oder auch nur irgendwas geben könnte, was zur Lösung des Problems beiträgt, dann immer her damit. Problem II Wenn man jetzt z.B auf mit der Maus über Seite 2 fährt ( nicht wörtlich nehmen ), dann "klappt" sich Seite 2a,b,c, auf. So weit so gut. Wenn man allerdings dann von Seite 2 aus auf Seite 2a lenkt, dann verschwinden die "ausgeklappten" Buttons wieder. ich persönlich finde das für eine Internetseite nicht gerade sehr gut, da so etwas eher User abschreckt, wenn man 5min brauch ehe man es mal geschafft hat auf Seite 2a zu klicken. Problem II hat sich erledigt. Ich hatte einfach den Abstand zwischen den ausklappenden Buttons und den in der Navi zu groß Problem I & II ( nicht mehr vorhanden ) beziehen sich auf - NEWS, sowie http://chilla.byto.de/tt/style2.css MfG chilla Geändert von chilla (01.01.2007 um 14:48 Uhr) Grund: Problem II gelöst |
Sponsored Links |
|
|||
Hier der CSS Code von style2.css
das was in Kommentaren geschrieben ist, nicht beachten Code:
/* CSS Document */ #sidebar { background-color:#CCCCCC; margin: 0 0 0 0%; padding:1%; float:right; width:20%; display:block } #content { background-color:#0066FF; color:#000000; font-size:9pt; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0 22% 0 0; padding:1% } #foot { background:#FFFFFF url(img/bg-foot.jpg) repeat-x; color:#FFFFFF; clear:both; text-align:center; padding:1% } /*alles cool #navi { background:#FFFFFF url(img/bg-navi.jpg) repeat-x; color:#FFFFFF; text-align:center; padding:1% } */ div#Rahmen { width: 98%; background:#FFFFFF url(img/bg-navi.jpg) repeat-x; padding:1%; } div#Rahmen div { clear: left; } ul#Navigation { margin: 0 2% 0 2%; padding: 0; text-align: center; } ul#Navigation li { list-style: none; float: left; width: 8.6em; position: relative; margin: 0; padding: 0; } ul#Navigation li ul { margin: 0; padding: 0; position: absolute; top: 0; left: 0; } ul#Navigation li ul li { float: none; display: block; margin-bottom: 0em; background-color:#000000 } ul#Navigation a{ display: block; padding: 0.2em 1em; text-decoration: none; font-weight: bold; color:#FFFF00 } ul#Navigation a:hover { color:#FFFFFF } /* Erweiterung zur dynamischen Ein-/Ausblendung */ ul#Navigation li>ul { display: none; top: 1.6em; } ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul { display: block; } Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css">@import url(style2.css);</style> <title> - NEWS</title> </head> <body> <div style="text-align:center"> <div id="Rahmen"><ul id="Navigation"> <li><a href="#Beispiel">Seite 1</a></li> <li><a href="#Beispiel">Seite 2</a> <ul> <li><a href="#Beispiel">Seite 2a</a></li> <li><a href="#Beispiel">Seite 2b</a></li> </ul> </li> <li><a href="#Beispiel">Seite 3</a> <ul> <li><a href="#Beispiel">Seite 3a</a></li> </ul> </li> <li><a href="#Beispiel">Seite 4</a> <ul> <li><a href="#Beispiel">Seite 4a</a></li> <li><a href="#Beispiel">Seite 4b</a></li> <li><a href="#Beispiel">Seite 4c</a></li> </ul> </li> <li><a href="#Beispiel">Seite 5</a></li> </ul><div></div></div></div> <div id="sidebar"> ein text der als test dient<br />dgfkjdfkjdf<br />dgfkjdfkjdf<br />dgfkjdfkjdf<br />dgfkjdfkjdf<br />dgfkjdfkjdf<br />dgfkjdfkjdf </div> <div id="content"> das ist der content von der website<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd </div> <div id="foot"> hier ist die fußzeile </div> </body> </html> Geändert von chilla (01.01.2007 um 14:51 Uhr) Grund: Problem II erledigt |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|