css verschiedene Bilderbreiten immer gleicher Abstand

Diskutiere mit über: css verschiedene Bilderbreiten immer gleicher Abstand im Web Page Design Forum

  1. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Registriert seit:
    30.07.2004
    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
     
  2. mac-anfänger

    mac-anfänger MacUser Mitglied

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

    gruss ch aus CH
     
  3. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Registriert seit:
    30.07.2004
    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
     
  4. mac-anfänger

    mac-anfänger MacUser Mitglied

    Beiträge:
    1.077
    Zustimmungen:
    0
    Registriert seit:
    20.02.2004
    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
     
    Zuletzt bearbeitet: 30.11.2004
  5. lengsel

    lengsel MacUser Mitglied

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

    Grüße,
    Flo
     
  6. michanismus

    michanismus MacUser Mitglied

    Beiträge:
    434
    Zustimmungen:
    0
    Registriert seit:
    23.08.2004
    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?
     
  7. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Registriert seit:
    30.07.2004
    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
     
  8. lengsel

    lengsel MacUser Mitglied

    Beiträge:
    4.627
    Zustimmungen:
    53
    Registriert seit:
    25.11.2003
    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
     
  9. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Registriert seit:
    30.07.2004
    @ 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
     
  10. mac-anfänger

    mac-anfänger MacUser Mitglied

    Beiträge:
    1.077
    Zustimmungen:
    0
    Registriert seit:
    20.02.2004
    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
     
    Zuletzt bearbeitet: 30.11.2004
Die Seite wird geladen...
Ähnliche Themen - css verschiedene Bilderbreiten Forum Datum
CSS Selektor - Leerzeichen Web Page Design 12.09.2015
lokale css-Anweisung für macuser.de? Web Page Design 21.07.2015
Auslagerung von Klassen in CSS-File Web Page Design 02.04.2015
CSS Problem mit Breiten von ul/li Web Page Design 07.10.2014
CSS: Styling von Abonnieren-Feld Web Page Design 20.08.2014

Diese Seite empfehlen

Benutzerdefinierte Suche