zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Sublinks werden hinter den MainFrame angezeigt...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.09.2008, 12:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.09.2008
Beiträge: 3
exilkubaner befindet sich auf einem aufstrebenden Ast
Rotes Gesicht 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;
}
und mein html code
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>
[edit]
eine alternative wäre auch die sublinks vertikal auszurichten
...die suche läuft !

Geändert von exilkubaner (25.09.2008 um 12:55 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.09.2008, 13:31
Neuer Benutzer
neuer user
 
Registriert seit: 25.09.2008
Beiträge: 3
tavid befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.09.2008, 09:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.09.2008
Beiträge: 3
exilkubaner befindet sich auf einem aufstrebenden Ast
Rotes Gesicht 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)
Mit Zitat antworten
  #4 (permalink)  
Alt 26.09.2008, 14:06
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Du liest auch keine Posts von Anderen zu dem Thema, oder? so kann man dir echt nicht Helfen.....

Aber ich probiers mal....

1. Frames sind out!
Nehm lieber divs und css. Wer mit Frames arbeitet wird in Suchmaschinenen schleht gefunden und es können unerwartete Fehler auftreten.

2. Kein CSS im HTML.
Dafür gibt es spezielle CSS-Dateien, die man dann von extern in jede Seite einbindet! Änderungen gehen so viel leichter von statten und es sieht wirklich jede Seite gleich aus!

3. Nette Navi.... aber wo ist der Rest?
Wenn du die Seiten nicht inebindes ins Framesset kann es nicht klappen Aber wie gesagt... nehm lieber divs.

Das wars erstmal
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #5 (permalink)  
Alt 30.09.2008, 09:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.09.2008
Beiträge: 3
exilkubaner befindet sich auf einem aufstrebenden Ast
Standard 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&auml;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&uuml;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&ouml;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&uuml;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&uuml;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>
was kann ich noch tun oder gibt es keine möglichkeiten mehr ?!

bis danzig & danke nochmals

gruß exilkubaner
Mit Zitat antworten
  #6 (permalink)  
Alt 30.09.2008, 12:29
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 30.07.2003
Beiträge: 179
Karlo wird schon bald berühmt werden
Standard

Hi,

oje, mach dich mit HTML vertraut.

Fehler:

1. kein Zeichensatz
2. Body-Tag geschlossen, aber nicht geöffnet
3. UL-Liste falsch verschachtelt
__________________
Gruss Karlo
Mit Zitat antworten
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:59 Uhr.