Andreas: HTML Deklaration & CSS

Hallo,
habe eine Dropdownbox erstellt per Javascript.
Verwende ich <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> wird diese korrekt dargestellt. ABER es beschweren sich Leute dass im Forum nicht mehr alles dargestellt wird.

Verwende ich den orginalen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Wird in der Dropdownbox einiges im Style nicht korrekt dargestellt, Abstände, Hover-Effekt.

Bildlink: http://www.access-o-mania.de/screen5.jpg

Der Hover-Balken sollte 100% breit sein, Höhe 25px und Padding sollte 4px sein.

Wie kann ich das Dropdown Menü richtig darstellen lassen?
Verwende als Forensystem Simple Machine Forum (SMF)

Gruß Andreas

  1. hallo,

    habe eine Dropdownbox erstellt per Javascript.

    Das ist verwunderlich. Normalerweise nimmt man ganz einfaches HTML dafür. Welchen Grund hast du, auf Javascript auszuweichen?

    Verwende ich <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> wird diese korrekt dargestellt.
    Verwende ich den orginalen:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    Wird in der Dropdownbox einiges im Style nicht korrekt dargestellt
    Bildlink: http://www.access-o-mania.de/screen5.jpg

    Dein "Bildlink" ist völlig unnütz. Was benötigt wird, um dir eventuell etwas raten zu können, ist dein Code.

    Der Hover-Balken sollte 100% breit sein, Höhe 25px und Padding sollte 4px sein.

    Woher soll man wissen, was du als "Hover-Balken" bezeichnest, und wie deine Maßeinheiten eventuell funktionieren sollen? Dein "Bild" ist 154x85 Pixel groß, also nix von 100% oder 25 Pixel Höhe oder gar einem Randabstand von 4 Pixeln.

    Wie kann ich das Dropdown Menü richtig darstellen lassen?

    Indem du es korrekt schreibst.

    Verwende als Forensystem Simple Machine Forum (SMF)

    Das ist vollkommen uninteressant. Du befindest dich hier im SELFHTML-Forum, und nicht in irgendeiner "Simple Machine".

    Grüße aus Berlin

    Christoph S.

    --
    Visitenkarte
    ss:| zu:) ls:& fo:) va:) sh:| rl:|
  2. Hello out there!

    Verwende ich <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    Durch DOCTYPE-Deklaration ohne system identifier (URI) schalten Browser IIRC in den quirks mode.

    wird diese korrekt dargestellt.

    Von „korrekter Darstellung“ kann im quirks mode keine Rede sein.

    Außerdem verwendest du die XHTML-Syntax, da ist die DOCTYPE-Angabe von HTML 4.0 verkehrt. (HTML 4.0 sollte sowieso nicht verwendet werden, sondern die berichtigte HTML 4.01.)

    Im Übrigen ist der Inhalt deines 'title'-Elements Schwachsinn.

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

    Durch DOCTYPE-Deklaration mit system identifier (URI) schalten Browser IIRC in den standards compliant mode.

    Dann stellen Browser alles (naja, besonders im IE mit Einschränkungen) so dar, wie du es angibts. Gefällt dir die Darstellung nicht, liegt es an deinen Angaben.

    Insbesondere solltest du dich mit dem Box-Modell vertraut machen. [CSS2 §8]

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)