CSS mittig zentrieren?

Für die jenigen unter euch die html beherrschen: Dort kann man ja z.B. in einer Spalte "<td>" die Tags "valign=""" und "align=""" anzugeben. Funktioniert das auch mit CSS? Ich möchte in meinem neuen Layout keine Tabellen verwenden aber ansonsten weiß ich nicht wie ich Bilder etc so mittig zentrieren kann (also es geht mir mehr um das valign tag).

Bin jetzt kein CSS Gott doch glaube ich zu wissen was du meinst.

Versuche es mal mit dem Befehl margin: hier kannst du in css ein Bild frei im Raum anordnen würde dann etwa so ausehen:

#Bild{
background-image:url(temp/bilder.jpg);
background-color:#000000;
height:30px;
wight: 94px;
background-repeat:no-repeat;
margin: 0px 0px 0px 96px;
}

Mit dem Befehl Margin kannst du jetzt das Bild hinschieben wo du willst. aber du kannst auch ganz einfach sagen Marign="center" dann müsste es genau zentriert sein,... Musst aber aufpassen da nicht jeder explorer diese Koordinatenwerte richtig ausliest und du dann Nudelsalat hast da die Bilder z.B. bei IE nicht an der gleichen Stelle sind wie bei Firefox.

Okay ich danke dir vielmals! Das ich da nicht selbst drauf gekommen bin... >.>

Ansonsten würde ich immer mal wieder bei SelfHtml vorbei schauen, denn dort findet man auch meist die Antwort die man vergeblich sucht.

Es muss nicht unbedingt der Margin sein beziehungsweise es kommt ganz darauf an:

- Margin bestimmt den Abstand außerhalb des Divs oder diverser HTML-Objekte

- Padding bestimmt den Abstand nach innen, d.h. wieviel Weißraum ein Text, etc. hat

Dabei gibt es die Möglichkeit so zu deklarieren, dass für jede Ecke (oben, rechts, unten, links) ein eigener Abstandswert festgelegt werden kann.

Das geht sowohl für Margin und für Padding in oben erwähnter Reihenfolge, also hier ein Beispiel:

Margin: 20px 0 0 10px;
^ oder Padding

Erreicht wird damit ein Abstand oben 20 Pixel, links 10 Pixel. Alternativ kann man auch einfach sagen margin-top, -bottom, -left, -right oder sogar nur oben/ unten, links/ rechts > padding: 20px 0; (links/ rechts kein Wert) oder umgekehrt padding: 0 20px (oben/ unten nichts)

Ansonsten ist http://www.css4you.de absolute empfehlenswert um die verschiedenen CSS-Eigenschaften nachzuschlagen und weitere Informationen zu erhalten.

Viel Spass beim CSS coden!

Cascading Style Sheets sind eine tolle Sache aber Warnung vor dem Hunde, Du wirst auch mal Lust haben deswegen Deinen PC gegen die Wand zu schmeißen. Daran ist aber nicht CSS schuld, sondern die §$§%§! Browser und ihre verschiedene Auslegung der von heiligen W3C Konsortium festgelegten Befehle. Daher hier mal wieder Schleichwerbung im positiven Sinne: Get Firefox!

Dort kann man ja zB in einer Spalte "<td>" die Tags "valign=""" und "align=""" anzugeben.
Funktioniert das auch mit CSS?

Prinzipiell ja, die entsprechenden CSS Werte heissen "align" und vertical-align".

Wie eine genaue Lösung aussehen könnte hängt stark vom Einzelfall ab, da es keine allgmein gültige Regel gibt, wie man Tabellen durch ein CSS gestütztes Layout ersetzt. Das kann teilweise recht schwer werden und erfordert vor allem viel Erfahrung.

Erfahrung habe ich noch nicht viel aber ich habs hinbekommen. Übrigens habe ich Firefox. Den brennenden Fuchs an die Macht!

Wie bereits erwähnt wurde, gibt es "align" und "vertical.-align" auch in CSS. Aber dabei kommt es auf das Element an, welches damit ausgerichtet werden soll. Ein Beispiel, einen Text mittig zu zentrieren, wäre folgendes:

Code: Alles auswählen

text-align: center;

Ich empfehle dir SelfHTML, dort findest du alles zur Formatierung und Ausrichtung mittels CSS.