Schnelle Hilfe - HTML Problem

Diskutiere und helfe bei Schnelle Hilfe - HTML Problem im Bereich Webmaster Support, Scripts, etc im SysProfile Forum bei einer Lösung; Hy, habe ein Problem mit zwei Bildern, welche ich untereinander (zentriert) ausgeben möchte. Beim IE scheint alles OK zu sein. Aber wenn ich mit... Dieses Thema im Forum "Webmaster Support, Scripts, etc" wurde erstellt von Maryo.Insomnia, 21. Mai 2009.

  1. Maryo.Insomnia
    Maryo.Insomnia PC-Freak
    Registriert seit:
    20. Februar 2008
    Beiträge:
    221
    Zustimmungen:
    12
    1. SysProfile:
    55862
    2. SysProfile:
    93900

    Hy, habe ein Problem mit zwei Bildern, welche ich untereinander (zentriert) ausgeben möchte. Beim IE scheint alles OK zu sein. Aber wenn ich mit Firefox meinen Webspace öffne und mir die Bilder anschaue, dann ist ein minimales Stück frei zwischen den Bildern. Egal ob ich die Bilder in einer Tabelle mit "cellspacing=0 und cellpading=0" positioniere, oder ohne.

    Ich sag schonmal: danke im Voraus! :)

    Hier der Webspace: http://maryoinsomnia.ma.funpic.de
     
    #1 Maryo.Insomnia, 21. Mai 2009
  2. Spacerat
    Spacerat ٩(̾●̮̮̃̾•̃̾)۶ /dev/null
    Registriert seit:
    25. Dezember 2006
    Beiträge:
    8.597
    Zustimmungen:
    196
    Name:
    Christian
    1. SysProfile:
    11226
    Steam-ID:
    Spacerat2911

    Glaube, das liegt am Doctype. Wenn ich den rausnehme, ist der Abstand ohne Murren weg. Nehm doch einfach mal XHTML Transitional ;)
    <center> z.b. ist eh kein valides Element in XHTML 1.0 Strict.
     
    #2 Spacerat, 21. Mai 2009
  3. Willforce
    Willforce Profi-Schrauber
    Registriert seit:
    6. September 2007
    Beiträge:
    301
    Zustimmungen:
    7
    1. SysProfile:
    4915
    Das problem liegt einfach am tabellen-Code.
    Entweder Du machst es mit DIV's, was dir auch das spätere arbeiten erleichtern wird, da es einfach übersichtlicher ist.
    Wenn Du mit der Tabelle arbeitest, MUSS die Zeile mit der Grafik unbedingt mit dem öffnenden und schliessenden td in einer zeile stehen.

    Durch diese Schreibweise ensteht ein Zwischenraum bei den Grafiken.
    Frag mich aber nicht warum.

    Falsch:
    HTML:
    ...
<td>
<img src="" border="0" alt="" />
</td>
...
    So wirds richtig und ohne den lästigen Zwischenraum. :)

    Richtig:
    HTML:
    ...
<td><img src="" border="0" alt="" /></td>
...
    Wie aber schon erwähnt, kommst du besser Du machst alles in div's.
    Das erfordert zwar mehr CSS, sieht aber vom Quellcode her besser und übersichtlicher aus.

    EDIT: Hab mir grad den Quellcode angeschaut. Da ist einiges an Murks dabei. Das wird auf kurz oder lang alles zerschießen und keinem Browser vernünftig ausschauen, wenn Du in der Form weiter machst.
     
    #3 Willforce, 21. Mai 2009
    Zuletzt bearbeitet: 21. Mai 2009
  4. Maryo.Insomnia
    Maryo.Insomnia PC-Freak
    Themenstarter
    Registriert seit:
    20. Februar 2008
    Beiträge:
    221
    Zustimmungen:
    12
    1. SysProfile:
    55862
    2. SysProfile:
    93900
    @ Spacerat: Danke, der DOCTYPE musste wirklich verändert werden. Nun geht's :)

    @ Willforce: leider hatte es auch so nicht geklappt, zumindest bei mir :(
     
    #4 Maryo.Insomnia, 21. Mai 2009
  5. Willforce
    Willforce Profi-Schrauber
    Registriert seit:
    6. September 2007
    Beiträge:
    301
    Zustimmungen:
    7
    1. SysProfile:
    4915
    Kann auch nicht, solang Du das <br> im <td>, nach dem <img...>, stehen hast. ;)
     
    #5 Willforce, 21. Mai 2009
  6. Spacerat
    Spacerat ٩(̾●̮̮̃̾•̃̾)۶ /dev/null
    Registriert seit:
    25. Dezember 2006
    Beiträge:
    8.597
    Zustimmungen:
    196
    Name:
    Christian
    1. SysProfile:
    11226
    Steam-ID:
    Spacerat2911
    Ich hatte deine Variante heute Morgen auch schon vor deinem Posting getestet, das hat auch nix gebracht ;)
     
    #6 Spacerat, 22. Mai 2009
  7. Maryo.Insomnia
    Maryo.Insomnia PC-Freak
    Themenstarter
    Registriert seit:
    20. Februar 2008
    Beiträge:
    221
    Zustimmungen:
    12
    1. SysProfile:
    55862
    2. SysProfile:
    93900
    @ Willforce: wenn ich es ohne "<br"> schreibe, sind die zwei Bilder nebeneinander und nicht untereinander. ;)
     
    #7 Maryo.Insomnia, 22. Mai 2009
  8. Willforce
    Willforce Profi-Schrauber
    Registriert seit:
    6. September 2007
    Beiträge:
    301
    Zustimmungen:
    7
    1. SysProfile:
    4915
    Du Auskenner! Dann schau die mal deinen Quellcode genauer an. ;)
     
    #8 Willforce, 26. Mai 2009
  9. mitcharts
    mitcharts Wandelnde HDD
    Registriert seit:
    23. Januar 2007
    Beiträge:
    11.682
    Zustimmungen:
    551
    @willforce
    Anstatt so einen Kommentar zu schreiben, wäre eine aussagekräftigere Antwort angebrachter.

    @maryo
    Besteht der Fehler immer noch?
    Ich kann ihn jedenfalls nicht (mehr) finden.
     
    #9 mitcharts, 26. Mai 2009
  10. Maryo.Insomnia
    Maryo.Insomnia PC-Freak
    Themenstarter
    Registriert seit:
    20. Februar 2008
    Beiträge:
    221
    Zustimmungen:
    12
    1. SysProfile:
    55862
    2. SysProfile:
    93900

    Nein, der Fehler besteht nicht mehr. Willforce lag falsch. Spacerat hatte die richtige Antwort geliefert.
     
    #10 Maryo.Insomnia, 15. Juni 2009
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
Thema:

Schnelle Hilfe - HTML Problem

Die Seite wird geladen...

Schnelle Hilfe - HTML Problem - Similar Threads - Schnelle Hilfe HTML

 Forum Datum

Google Translate: Neue KI-Modelle für schnelle oder präzise Übersetzungen

Google Translate: Neue KI-Modelle für schnelle oder präzise Übersetzungen: Google Translate: Neue KI-Modelle für schnelle oder präzise Übersetzungen Nutzer können künftig wohl zwischen zwei verschiedenen KI-Modellen für ihre Übersetzungen wählen. Diese Funktion wurde in...
 User-Neuigkeiten Dienstag um 15:04 Uhr

Keepsidian: Schnelle Notizen für Obsidian-Nutzer auf Android

Keepsidian: Schnelle Notizen für Obsidian-Nutzer auf Android: Keepsidian: Schnelle Notizen für Obsidian-Nutzer auf Android Keepsidian, eine recht neue Anwendung im Play Store, schlägt die Brücke zwischen dem Obsidian und der schnellen Erfassung von...
 User-Neuigkeiten 12. Juli 2025
Schnelle Hilfe - HTML Problem solved
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Accept Weitere Informationen
    Information ausblenden