jeder IMG - Tag ist bei mir in einer Zeiler = rand von 1px - Hilfe!

Dieses Thema im Forum "Web-Design" wurde erstellt von PATTE, 30.04.2008.

  1. PATTE

    PATTE Thread Starter unregistriert

    Beiträge:
    961
    Zustimmungen:
    31
    Mitglied seit:
    02.02.2004
    Hallo,

    ich habe eine Gallery und habe diese unerwünschte kleine Umrandung um die Bilder… um kompatibel zum Internet Explorer zu sein. Soll heißen: die Bilder sind in einem Table der sich "Autostrecht" - getrennt durch ein Leerzeichen (oder auch 'enter' damit jeder Tag in einer eigenen Zeile ist).
    Denn IE reiht sonst alle Bilder aneinander, so das die Seite weit wird bis zum geht nicht mehr - deshalb muss ich die Bilder 'trennen'.

    [​IMG]

    Normal ist es die Darstellung wunderschön in den Konkurrenzbrowsern, wenn ich alle Bild-Tags einfach hintereinander mache - ohne eine Trennen per Leertaste oder setzten der Tags in eine eigene Zeile. Auch Autostrech funktioniert blendet, wenn zB das Fenster verkleinert/vergrößert wird.

    Bisher habe ich versucht per CSS den img-tag zu modifizieren:
    border: none
    margin: -1xp sowie maring: 0px
    padding: 0


    Bisher ohne Erfolg. Es wäre mehr als toll, wenn jemand mir eine Lösung anbieten könnten.
     
  2. wegus

    wegus MacUser Mitglied

    Beiträge:
    15.663
    Zustimmungen:
    2.252
    Mitglied seit:
    13.09.2004
    ich schieb Dich mal ins zugehörige Forum :)
     
  3. PATTE

    PATTE Thread Starter unregistriert

    Beiträge:
    961
    Zustimmungen:
    31
    Mitglied seit:
    02.02.2004
    ups… ja *ähm* gerne.
     
  4. Simsch

    Simsch unregistriert

    Beiträge:
    496
    Zustimmungen:
    45
    Mitglied seit:
    08.04.2008
    Magst du mal ein paar Files uploaden? Ich würde das vielleicht so versuchen einen div tag zu nehmen mit konstanter Breite (oder auch nicht) und dann mittels id allen in dem div befindlichen img tags ein margin: Xpx; zuweisen.
    Ist das auf deinem Bild die Darstellung wie es sein soll oder die wie es nicht sein soll?

    mfg
    Simon
     
  5. dms

    dms

    Mach das Gefrickel mit den Leerzeichen wieder weg und weise den Bildern einfach "float:left" zu. Nach den Bildern nicht vergessen ein Element mit "clear:left" zu definieren.

    Code:
    <img style="float:left;" /><img style="float:left;" /><img style="float:left;" /><br style="clear:left;" />
     
  6. PATTE

    PATTE Thread Starter unregistriert

    Beiträge:
    961
    Zustimmungen:
    31
    Mitglied seit:
    02.02.2004
    Hallo und Danke - um mich verständlicher auszudrücken, habe ich mal einen Crashtestdummy Online gestellt.

    http://www.dummy2.uaarg.de


    @Simsch — ich probiere es… obwohl ich meine das schon einmal erfolglos probiert zu haben. Da scheinen sich DIV und TD nicht viel zu nehmen.

    @dms — ich habe im css einfach mal folgendes dazugetippt... leider ohne Effekt

    Ich probiere deinen Trick noch einmal mit ein wenig spezifischerem taggen.

    Any ideal ideas?
     
  7. PATTE

    PATTE Thread Starter unregistriert

    Beiträge:
    961
    Zustimmungen:
    31
    Mitglied seit:
    02.02.2004
    … komme nicht weiter :[
     
  8. Jakob

    Jakob MacUser Mitglied

    Beiträge:
    1.067
    Zustimmungen:
    21
    Mitglied seit:
    05.01.2004
    dms’ Lösung ist die richtige:

    <img /><img /><img /><br />

    im CSS

    img { float: left }
    br { clear: left }

    Hast Du noch andere tags/styles dazwischen? Und warum ist das ganze in einer table?

    Falls es da bleiben soll, probier im CSS mal

    td img { … }
    td br { … }
     
  9. PATTE

    PATTE Thread Starter unregistriert

    Beiträge:
    961
    Zustimmungen:
    31
    Mitglied seit:
    02.02.2004
    @ Jakob / DMS

    Danke ich probiert — es geht!
    Mir war das mit dem br-tag schleierhaft. Warum er da sein muß… im ganzen Code ist ja kein br zu sehen, ABER die werden wohl automatisch vom Browser hineininterpretiert.

    Hatte schon extra bei http://dummy2.uaarg.de aufgeräumt, damit dort nur noch das wichtigste drinnen steht (auch im CSS file).

    zu Tabellen:

    Ja… ich mußte auf tables ausweichen, weil ich nicht wußte die ich das layout um den weißen Kasten den ihr da seht mit div's hätte autostretchen können. Das ganze Projekt mit div's ist mein nächsten vorhaben.
     
Die Seite wird geladen...

Diese Seite empfehlen