Frage zum Thema Programmierung Web-Site

  • Zitat

    Original von HSVMichi... im IE werden zwischen den Menüpunkten Leerzeilen kreiert, und was auch erstaunlich ist: von vier Hyperlinks wird nur einer angezeigt...
    Jemand eine Idee?


    (Es handelt sich jetzt nur von den Links auf der linken Seite, richtig?)
    Vorausgesetzt, dass die Seite beim Speichern aus dem Internet genau so
    aussieht, wie bei die zu Hause, versuche mal dies:


    - im div-Tag den id in Anführungszeichen zu schreiben (id="links")
    - die listen ( <li> zuschliessen, bevor man ein neues öffnet)
    - in der css-Datei in "links A" das attribut "DISPLAY: block;" zu löschen.


    (kümmere dich nicht darum, weshalb der hellblaue Teil rechts weg ist.
    ich habe ihn bloss der übersicht halber gelöscht ;) )

  • Zitat

    Original von Wastl
    Doch, der Zeilenfehler ist bei mir auch im FF enthalten.
    Wastl


    In FF ist zwar der Abstand zwischen den zeilen recht "großzügig", aber nicht so extrem wie unter IE (siehe Screenshot aus FF - zum Vergleich nimm den von Bogi).


    @Zen: danke für die Tipps :)
    Allerdings war alles schon im "Soll-Zustand" ?(

    Bilder

    Navigation mit Google Maps über Android Auto und AAWireless im Nissan Qashqai Akari Automatik. Zusätzlich ist POIbase NAVI ein treuer Beegleiter meiner Fahrten  ;)

    Einmal editiert, zuletzt von HSVMichi ()

  • @Zen: nehme alles zurück :-D)


    Beim nochmaligen Durchlesen Deines Postings hat Junior "seinen" Fehler gefunden. :)


    DISPLAY BLOCK war doch vorhanden. Allerdings ist nun die Link-Hover-Hinterlegung nur noch auf Textlänge geschnitten, vorher über die ganze Breite des blauen Kastens.

    Navigation mit Google Maps über Android Auto und AAWireless im Nissan Qashqai Akari Automatik. Zusätzlich ist POIbase NAVI ein treuer Beegleiter meiner Fahrten  ;)

  • So, nun haben wir noch ein Verständnisproblem: die vier Bildchen.


    Offline wird nur das erste angezeigt, obwohl sich alle vier im gleichen Verzeichnis befinden (sogar case-sensitive eingegeben). Tauscht man die Reihenfolge, wird immer nur das eine Bild angezeigt, das auf der jetzt aktualisierten Page als erstes angezeigt wird.

    Navigation mit Google Maps über Android Auto und AAWireless im Nissan Qashqai Akari Automatik. Zusätzlich ist POIbase NAVI ein treuer Beegleiter meiner Fahrten  ;)

  • Bei mir werden aber alle vier angezeigt. Gut auf dem Screenshot sieht man
    nur zwei einhalb, aber der Rest ist auch da.
    Ach, und ich vergass zu sagen, dass <li> in <div> nicht zulässig ist.
    Verpacke das Ganze in die Tags <ul> und </ul>
    Müsste dann so aussehen:
    <ul>
    <li> blah </li>
    <li> blah </li>
    </ul>


    und für den Hoover: musst ein wenig spielen mit den Padding in der css
    und der Breite des des div für die Links.
    Ansonsten jeder Link einzeln in div verpacken, die Ebene auf den Pixel
    genau ausrichten und so den Hoover erzwingen.

  • Da ist syntaktisch noch mehr unsauber:
    -) kein Body-Tag
    -) h5 ohne schließenden Tag
    -) Listenelemente nicht in Listen-Tags eingebettet
    Die Unterschiedlichen Renderengines der Browser behandeln solche Abweichungen sehr unterschiedlich, mit teilweise kuriosen Reszultaten.


    Grundsätzlich sollte zu jedem öffnendem Tab ein schließendes Tag dasein.
    Um das besser zu sehen, empfiehlt es sich, das ganze sauber zu formatieren (ähnlich wie in jeder richtigen Programmiersprache): also alle Elemente auf der gleichen Ebene mit der gleichen Einrückung. Dann hat man besser den Überblick.


    Man kann die Webseite mal auf www.w3c.org validieren lassen (nach Validator suchen, HTML validator auswählen und URL der Seite eingeben --> liefert 35 "Fehler" nach w3c Standard!)

  • body ist vorhanden. Jedenfalls bei mir
    h5: stimmt
    listenelement habe ich schon erwähnt. Sollte noch kommen :D

  • Zitat

    Original von Zen
    Bei mir werden aber alle vier angezeigt.


    Schon klar :D


    ich sprach vom OFFLINE-Modus ;D


    Also das Verzeichnis samt Quellcode und Bilddateien befinden sich auf einem Speicherstick. Die vier GIFs sind definitiv richtig geschrieben und im gleichen Verzeichnis. ?(



    @JSPI: gerade ausgedruckt; bringe ich ihm gleich rüber (danke :))

    Navigation mit Google Maps über Android Auto und AAWireless im Nissan Qashqai Akari Automatik. Zusätzlich ist POIbase NAVI ein treuer Beegleiter meiner Fahrten  ;)

  • Zitat

    Original von HSVMichi
    Schon klar :D


    ich sprach vom OFFLINE-Modus ;D


    Also das Verzeichnis samt Quellcode und Bilddateien befinden sich auf einem Speicherstick. Die vier GIFs sind definitiv richtig geschrieben und im gleichen Verzeichnis. ?


    jaja, ich habe mir die Seite halt auf den PC abgespeichert. Sollte ja keine
    Rolle spielen, ob Speicherstick oder HD.
    Sonst hätte ich ja die Zeilen nicht "zusammenrücken" können. Auf den
    Server komme ich ja nicht. Oder verstehst du unter offline was anderes?
    (Kannst ja mal mein Bild anklicken, da siehst du, dass es auf PC ist)

  • Moin Moin :)


    @Zen: ja, ist schon richtig :)


    Anbei mal ein Screenshot, wie die Bilder (nur unter IE) nicht angezeigt werden, wenn Sohnemann die Seite vom Stick aus aufruft...

    Bilder

    Navigation mit Google Maps über Android Auto und AAWireless im Nissan Qashqai Akari Automatik. Zusätzlich ist POIbase NAVI ein treuer Beegleiter meiner Fahrten  ;)

  • Seltsam...
    Vielleicht lädst du die Seite mal gezipt hier rein, dann könnte man es sich
    genauer anschauen

  • Zitat

    Original von Zen
    Seltsam...
    Vielleicht lädst du die Seite mal gezipt hier rein, dann könnte man es sich
    genauer anschauen


    Habe ich in Auftrag gegeben :D

    Navigation mit Google Maps über Android Auto und AAWireless im Nissan Qashqai Akari Automatik. Zusätzlich ist POIbase NAVI ein treuer Beegleiter meiner Fahrten  ;)

  • Ok. Die Seite so geladen, wie du sie hier reingestellt has, funktioniert
    tatsächlich nicht.
    Benennst du die Bild-Dateien "heros", "lost" und "pb" ins richtige (!)
    Dateiformat um, funktioniert es. Das sind keine GIF-Dateien, sondern JPG :gap
    Nicht vergessen, in der index-Datei dies auch zu tun.


    Edit: Noch etwas. die <li>-Tags müssen in <ul> eingebettet sein. So wie
    schon geschrieben.

    2 Mal editiert, zuletzt von Zen ()


  • Danke :)


    Gebs gleich weiter (bin etwas im Siegestaumel :D)

    Navigation mit Google Maps über Android Auto und AAWireless im Nissan Qashqai Akari Automatik. Zusätzlich ist POIbase NAVI ein treuer Beegleiter meiner Fahrten  ;)