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... Discussion in 'Webmaster Support, Scripts, etc' started by Maryo.Insomnia, May 21, 2009.

  1. Maryo.Insomnia
    Maryo.Insomnia PC-Freak
    Joined:
    Feb 20, 2008
    Messages:
    221
    Likes Received:
    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, May 21, 2009
  2. Spacerat
    Spacerat ٩(̾●̮̮̃̾•̃̾)۶ /dev/null
    Joined:
    Dec 25, 2006
    Messages:
    8,597
    Likes Received:
    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, May 21, 2009
  3. Willforce
    Willforce Profi-Schrauber
    Joined:
    Sep 6, 2007
    Messages:
    301
    Likes Received:
    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, May 21, 2009
    Last edited: May 21, 2009
  4. Maryo.Insomnia
    Maryo.Insomnia PC-Freak
    Threadstarter
    Joined:
    Feb 20, 2008
    Messages:
    221
    Likes Received:
    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, May 21, 2009
  5. Willforce
    Willforce Profi-Schrauber
    Joined:
    Sep 6, 2007
    Messages:
    301
    Likes Received:
    7
    1. SysProfile:
    4915
    Kann auch nicht, solang Du das <br> im <td>, nach dem <img...>, stehen hast. ;)
     
    #5 Willforce, May 21, 2009
  6. Spacerat
    Spacerat ٩(̾●̮̮̃̾•̃̾)۶ /dev/null
    Joined:
    Dec 25, 2006
    Messages:
    8,597
    Likes Received:
    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, May 22, 2009
  7. Maryo.Insomnia
    Maryo.Insomnia PC-Freak
    Threadstarter
    Joined:
    Feb 20, 2008
    Messages:
    221
    Likes Received:
    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, May 22, 2009
  8. Willforce
    Willforce Profi-Schrauber
    Joined:
    Sep 6, 2007
    Messages:
    301
    Likes Received:
    7
    1. SysProfile:
    4915
    Du Auskenner! Dann schau die mal deinen Quellcode genauer an. ;)
     
    #8 Willforce, May 26, 2009
  9. mitcharts
    mitcharts Wandelnde HDD
    Joined:
    Jan 23, 2007
    Messages:
    11,682
    Likes Received:
    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, May 26, 2009
  10. Maryo.Insomnia
    Maryo.Insomnia PC-Freak
    Threadstarter
    Joined:
    Feb 20, 2008
    Messages:
    221
    Likes Received:
    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, Jun 15, 2009
(You must log in or sign up to post here.)
Thema:

Schnelle Hilfe - HTML Problem

Loading...

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

 Forum Date

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 Tuesday at 3:04 PM

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 Jul 12, 2025
Schnelle Hilfe - HTML Problem solved
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Accept Learn More...
    Dismiss Notice