Marc Schwarz: Erste (X)HTML Seite ohne Layouttabellen

Hallo

Ich arbeite gerade an meiner ersten tabellenlosen Seite. Ich bin zwar 10 x langsamer als sonst, aber ich hoffe, ich bin auf gutem weg.

Könnte sich jemand, der bereits mehr Erfahrung mit (X)HTML hat, den Quellcode mal ansehen und mir mitteilen, ob ich das grundsätzliche Prinzip verstanden habe? Oder wo es noch Potential für Verbesserungen hat (weniger Code, etc...)

Wäre nett:

http://www.anykeysolutions.ch/develop.html

Danke
Marc

  1. Hallo!
    Schaut recht gut aus. Diese Liste hier ist mir aber sofort aufgefallen.

      
      <ul id="ul_lang">  
        <li class="all_1">Sprachauswahl</li>  
        <li><a href="" onmouseover="MM_swapImage('lang_1','','images/lang_1_a.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/lang_1_a.gif" alt="Deutsch" width="15" height="20" id="lang_1" /></a></li>  
        <li><a href="" onmouseover="MM_swapImage('lang_2','','images/lang_2_a.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/lang_2_n.gif" alt="English" width="15" height="20" id="lang_2" /></a></li>  
      </ul>
    

    Wieso benutzt du hier JavaScript?
    1.) Ist in deinem Bild nur Text, da kann man einfach den Link formatieren
    2.) falls doch ein Bild notwendig ist dann einfach einen Ersatztext im A Element einfügen (<span>bla</span>) und dieses per JS auf display:none; setzen. Das A Element display:block; geben, als Hintergrundgrafik das gewünschte Bild und die entsprechende Höhe und Breite geben. Bei a:hover kannst du das Hintergrundbild dann ersetzen.

    --
    Lg,
    Snafu
    1. Hi!

      Wieso benutzt du hier JavaScript?

      Vermutlich weil mit dem Dreamweaver oder Fireworks oder irgendeinem anderen Macromedia-Programm (jetzt: Adobe) gearbeitet wurde.
      Darum beginnt der Funktionsname auch mit einem MM_.
      Du solltest dir mal die dazu gehörige Funktion ansehen.
      Ich schätze, da wird dir schlecht...

      Früher war das jedenfalls so, daß der Dreamweaver für eine Funktion, die ich mit einer Zeile Code geschrieben hab, fast eine Seite Code brauchte.
      Dazu kam dann noch, daß kein Mensch mehr durch diesen Code durchsteigt...

      1.) Ist in deinem Bild nur Text, da kann man einfach den Link formatieren

      Ja, wie mir scheint, wird hier Javascript für einen Rollover auf einfachen Textlinks eingesetzt.
      Das würde ich in jedem Fall mit CSS machen.

      Schöner Gruß,
      rob

      1. Hallo!

        Wieso benutzt du hier JavaScript?
        Vermutlich weil mit dem Dreamweaver oder Fireworks oder irgendeinem anderen Macromedia-Programm (jetzt: Adobe) gearbeitet wurde.
        Darum beginnt der Funktionsname auch mit einem MM_.

        So genau hab ich nicht hingeguckt. Wie gesagt, das Stückerl Code ist mir quasi entgegengesprungen, in etwa so wie hier (bei Minute 1:30) haha.

        Du solltest dir mal die dazu gehörige Funktion ansehen.
        Ich schätze, da wird dir schlecht...

        Wenn ich mal zuviel gesoffen hab werd ich vl darauf zurückgreifen ;)

        1.) Ist in deinem Bild nur Text, da kann man einfach den Link formatieren
        Ja, wie mir scheint, wird hier Javascript für einen Rollover auf einfachen Textlinks eingesetzt.
        Das würde ich in jedem Fall mit CSS machen.

        Ich würde es auch mit CSS machen wenns ein Bild wäre, so wie ich bei 2.) beschrieben habe.

        --
        Lg,
        Snafu
  2. Lieber Marc,

    da Du Dich das letzte Mal nicht mehr gemeldet hast, werde ich mich mit Deinem Anliegen nicht mehr auseinandersetzen.

    Grüße aus Ellwangen,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
    1. Lieber Marc,

      da Du Dich das letzte Mal nicht mehr gemeldet hast, werde ich mich mit Deinem Anliegen nicht mehr auseinandersetzen.

      Grüße aus Ellwangen,

      Felix Riesterer.

      Hallo Felix

      Sorry, das ich mich nicht gemeldet habe, aber hatte das Ding vergessen...

      Ich werde das MouseOver mal mit CSS versuchen, hoffe ich habs begriffen, wie das gehen soll...