Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

Bild zentrieren, Bildunterschrift linksbündig mit Bild

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
Neues Thema Antworten
robo
PostRank 8
PostRank 8
Beiträge: 837
Registriert: 23.12.2003, 19:41
Wohnort: Schwangau

Beitrag von robo » 21.07.2005, 13:47

Hi Leute,

ich habe da ein kleines Problem. Ich möchte ein Bild auf der Seite zentrieren, unter das Bild möchte ich noch zwei, drei Worte zur Beschreibung setzen, und die sollen aber linksbündig zum Bild sein. Wie kriege ich das ohne Tabelle hin?

Wenn ich das Bild in einen div-Container lege, der zentriert ist, dann wird auch die Bildunterschrift zentriert. Und mit verschachtelten Containern kriege ich das irgendwie nicht hin ...

Mit Tabelle geht's, ist klar, aber das möchte ich gerne vermeiden, schlanker Code und so ...

cu, Robo :)

Anzeige von ABAKUS

von Anzeige von ABAKUS »


Hochwertiger Linkaufbau bei ABAKUS:
  • Google-konformer Linkaufbau
  • nachhaltiges Ranking
  • Linkbuilding Angebote zu fairen Preisen
  • internationale Backlinks
Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

Graccem
PostRank 4
PostRank 4
Beiträge: 115
Registriert: 16.12.2004, 12:57
Wohnort: Berlin

Beitrag von Graccem » 21.07.2005, 15:18

Pack deinen Text in ein Tag (<p> zum Beispiel) und mache dort ein text-align:left

Nullpointer
PostRank 10
PostRank 10
Beiträge: 4790
Registriert: 22.04.2005, 19:14
Wohnort: West Berlin

Beitrag von Nullpointer » 21.07.2005, 15:42

dann hat er es aber nicht bündig zum bild

Anzeige von ABAKUS

von Anzeige von ABAKUS »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002
  • persönliche Betreuung
  • individuelle Beratung
  • kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.


Nullpointer
PostRank 10
PostRank 10
Beiträge: 4790
Registriert: 22.04.2005, 19:14
Wohnort: West Berlin

Beitrag von Nullpointer » 21.07.2005, 15:50

bin leider kein webseitenentwickler:

Code: Alles auswählen

<div style="margin-left&#58;auto;margin-right&#58;auto;width&#58;800px;">
<img src="b.jpg" /><br />
Eine tolle Unterschrift
</div>
hier muß man halt dem umschließenden div die breite des bildes geben. ist nicht schön.

edit: und ie im quirx-mode zetriert das margin:auto nicht.

Nullpointer
PostRank 10
PostRank 10
Beiträge: 4790
Registriert: 22.04.2005, 19:14
Wohnort: West Berlin

Beitrag von Nullpointer » 21.07.2005, 15:55

darum liebe ich den explorer so:

Code: Alles auswählen

<div style="text-align&#58;center;">
<div style="text-align&#58;left;margin-left&#58;auto;margin-right&#58;auto;width&#58;800px;">
<img src="b.jpg" /><br />
Eine tolle Unterschrift
</div></div>
du wolltest code sparen? naja, wollte eh nie webseiten schreiben. :roll:

robo
PostRank 8
PostRank 8
Beiträge: 837
Registriert: 23.12.2003, 19:41
Wohnort: Schwangau

Beitrag von robo » 21.07.2005, 20:33

Danke für den Code, aber er gefällt mir nicht, weil - wie du schon gesagt hast - die Breite des Bildes im div-Container angegeben werden muss. Ist mir zu unflexibel.

Nix für ungut.

cu, Robo :)

Antworten
  • Vergleichbare Themen
    Antworten
    Zugriffe
    Letzter Beitrag