Bilder passgenau nebeneinander lückenlos plazieren ohne Tabelle

  1. unique23

    unique23 Thread StarterMacUser Mitglied

    Mitglied seit:
    03.03.2004
    Beiträge:
    754
    Zustimmungen:
    2
    Hallo zusammen,
    ich habe ein paar Bilder, die ich gerne nebeneinander plazieren möchte. Und zwar so, dass sie nahtlos Bild an Bild stehen, ohne zwischenraum. Aber ich habe immer einen automatischen Abstand im Browser.

    Woran liegts? Oder muss ich auf eine Tabelle zurückgreifen? Wäre schade, weil ich dann mein gesamtes CSS umwerfen müßte :-(

    Besten Dank im voraus!
     
    unique23, 10.08.2006
  2. unique23

    unique23 Thread StarterMacUser Mitglied

    Mitglied seit:
    03.03.2004
    Beiträge:
    754
    Zustimmungen:
    2
    Mein Code sieht momentan so aus:

    <th colspan="4">
    <img src="pic.jpg" width="176" height="162" border="0" hspace="0" vspace="0"/>
    <img src="raster.gif" width="16" height="16" border="0" hspace="0" vspace="0"/>
    <img src="pic.jpg" width="176" height="162" border="0" hspace="0" vspace="0"/>
    <img src="raster.gif" width="16" height="16" border="0" hspace="0" vspace="0"/>
    <img src="pic.jpg" width="176" height="162" border="0" hspace="0" vspace="0"/>
    </th>

    Bringt das jemanden weiter?
     
    unique23, 10.08.2006
  3. pichfl

    pichflMacUser Mitglied

    Mitglied seit:
    03.08.2005
    Beiträge:
    134
    Zustimmungen:
    2
    img{ vertical-align:bottom; margin:0; padding:0; border:0; }

    achte darauf, dass zwischen <img /> und dem nächsten <img /> kein zwischenraum ist.

    am besten floatest du die Bilder (z.b. mit ner klasse) (dann muss aber mit dem nachfolgendem element der float wieder aufgehoben werden - ein <br /> ginge auch, falls keine elemente mehr da sind.)

    Code:
    <img class"floating" /><img class="floating" /><img class="floating" />
    <div id="nachfolgendeselement">....
    
    in der CSS dann

    Code:
    img.floating{ float:left; display:block; vertical-align:bottom; margin:0; padding:0; border:0; }
    div#nachfolgendeselement{ clear:both; }
    

    EDIT: irgendwas sagt mir, dass sich dein code auch anderweitig noch optimieren ließe, vor allem in hinbetracht auf tabellen ;) :p
     
    pichfl, 10.08.2006
  4. unique23

    unique23 Thread StarterMacUser Mitglied

    Mitglied seit:
    03.03.2004
    Beiträge:
    754
    Zustimmungen:
    2
    dankeschön, ich teste mal gleich weiter....
    oh ja da kann man einiges optimieren, upis, hab gerade mein code-kauderwelsch gemerkt. kommt nicht wieder vor :)
     
    unique23, 10.08.2006
  5. mores

    moresMacUser Mitglied

    Mitglied seit:
    23.12.2003
    Beiträge:
    3.557
    Zustimmungen:
    106
    poste mal den wichtigen TABLE container der VOR dem <th> kommt.

    border="0" cellpadding="0" cellspacing="0" sind wichtig, und die width auf keinen fall auf 100% stellen ;)
     
    mores, 10.08.2006
Die Seite wird geladen...