Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

wie kann man texte oder bilder zentrieren?





Frage

wie kann man texte oder bilder zentrieren? Ich brach einfach nur den html code!! Danke im vorraus!!!

Antwort 1 von derpfleger

Antwort 2 von ErEll

da steht aber nur, wie ich container und so zentriere.

ich will aber wissen,
wie man ein ganz normales bild zentriert -> das geht doch auch viel einfacher -> ich wusste ja mal, wie man ein bild zentriert, aber ich habs dummerweise vergessen.
Bei <img src="..."> muss (glaube ich) nur irgendwo noch "center" dazwischen.

Ich hoffe mir kann jemand helfen!!

Antwort 3 von Rangoo

Antwort 4 von Friedel

Text sollte immer in einem Blockelement stehen. Besonders geeignet ist dafür meist das Element <p>. Wenn du dem die CSS-Eigenschaft text-align:center; gibst, wird der Text in diesem Element horizental zentriert. Das klappt auch mit Bildern, obwohl das eigentlich nicht für Bilder gedacht ist, außer wenn die Bilder zum Text gehören (z.B. Smilies, grafische Listenzeichen, grafische Rahmen und Linien usw.)

<p style="text-align:center;">Dies ist ein Absatz mit zentriertem Text.</p>


Antwort 5 von rfb

Zitat:
Bei <img src="..."> muss (glaube ich) nur irgendwo noch "center" dazwischen.
bzw
Zitat:
http://de.selfhtml.org/html/grafiken/ausrichten.htm

diese Methoden zwingen dich dann aber (X)HTML in einer der transitional-Versionen zu nutzen, ansonsten ist dein Code nicht mehr valide, da die Methode in neueren/strengeren Versionen nicht mehr zulässig ist.
Daher empfiehlt sich beim verfassen neuer Dokumente die Methode aus Antwort 1 oder 4 um zukunftsorientiert zu schreiben.

PS zum Einwand in Antwort 2: was hindert dich daran aus einem Bild ein Blockelement zu machen? Nix. Mit CSS kein Problem
display:block;


Antwort 6 von sutadur

Zitat:
... ansonsten ist dein Code nicht mehr valide, da die Methode in neueren/strengeren Versionen nicht mehr zulässig ist.

Was aber, wenn man mal ehrlich ist, am Ende niemanden interessiert.
Zitat:
was hindert dich daran aus einem Bild ein Blockelement zu machen?

Der zusätzliche Aufwand.

Antwort 7 von rfb

@sutador:
zu 1: es interessiert die Browser, bei nicht validem Code lässt sich die Art und Weise wie die Browser die Codefehler ausgleichen nicht vorhersagen. Und ab da interessiert es den Seitenersteller.
zu 2: der zusätzliche Aufwand besteht aus einer Zeile im CSS, die widerum für eine größere Anzahl Bilder gelten kann bei Bedarf, was jede Menge Aufwand im HTML-Quelltext rumzuwerkeln, spart.

Antwort 8 von DonMartin

Hi,

ich kann nur 'rfb' zustimmen. Eine zeile in css spart da mehr zeit als es nach der alten methode zu machen. ausserdem kann man diese zeile je nicht nur für bilder verwenden ;). Und noch eins, immer prüfen ob die Seite auch valide ist (www.w3c.org), sonst is hinterher das geschrei groß wenn die Seite online ist (lokal mag sie ja funktionieren) und es nicht funktioniert.

in diesen Sinne,
Andi

Antwort 9 von sutadur

Ach, ihr wisst doch genau, dass ich durchaus ein Fan von validem Code bin. :o) Aber da bei jeder Kleinigkeit drauf rumzureiten, finde ich übertrieben.

Zitat:
zu 1: es interessiert die Browser, bei nicht validem Code lässt sich die Art und Weise wie die Browser die Codefehler ausgleichen nicht vorhersagen. Und ab da interessiert es den Seitenersteller.

Bei allem Respekt, aber die Wahrscheinlichkeit, dass ein Browser ein Bild, dass innerhalb des IMG-Tag das Attribut "center" mi sich führt, nicht "center" anzeigt, ist äußerst gering, wenn nicht sogar gänzlich unwahrscheinlich.
Zitat:
zu 2: der zusätzliche Aufwand besteht aus einer Zeile im CSS, die widerum für eine größere Anzahl Bilder gelten kann bei Bedarf, was jede Menge Aufwand im HTML-Quelltext rumzuwerkeln, spart.

Stimmt. Da wir hier aber nicht wissen, ob es tatsächlich um eine "größere Anzahl" geht, brauchen wir m.E. darüber nicht spekulieren. Für eine "kleinere Anzahl" geht es jedenfalls ohne CSS einfacher.

Antwort 10 von rfb

Zitat:
Bei allem Respekt
danke!
Zitat:
aber die Wahrscheinlichkeit, dass ein Browser ein Bild, dass innerhalb des IMG-Tag das Attribut "center" mi sich führt, nicht "center" anzeigt, ist äußerst gering, wenn nicht sogar gänzlich unwahrscheinlich.
das ist nicht das Problem, sondern vielmehr dass wegen solcher kleinen Fehlerchen der Browser evtl. in den Quirksmodus springt und dann anfängt das CSS völlig anders zu interpretieren (siehe Boxmodell beim IE).
Valider Code und saubere Trennung HTML <-> CSS ist einfach leichter zu warten, von der Fehlersuche bis zur leichten Änderung des Layouts.

Antwort 11 von sutadur

Zitat:
... sondern vielmehr dass wegen solcher kleinen Fehlerchen der Browser evtl. in den Quirksmodus springt und dann anfängt das CSS völlig anders zu interpretieren ...

Das ist möglich, keine Frage. Aber wenn nun, wie hier, gar kein CSS eingesetzt wird, ist das doch egal ... ;o)

Antwort 12 von rfb

Zitat:
Aber wenn nun, wie hier, gar kein CSS eingesetzt wird, ist das doch egal ... ;o)
aber das geht doch gar nicht! Wenn du keine CSS-Angaben machst nimmt der Browser irgendwelche Voreinstellungen, bzw. setzt er solche HTML-Layout-Attribute um, aber intern ist das trotzdem nur CSS.

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: