[HTML] Aktion mouseover Sichtbarkeit versetzt Seiteninhalt

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [HTML] Aktion mouseover Sichtbarkeit versetzt Seiteninhalt

    Hallo Forum.
    Wenn ich bei meinem Layout in Golife eine "Aktion" mit Sichtbarkeit kombiniere, wird die Aktion zwar ausgeführt, aber es versetzt den Inhalt meiner Seite in FF nach Oben&Links. Was der Bedienerfreundlichhkeit der Seite ziemlich abträglich ist...

    Code ohne "Aktion"
    Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="generator" content="Adobe GoLive" />
    <title>Hotel Zur Bleiche Resort &amp; Spa</title>
    <link href="css/basic.css" type="text/css" rel="stylesheet" media="all" />
    <style type="text/css" media="screen"><!--
    #Ebene1 { background-color: #fff; height: 100px; width: 100px; left: 18px; top: 0; position:absolute; left:50%; top:50%; height: 650px; width: 850px; z-index: 10; margin-left:-425px; margin-top:-325px;visibility: visible; }
    #Ebene3 { height: 140px; width: 149px; left: 701px; top: 510px; position: absolute; z-index: 11; visibility: visible; }
    #Ebene2 { height: 100px; width: 701px; left: 0; top: 540px; position: absolute; z-index: 5; visibility: visible; }
    --></style>
    </head>

    <body>
    <div id="Ebene1">
    <img src="../../bleicheHGsolo.jpg" alt="" height="497" width="850" border="0" />
    <div id="Ebene2">
    <font face="Times"><span class="head">
    &quot;WITAJO DO NAS! – HERZLICH WILLKOMMEN!&quot;<br />
    </span><span class="fliess">Hier sind wir: 1000 Wasserarme der Spree umarmen ein einzigartiges Biospärenreservat.<br />
    Im Herzen des Spreewalds finden Sie uns, das Hotel zur Bleiche &amp; Spa. Die beschauliche<br />
    Ruhe dieser Zauberwelt mit einem weiten hohen Himmel empfängt und begleitet Sie von draußen<br />
    nach drinnen in unser Hotel und die Landtherme.</span></font></div>
    <table width="618" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><a href="#"><img src="navi/wohnen.jpg" livesrc="navi/wohnen.psd" alt="" height="34" width="90" border="0" /></a></td>
    <td><img src="navi/baden.jpg" livesrc="navi/baden.psd" alt="" height="34" width="90" border="0" /></td>
    <td><img src="navi/essen.jpg" livesrc="navi/essen.psd" alt="" height="34" width="90" border="0" /></td>
    <td><img src="navi/aktiv.jpg" livesrc="navi/aktiv.psd" alt="" height="34" width="130" border="0" /></td>
    <td><img src="navi/service.jpg" livesrc="navi/service.psd" alt="" height="34" width="100" border="0" /></td>
    <td><img src="navi/musik.jpg" livesrc="navi/musik.psd" alt="" height="34" width="100" border="0" /></td>
    <td><a href="#"><img src="navi/english.jpg" livesrc="navi/english.psd" alt="" height="34" width="100" border="0" /></a></td>
    </tr>
    </table>
    <div id="Ebene3">
    <a href="#"><img src="../../hotel-zur-bleiche.com/resources/Logo_Intro.jpg" alt="" height="139" width="145" border="0" /></a></div>
    </div>
    <p></p>
    </body>

    </html>


    Code mit "Aktion"
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="generator" content="Adobe GoLive" />
    <title>Hotel Zur Bleiche Resort &amp; Spa</title>
    <link href="css/basic.css" type="text/css" rel="stylesheet" media="all" />
    <style type="text/css" media="screen"><!--
    #Ebene1 { background-color: #fff; height: 100px; width: 100px; left: 18px; top: 0; position:absolute; left:50%; top:50%; height: 650px; width: 850px; z-index: 10; margin-left:-425px; margin-top:-325px;visibility: visible; }
    #Ebene3 { height: 140px; width: 149px; left: 701px; top: 510px; position: absolute; z-index: 11; visibility: visible; }
    #Ebene2 { height: 100px; width: 701px; left: 0; top: 540px; position: absolute; z-index: 5; visibility: visible; }
    --></style>
    <csactions>
    <csaction name="c090e68a12" class="ShowHide" type="onevent" val0="Ebene2" val1="0"></csaction>
    </csactions>
    <csscriptdict import="import">
    <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
    </csscriptdict>
    <csactiondict>
    <script type="text/javascript"><!--
    CSAct[/*CMP*/ 'c090e68a12'] = new Array(CSShowHide,/*CMP*/ 'Ebene2',0);

    // --></script>
    </csactiondict>
    </head>

    <body>
    <div id="Ebene1">
    <img src="../../bleicheHGsolo.jpg" alt="" height="497" width="850" border="0" />
    <div id="Ebene2">
    <font face="Times"><span class="head">
    &quot;WITAJO DO NAS! – HERZLICH WILLKOMMEN!&quot;<br />
    </span><span class="fliess">Hier sind wir: 1000 Wasserarme der Spree umarmen ein einzigartiges Biospärenreservat.<br />
    Im Herzen des Spreewalds finden Sie uns, das Hotel zur Bleiche &amp; Spa. Die beschauliche<br />
    Ruhe dieser Zauberwelt mit einem weiten hohen Himmel empfängt und begleitet Sie von draußen<br />
    nach drinnen in unser Hotel und die Landtherme.</span></font></div>
    <table width="618" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><a onmouseover="CSAction(new Array(/*CMP*/'c090e68a12'));return true;" href="#" csover="c090e68a12"><img src="navi/wohnen.jpg" livesrc="navi/wohnen.psd" alt="" height="34" width="90" border="0" /></a></td>
    <td><img src="navi/baden.jpg" livesrc="navi/baden.psd" alt="" height="34" width="90" border="0" /></td>
    <td><img src="navi/essen.jpg" livesrc="navi/essen.psd" alt="" height="34" width="90" border="0" /></td>
    <td><img src="navi/aktiv.jpg" livesrc="navi/aktiv.psd" alt="" height="34" width="130" border="0" /></td>
    <td><img src="navi/service.jpg" livesrc="navi/service.psd" alt="" height="34" width="100" border="0" /></td>
    <td><img src="navi/musik.jpg" livesrc="navi/musik.psd" alt="" height="34" width="100" border="0" /></td>
    <td><a href="#"><img src="navi/english.jpg" livesrc="navi/english.psd" alt="" height="34" width="100" border="0" /></a></td>
    </tr>
    </table>
    <div id="Ebene3">
    <a href="#"><img src="../../hotel-zur-bleiche.com/resources/Logo_Intro.jpg" alt="" height="139" width="145" border="0" /></a></div>
    </div>
    <p></p>
    </body>

    </html>


    Bin ziemlich ratlos! Hat jemand eine Idee?
    Vielen Dank, DonCode ohne "Aktion"

  • #2
    nur ein auszug deiner fehler:

    Error Line 63 column 10: element "csactions" undefined.

    <csactions>

    You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:

    * incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
    * by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
    * by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case.
    Error Line 78 column 9: ID "Ebene1" already defined.

    <div id="Ebene1">

    An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

    Kommentar


    • #3
      Danke für die gehäuft aufgetretenen Belehrungen...

      Wie Du ggfs. an meiner Beitragsmenge gesehen haben könntest, bin ich noch nicht direkt ein "alter Hase"

      Ich hätte nur den wichtigen Teil meines Codes abgebildet – wenn ich denn wüsste, wo der Fehler steckt.

      Und danke das Du mir validator - Zeilen mit meinen Fehlern geschickt hast, aber hast Du vielleicht auch einen Lösungsvorschlag für mich?

      Don

      PS: Mein nächstes Posting wird kürzer, versprochen )

      Kommentar


      • #4
        ja, ich würde vorschlagen, dass du deinen code erstmal validierst. vorher ist es wohl sinnlos einen funktionierenden code zu erwarten.

        vorallem, wenn ich sehe, dass es mehrerer elemente mit der selben id gibt.

        Kommentar


        • #5
          Vailidieren klingt gut. Ich würde das übersetzen mit: Funktionsfähigkeit überprüfen.

          Ich habe das mit http://validator.w3.org/check probiert und 14 Fehler angezeigt bekommen.

          So weit so gut.

          Allerdings verstehe ich die meisten der angezeigten Fehler nicht...
          Und welche Elemente haben die gleiche ID?

          Kommentar


          • #6
            Original geschrieben von TobiaZ
            ja, ich würde vorschlagen, dass du deinen code erstmal validierst. vorher ist es wohl sinnlos einen funktionierenden code zu erwarten.

            vorallem, wenn ich sehe, dass es mehrerer elemente mit der selben id gibt.
            Hai TobiaZ.
            Die Sache ist noch schräger als ich dachte:

            WC3 findet in meinem Code 13 Fehler.
            Wenn ich eine neue Seite nehme, dort eine Sichtbarkeits-Aktion editiere findet WC3 ebenfalls die gleichen 13 Fehler.

            ABER AUF DiESER NEUE SEITE FUNKTIONIERT DIE AKTION

            Jetzt bin ich wirklich ratlos...

            Kommentar


            • #7
              das ist das problem mit klickibunti-editoren. davon kann ich ein lied singen. habe das bei meiner kollegin schon ein paar mal erlebt, dass irgendwann irgendwas irgendwo funktionierte, und woanders nicht. leider kann man den pseudo-javascript-code von golive meiner meinung nach nicht lesen, zumal du den ganzen csaction-kram aus dem header nicht gepostet hast. tipp: per hand erstellen, oder zumindest dw benutzen, da kann man zumindest erahnen, an welcher schraube man drehen muss.

              gruß
              pter
              Zuletzt geändert von Kropff; 17.05.2006, 20:19.
              Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
              Meine Seite

              Kommentar


              • #8
                Zitat von dondoener
                Nachtrag:
                Negatives Fehlerausschlußverfahren:
                Der Fehler tritt durch die Zentrierung auf, die ich folgendermaßen gelöst habe:

                #Ebene1 { background-color: #fff; height: 100px; width: 100px; left: 18px; top: 0; position:absolute; left:50%; top:50%; height: 650px; width: 850px; z-index: 10; margin-left:-425px; margin-top:-325px;visibility: visible; }

                Wenn ich das rauswerfe, funktioniert alles.

                Hat jemand einen Tip, wie ich die Zentrierung der Inhalte funktionierend lösen kann?

                Viele Grüße, Don
                Hat sich erledigt: der Fehler: height: 100px; width: 100px; left: 18px; top: 0

                Wie der Eintrag den Weg ins Dok gefunden hat werde ich wohl nie erfahren...)
                Zuletzt geändert von dondoener; 17.05.2006, 20:56.

                Kommentar


                • #9
                  tja, wysiwyg != wysiwyw

                  Kommentar

                  Lädt...
                  X