Ergebnis 1 bis 5 von 5

Thema: 2 Bilder untereinander und zentriert

  1. #1
    Teeny
    Registriert seit
    15.09.2015
    Beiträge
    21
    Danke
    5
    Bekam 1 mal "Danke" in 1 Posting

    Standard 2 Bilder untereinander und zentriert

    Hey Leute,

    ich möchte 2 Bilder untereinander haben. Dazu hab ich den Bildern die
    CSS Eigenschaft position: absolute gegeben. Aber wie soll ich die dann noch zentrieren?




    Leute, hat sich erledigt
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von eg45 (19.02.2016 um 18:54 Uhr)

  2. #2
    Interessierte/r Avatar von AnyKey
    Registriert seit
    31.01.2016
    Ort
    Raum Oldenburg / Bremen
    Beiträge
    107
    Danke
    16
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: 2 Bilder untereinander und zentriert

    Für diejenigen, die es dennoch interessiert:

    Dem entsprechenden <div>-Block oder <p>-Absatz in dem die Bilder enthalten sind, die Eigenschaft "text-align:center;" vergeben.

    Da Bilder (<img>) Inline-Elemente sind, kann man denen keine Ausrichtungs-Attribute zuweisen.

    Bzw. könnte man schon, aber die bleiben dann ohne Funktion.

    Drücken Sie die Any-Taste um fortzufahren!

  3. #3
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.232
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: 2 Bilder untereinander und zentriert

    Hallo,

    eigentlich macht es in den meisten Fällen mehr Sinn, den DIV's eine feste Größe ( die des enthaltenen Bildes ) zu geben und bei position:relative; einfach nur margin:0 auto; zu verwenden.
    Mit den Werten für oben und unten kann man spielen, wichtig ist, daß links und rechts auto sind. Mit display:block; werden die dann auch untereinander angezeigt. position:absolute; benötigt man für sowas i.d.R. nicht.

    Gruß Arne


    EDIT:
    Da Bilder (<img>) Inline-Elemente sind, kann man denen keine Ausrichtungs-Attribute zuweisen.
    Bzw. könnte man schon, aber die bleiben dann ohne Funktion.
    Sicher?!
    Probier das mal:
    HTML-Code:
    <img src="deinbild.jpg">
    Code:
    IMG { display:block; width:100px; position:relative; margin:0 auto; }
    Die 100px musst Du natürlich auf die Breite des Bildes anpassen, aber ansonsten funktioniert das so auch direkt auf Bildern.

    Die CSS-Darstellungen der Elemente sind nur Vorgabewerte ( und werden z.T. Browser abhängig interpretiert ), die Du fast alle jederzeit auf Deine Wünsche anpassen kannst.
    Geändert von Arne Drews (20.02.2016 um 16:00 Uhr)

  4. #4
    Interessierte/r Avatar von AnyKey
    Registriert seit
    31.01.2016
    Ort
    Raum Oldenburg / Bremen
    Beiträge
    107
    Danke
    16
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: 2 Bilder untereinander und zentriert

    Ja. Das hatte ich so noch nicht ausprobiert.

    Denke entscheidend hierfür ist dann das display:block; , wodurch dann tatsächlich das Inline-Element zu einem Block-Element umgewandelt wird.
    Drücken Sie die Any-Taste um fortzufahren!

  5. #5
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.232
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: 2 Bilder untereinander und zentriert

    Hallo,

    Ja, man kann dem Bild aber auch jede andere Display-Eigenschaft zuweisen, wie bspw. inline-block;
    In dem Fall aus #3 ist das block halt gewählt, weil es eine weitere Anforderung war, die Bilder untereinander anzuzeigen.

    Gruß Arne

Ähnliche Themen

  1. 3 divs untereinander
    Von keycee im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 27.09.2011, 22:07
  2. [C++] Klassen untereinander referenzieren.
    Von DarkSyranus im Forum Forum für alle anderen Programmiersprachen
    Antworten: 6
    Letzter Beitrag: 22.03.2008, 21:12
  3. bilder in tabelle direkt untereinander
    Von Dominikgt im Forum HTML & CSS Forum
    Antworten: 27
    Letzter Beitrag: 12.04.2007, 14:59
  4. Datensätze untereinander prüfen
    Von meierhans im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 04.11.2006, 17:27
  5. Bilder nicht zentriert
    Von marlow im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 7
    Letzter Beitrag: 28.11.2005, 12:54

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •