Datenschutzerklärung

<noscript> im body! Das Tag style ist an dieser Stelle nicht erlaubt.

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

<noscript> im body! Das Tag style ist an dieser Stelle nicht erlaubt.

  Beitrag schreiben
Autor
Beitrag Seiten: 1
Visual Agent
Gast



Doctype: HTML 4.01 Transitional / iso-8859-1

Fehler:    Das Tag style ist an dieser Stelle nicht erlaubt.
   
Fehlerstelle:    <style type="text/css">   (im body)

Code:

<body>

<noscript>   
<!-- Alles ausklappen, wenn JScript deaktiviert ist -->
    <style type="text/css">
        <!--
        ul#Navigation li ul {  display: block; }
        -->
    </style>
</noscript>

Wo gehört es hin??? Möchte doch, dass mein Dokument valide ist... Kann jemand helfen? Danke & ahoi


03.06.2006 18:30:26
  Beitrag schreiben
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 641
Es reicht bei uns tatsächlich aus, eine Frage nur einmal zu stellen...

_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3

03.06.2006 18:41:29
http://dkmd.de | http://dkdenz.de Beitrag schreiben
Visual Agent
Gast




dkdenz schrieb:

Es reicht bei uns tatsächlich aus, eine Frage nur einmal zu stellen...


Dass die Styles normalerweis in den Head gehören, ist mir auch klar! Allerdings habe ich ja nun eine JavaScriptNavigation gebastelt, welche natürlich auch angezeigt werden soll, wenn Javascript/ Ajax deaktiviert ist.

Die Frage ist nun, wie ich das Script, so umschreibe, dass es als Style im Head auch funktioniert!

<body>

<noscript>   
<!-- Alles ausklappen, wenn JScript deaktiviert ist -->
    <style type="text/css">
        <!--
        ul#Navigation li ul {  display: block; }
        -->
    </style>
</noscript>

Habe halt nur diese, welches nur im Body funzt... Kann ich noch einmal Hilfe haben??? Danke...


03.06.2006 18:55:49
  Beitrag schreiben
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 641
Da fehlen dann leider wichtige Informationen das Menü betreffend...
Am ehesten würde es funktionieren, wenn man Klassen vergeben würde.
Z.B. bekommt die ul eine Klasse zugewiesen (Bsp. ohnejsul) und auch das li (Bsp. ohnejsli)
Das könnte dann so ausehen:

Code:

.ohnejsul#Navigation .ohnejsli .ohnejsul {  display: block; }



_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3

03.06.2006 19:05:33
http://dkmd.de | http://dkdenz.de Beitrag schreiben
Visual Agent
Gast




dkdenz schrieb:

Da fehlen dann leider wichtige Informationen das Menü betreffend...
Am ehesten würde es funktionieren, wenn man Klassen vergeben würde.
Z.B. bekommt die ul eine Klasse zugewiesen (Bsp. ohnejsul) und auch das li (Bsp. ohnejsli)
Das könnte dann so ausehen:
.ohnejsul#Navigation .ohnejsli .ohnejsul {  display: block; }



Hier sind die Styles zur Navi:

ul#Navigation, #Spacergfx { list-style: none; margin-top: 8px; }

ul#Navigation li
{
    list-style: none;
    float: left;      /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin-top: 8px;
    padding: 0px;
}

ul#Navigation li ul
{
    list-style: none;
    display: none;  /* Unternavigation ausblenden */
}

ul#Navigation li ul li
{
    float: none;
    display: block;
    margin: 0px;
}

Der Code:

<div class="ul#Navigation">
        <table class="nav" border="0" cellspacing="0" cellpadding="0" width="759">
            <tr>
                <td height="126" valign="top"><ul id="Navigation">
                        <li><a href="produkte_stuehle_3step.htm" onMouseOver="Bildwechsel(0, produkteakt)" onMouseOut="Bildwechsel(0, produkte)" onFocus="this.blur()"><img id="navprodukte" src="images/navi_produkte_40.gif" border="0" alt="Produkte" width="111" height="20"></a>
                            <ul>
                                <li><a href="produkte_stuehle_deliah.htm" onMouseOver="Bildwechsel(1, stuehleakt)" onMouseOut="Bildwechsel(1, stuehle)" onFocus="this.blur()"><img src="images/navi_stuehle_40.gif" border="0" alt="Stühle" width="111" height="16"></a></li>
                                <li><a href="produkte_tische_radius.htm" onMouseOver="Bildwechsel(2, tischeakt)" onMouseOut="Bildwechsel(2, tische)" onFocus="this.blur()"><img src="images/navi_tische_40.gif" border="0" alt="Tische" width="111" height="17"></a></li>
                                <li><a href="produkte_schraenke_vitrine.htm" onMouseOver="Bildwechsel(3, schraenkeakt)" onMouseOut="Bildwechsel(3, schraenke)" onFocus="this.blur()"><img src="images/navi_schraenke_40.gif" border="0" alt="Schränke" width="111" height="17"></a></li>
                                <li><a href="produkte_objekte_rundbank.htm" onMouseOver="Bildwechsel(4, objekteakt)" onMouseOut="Bildwechsel(4, objekte)" onFocus="this.blur()"><img src="images/navi_objekte_40.gif" border="0" alt="Objekte" width="111" height="17"></a></li>
                                <li><a href="produkte_accesso_stapelt.htm" onMouseOver="Bildwechsel(5, accessoiresakt)" onMouseOut="Bildwechsel(5, accessoires)" onFocus="this.blur()"><img src="images/navi_accessoires_40.gif" border="0" alt="Kleinm&ouml;bel" width="111" height="17"></a></li>
                            </ul>
                        </li>

Schreib ich de dann direkt in den Code oder als Style ins CSS???


03.06.2006 19:14:00
  Beitrag schreiben
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 641
Tja, das wird schwierig...
Es wäre sowieso besser, eine Navigation nicht von JavaScript abhängig zu machen.
Deswegen folgender Linktipp von mir -> http://www.cssplay.co.uk/menus/basic_dd.html


_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3

03.06.2006 22:21:34
http://dkmd.de | http://dkdenz.de Beitrag schreiben
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01