Benutzerdefinierte Suche

css verschiedene Bilderbreiten immer gleicher Abstand

  1. kaifreund

    kaifreund Thread StarterMacUser Mitglied

    Mitglied seit:
    30.07.2004
    Beiträge:
    52
    Zustimmungen:
    0
    Hallo Forum,
    Folgendes Problem:
    ich möchte zwischen drei verschieden grossen Bildern jeweils den gleichen Abstand haben. ABER: Der Code sollte auch für Bilder mit anderen Breiten passen (Dann wird bei identischer Gesamtbreite der Abstand zwischen den Bildern entsprechend grösser oder kleiner)!
    Bisher habe ich (ganz simpel) das:

    table {
    width:754px; margin-left:26px;}

    td{
    vertical-align:bottom;}

    .bild1 {
    float:left;}

    .bild1,.bild2, .bild3 {
    padding-top:44px;}

    .bild2 {
    text-align:center;}

    .bild3 {
    float:right;}


    <html> dazu:

    <table><tr><td>
    <div class="bild1">
    <img src="images/horchen1.jpg">
    </div></td>

    <td> <div class="bild2">
    <img src="images/horchen2.jpg">
    </div></td>

    <td><div class="bild3">
    <img src="images/horchen3.jpg">
    </div></td></tr>
    </table>

    Nun das Problem:
    da in diesem Fall das Bild3 deutlich breiter ist als Bild1 wird der Abstand zwischen Bild2 und Bild3 grösser als zwischen Bild1 und Bild2. Aber das will ich eben gerne ausschliessen.

    Weiss Jemand Rat?

    lg.Kai
     
    kaifreund, 29.11.2004
  2. mac-anfänger

    mac-anfängerMacUser Mitglied

    Mitglied seit:
    20.02.2004
    Beiträge:
    1.066
    Zustimmungen:
    0
    setz doch für die <td> eine feste weite und zentriere die bilder in jeder zelle....

    gruss ch aus CH
     
    mac-anfänger, 29.11.2004
  3. kaifreund

    kaifreund Thread StarterMacUser Mitglied

    Mitglied seit:
    30.07.2004
    Beiträge:
    52
    Zustimmungen:
    0
    Eigentlich gute Idee aber dann habe ich rechts und links der drei Bilder einen "Flatterrand" (sorry hatte in meinem posting vergessen zu erwähnen das die äussere linke Kante und die äussere rechte Kante der Bilderreihe unverändet bleiben muss. Es sollen lediglich die beiden Abstände zwischen den Bildern (bei verschiedenen Bilddern) variieren...

    Kai
     
    kaifreund, 30.11.2004
  4. mac-anfänger

    mac-anfängerMacUser Mitglied

    Mitglied seit:
    20.02.2004
    Beiträge:
    1.066
    Zustimmungen:
    0
    hallo kaifreund
    ....gib alles in feste breiten an das ganze layout und zentrierst das bild, so hast gar keinen flatternden rand.....meinte müsste schon gehen, probiers mal.....
    ...und muss es eine tabelle sein? kannst du nicht alles in <div>-container verpacken?----> schnellere ladezeiten, vorallem bi bilder eine gute argumentation <div>'s zu verwenden

    gruss ch aus CH
     
    mac-anfänger, 30.11.2004
  5. lengsel

    lengselMacUser Mitglied

    Mitglied seit:
    25.11.2003
    Beiträge:
    4.553
    Zustimmungen:
    53
    Und wenn Du dem mittleren Bild einen festen Wert für margin-left und margin-right zuweist?

    Grüße,
    Flo
     
    lengsel, 30.11.2004
  6. michanismus

    michanismusMacUser Mitglied

    Mitglied seit:
    23.08.2004
    Beiträge:
    434
    Zustimmungen:
    0
    ich würd dir ja gern helfen, aber irgendwie verstehe ich deine ausführungen nicht ganz.

    hast du evtl. mal nen link wo man sich das praktisch anschauen kann, damit man sich ein "bild" :) davon machen kann?
     
    michanismus, 30.11.2004
  7. kaifreund

    kaifreund Thread StarterMacUser Mitglied

    Mitglied seit:
    30.07.2004
    Beiträge:
    52
    Zustimmungen:
    0
    Das ist nett:
    hier der link: http://www.vonbieler.de/indexx.html
    ("indexx.html" ist noch korrekt!)

    unten malerei wählen, dann oben links "in sich hineinhorchend"

    --> der abstand zwischen den bildern ist nicht gleich...
    Achtung: ich will eben *nicht* die Bilder/Tables/divs in fester Breite angeben da die Bilder immer verschiedene Breiten haben...

    lg.kai
     
    kaifreund, 30.11.2004
  8. lengsel

    lengselMacUser Mitglied

    Mitglied seit:
    25.11.2003
    Beiträge:
    4.553
    Zustimmungen:
    53
    Also bei dem angegebenen Link sind die Abstände zwischen den Bildern bei mir (Camino 0.7) absolut gleich. Lediglich das erste steht ein bisschen höher.

    Grüße,
    Flo
     
    lengsel, 30.11.2004
  9. kaifreund

    kaifreund Thread StarterMacUser Mitglied

    Mitglied seit:
    30.07.2004
    Beiträge:
    52
    Zustimmungen:
    0
    @ lengsel.
    hmmm.
    Alle mir bekannten Browser ab 5.5 auf MAC als auch PC + Firefox 1 und Safari 1.2 zeigen dort einen Unterschied. Nimm mal in der Navigation "durch das Leben inspiriert" da habe ich dir eine Border gesetzt und damit ist es besser zu sehen?!

    g.kai
     
    kaifreund, 30.11.2004
  10. mac-anfänger

    mac-anfängerMacUser Mitglied

    Mitglied seit:
    20.02.2004
    Beiträge:
    1.066
    Zustimmungen:
    0
    in meinen browsern (camino, explorer für mac, firefox, sAFARI, alles aktuelle versionen) ist der abstand regelmässig!
    übrigens: schöne fröhliche bilder hast du da:)

    edit: finde schade, dass man nur mit eingeschaltetem java navigieren kann :( ......

    was mir auch noch aufgefallen ist, man kommt gar nicht an die navi hin, wenn man (mit meiner auflösung 1024y768) nicht das ganze fenster auf volle grösse skaliert.--> safari macht das so, der netscape zb nicht...

    gruss ch aus CH
     
    mac-anfänger, 30.11.2004
Die Seite wird geladen...