|
|||
Sublinks werden hinter den MainFrame angezeigt...
... ich habe folgendes problem.
mir wurde die aufgabe erteilt die schulhomepage neu zu gestalten. ich habe mir das jetzt so vorgestellt das ich links den menüframe + sonstige z.b. sponsoren/förderverein... setze und den mainframe als mainframe wie der name schon sagt ... jetzt ist es aber so das die sublinks hinter den mainframe angezeigt werden. so funktioniert ja das menü schon |copy/paste| aber das mit den frames noch nicht. wie kann ich das ändern ? vielen dank im voraus |css| Code:
/* Root = Vertical, Secondary = Vertical */ ul#navmenu-v, ul#navmenu-v li, ul#navmenu-v ul { margin: 0; border: 0 none; padding: 0; width: 160px; /*For KHTML*/ list-style: none; } ul#navmenu-v:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#navmenu-v li { float: left; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/ position: relative; } /* Root Menu */ ul#navmenu-v a { border: 1px solid #FFF; border-right-color: #CCC; border-bottom-color: #CCC; padding: 0 6px; display: block; background: #EEE; color: #666; font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ } /* Root Menu Hover Persistence */ ul#navmenu-v a:hover, ul#navmenu-v li:hover a, ul#navmenu-v li.iehover a { background: #CCC; color: #FFF; } /* 2nd Menu */ ul#navmenu-v li:hover li a, ul#navmenu-v li.iehover li a { background: #EEE; color: #666; } /* 2nd Menu Hover Persistence */ ul#navmenu-v li:hover li a:hover, ul#navmenu-v li:hover li:hover a, ul#navmenu-v li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover a { background: #CCC; color: #FFF; } /* 3rd Menu */ ul#navmenu-v li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li a { background: #EEE; color: #666; } /* 3rd Menu Hover Persistence */ ul#navmenu-v li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover a, ul#navmenu-v li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF; } /* 4th Menu */ ul#navmenu-v li:hover li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li.iehover li a { background: #EEE; color: #666; } /* 4th Menu Hover */ ul#navmenu-v li:hover li:hover li:hover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF; } ul#navmenu-v ul, ul#navmenu-v ul ul, ul#navmenu-v ul ul ul { display: none; position: absolute; top: 0; left: 160px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu-v li:hover ul ul, ul#navmenu-v li:hover ul ul ul, ul#navmenu-v li.iehover ul ul, ul#navmenu-v li.iehover ul ul ul { display: none; } ul#navmenu-v li:hover ul, ul#navmenu-v ul li:hover ul, ul#navmenu-v ul ul li:hover ul, ul#navmenu-v li.iehover ul, ul#navmenu-v ul li.iehover ul, ul#navmenu-v ul ul li.iehover ul { display: block; } Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="css/sor.css"> </head> <body alink="#ff0000" bgcolor="#0080ff" link="#ff0000" text="#000000" vlink="#ff0000"> <ul id="navmenu-v"> <li><a href="sorhome.htm">Startseite</a> </li> <li><a href="m_schule.htm">Schule +</a></li> <ul> <li><a href="schule.htm">Schulgeschichte</a></li> <li><a href="chronik.htm">Schulprofil</a></li> <li><a href="s_prog.htm">Schulleitung</a></li> <li><a href="eltern.htm">Das Kollegium</a></li> <li><a href="klassen.htm">Schüler/Klassen</a></li> <li><a href="lehrer.htm">Ausstattung</a></li> <li><a href="zahlen.htm">Statistik</a></li> </ul> <li><a href="m_unterr.htm">Unterricht +</a> <ul> <li><a href="kurs.htm">Kurse +</a> <ul> <li><a href="kursa">Mathematik</a></li> <li><a href="kursb">Französisch</a></li> <li><a href="kursc">Wirtschafts- und Sozialkunde</a></li> <li><a href="kursd">Arbeitslehre</a></li> </ul> </li> <li><a href="aktiv.htm">Exkursionen</a></li> <li><a href="ag.htm">Arbeitsgemeinschaften +</a> <ul> <li><a href="deutsch.htm">Deutsch "Crash-Kurs"</a></li> <li><a href="mathe.htm">Mathe "Crash-Kurs"</a></li> <li><a href="englisch.htm">Englisch "Crash-Kurs"</a></li> <li><a href="bewerb.htm">Bewerbungshilfe</a></li> <li><a href="testag.htm">Einstellungstest</a></li> <li><a href="sozial.htm">Soziales Lernen .....(Pflicht für 7.Kl.)</a></li> <li><a href="musik.htm">Musik</a></li> <li><a href="gitar.htm">Gitarrenkurs</a></li> <li><a href="sband.htm">Schülerband</a></li> <li><a href="aqua.htm">Aquarium</a></li> <li><a href="garten.htm">Gartenbau</a></li> <li><a href="buch.htm">Jahrbuch</a></li> </ul> </li> <li><a href="vorhaben.htm">Vorhaben</a></li> </ul> </li> <li><a href="veranst.htm">Veranstaltungen</a></li> <li><a href="termine.htm">Termine</a></li> <li><a href="suche.htm">Suche</a></li> </ul> <span style="font-weight: bold;"></span><span style="font-weight: bold;"></span> </body> </html> eine alternative wäre auch die sublinks vertikal auszurichten ...die suche läuft ! Geändert von exilkubaner (25.09.2008 um 12:55 Uhr) |
Sponsored Links |
|
|||
Hi,
also ich sehe da noch gar keine frames. Möchtest du die Seite komplett neu gestalten? Oder gibt es nur ein paar Sachen zu ändern? Dann währe es besser, wenn du dir erst mal die bestehende Seite anschaust. In deinem html code ist bis jetzt ja nur ein Menu.. oder so etwas in der Art. Möchtest du eine neue Seite machen, würde ich erst mal ein Blatt papier nehmen und das Layout daraufmahlen, dann kannst du mit der einteilung in CSS beginnen usw.... aber einfach mal ein Menu zu machen und dann den rest darum zu bauen, das ist eigentlich nicht der richtige Weg. Ach ja noch ein Tipp, lass das CSS aus der Html Datei weg, denn wenn du mal etwas ändern möchtest, dann ist es echt mühsam, wenn in der CSS Datei und in Html formatiert wird (hab da so schlimme Erfahrungen und Altlasten) Gruss, Tavid |
Sponsored Links |
|
|||
Jetzt mal nur wegen dem Menü...
...was muß ich noch abändern/einfügen um die sublinks nach unten anzeigen zulassen ... so ein sliding menü ...
Gruß Exilkubaner [edit] ich würde ganz gern das menü was ich schon habe als slide menü haben ... schöner wochenende noch ... see ya Geändert von exilkubaner (26.09.2008 um 11:17 Uhr) |
|
|||
Menüfehler,...
...erstmal Danke für den Tipp mit der Div erklärung... habe aber dennoch ein problem mit dem Menü. Mit Firefox werden mir die Sublinks in der Rubrik "Schule" nicht angezeigt mit dem IE schon ... habe es schon mit W3C Validiert 1 Fehler & 2 Warnungen... die wie folgt lauten:
1. No Character Encoding Found! Falling back to UTF-8. 2. Unable to Determine Parse Mode! 3. Error Line 1, Column 0: end of document in prolog. ...es waren zarte 15 Fehler *schulerklopfer Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>NAVI</title> <link rel="stylesheet" type="text/css" href="SOR001/css/theme.css"> </head> <ul id="navmenu-v"> <li><a href="index.html">Startseite</a> </li> <li><a href="">Schule + </a></li> <ul> <li><a href="chronik.html">Schulgeschichte</a></li> <li><a href="schule.html">Schulprofil</a></li> <li><a href="">Schulprogramm +</a></li> <ul> <li><a href="p_leit.html">Pädagogisches Leitbild</a></li> <li><a href="entwickl.html">Entwicklungsvorhaben </a></li> <li><a href="reali.html">Realisierung der Entwicklungsziele</a></li> </ul> <li><a href="sleitung.html">Schulleitung</a></li> <li><a href="kollegium.html">Das Kollegium</a></li> <li><a href="klassen.html">Schüler/Klassen</a></li> <li><a href="hardware.html">Ausstattung</a></li> <li><a href="zahlen.html">Statistik</a></li> </ul> <li><a href="">Unterricht +</a> <ul> <li><a href="kurs.html">Kurse +</a> <ul> <li><a href="kursa.html">Mathematik</a></li> <li><a href="kursb.html">Französisch</a></li> <li><a href="kursc.html">Wirtschafts- und Sozialkunde</a></li> <li><a href="kursd.html">Arbeitslehre</a></li> </ul> </li> <li><a href="aktiv.html">Exkursionen</a></li> <li><a href="">Arbeitsgemeinschaften +</a> <ul> <li><a href="deutsch.htm">Deutsch "Crash-Kurs"</a></li> <li><a href="mathe.htm">Mathe "Crash-Kurs"</a></li> <li><a href="englisch.htm">Englisch "Crash-Kurs"</a></li> <li><a href="bewerb.htm">Bewerbungshilfe</a></li> <li><a href="testag.htm">Einstellungstest</a></li> <li><a href="sozial.htm">Soziales Lernen .....(Pflicht für 7.Kl.)</a></li> <li><a href="musik.htm">Musik</a></li> <li><a href="gitar.htm">Gitarrenkurs</a></li> <li><a href="sband.htm">Schülerband</a></li> <li><a href="aqua.htm">Aquarium</a></li> <li><a href="garten.htm">Gartenbau</a></li> <li><a href="buch.htm">Jahrbuch</a></li> </ul> </li> <li><a href="vorhaben.htm">Vorhaben</a></li> </ul> </li> <li><a href="veranst.htm">Veranstaltungen</a></li> <li><a href="termine.htm">Termine</a></li> <li><a href="suche.htm">Suche</a></li> </ul> </body> </html> bis danzig & danke nochmals gruß exilkubaner |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
ImageFlow: Bilder werden nicht angezeigt | crossgolfer85 | Javascript & Ajax | 6 | 22.02.2011 16:16 |
Fokus auf Checkbox wird nicht angezeigt | krümel | CSS | 1 | 16.03.2009 23:55 |
Text zu Groß für Box, Es soll ein Scrollbalken angezeigt werden | michi-muc | CSS | 1 | 04.02.2008 21:41 |
Scrollbalken unter IE verschwindet | letslounge | CSS | 12 | 12.12.2007 20:17 |
BG wird in Firefox nicht angezeigt | xenon89 | (X)HTML | 2 | 12.08.2007 17:15 |