CSS Problem

[Dsaddicted]

Hallo Leute,

ich spiele in letzter Zeit etwas mit CSS rum und habe nun folgendes Problem:

Man kann ja text mit text-align ins Center setzten.
Nun wollte ich das auch mit bildern machen, aber ich weis nicht wie es geht.
mit

Code:

    <img src="test.png" align="center"></img>

gehts leider nicht.
Jmd. ne idee?

Danke im Vorraus.

MfG
Dsaddicted

[Molt]

Also
1. ist "</img>" falsch, das muss so aussehen: <img ... />
2.

Code:

style="margin:auto;"

3. Um Text zu zentrieren würde ich entweder "<center>" oder style="text-align: center;" benutzen

LG
Molt

[Dsaddicted]

heist also:

Code:

<img src="test.png" style="margin:auto;" />

oder im Css:

Code:

img {
      style="margin:auto;"
      }

?!!?

[Molt]

Entweder so:

Code:

<img src="test.png" style="margin:auto;" />

oder so:

Code:

img {
      margin:auto;
      }

Ganz wie du willst.
Kannst auch beides machen

LG
Molt

[Dsaddicted]

danke dir

beides ist aber ziemlich sinnloß

aber die erste version ist HTML und diezweite Css, soweit ich das seh

MfG
Dsaddicted

[Molt]

aber die erste version ist HTML und diezweite Css, soweit ich das seh

Ja

[Dsaddicted]

irgentwie bin ich zu dumm dafür?

das steht bei mir jetzt:

Code:

<img src="Bilder/Infoseite.gif" style="margin:auto;"/>

aber es ist immernoch nicht^^

[Molt]

Du hast recht... bei Tabellen und anderen Dingen hats immer funktioniert, aber hier tuts nicht... ich mach mich mal auf die Suche nach ner Lösung

Edit: Lösung gefunden:

Code:

display: block;

[Dsaddicted]

siehste, da sind manni (slim) , Killfish ,du und ich schon verzweifelt

[stewue]

mit CSS und HTML

Code:

CSS
.imgcenter {display: block; text-align: center;}

HTML
<img class="imgcenter" src="bild.jpg" width="" height="" border="0" alt="TEXT">

nur HTML

Code:

<img style="display: block; text-align: center;" src="bild.jpg" width="" height="" border="0" alt="TEXT">

[Dsaddicted]

danke für die hilfe ich gucke mal obs geht

[Molt]

@steffen: Nein, das geht nicht, du musst anstatt

Code:

text-align: center;

das verwenden:

Code:

margin: auto;

Dann gehts.

[Dsaddicted]

Vielen dank, hat geklappt

@molt: lass lieber mal auf, wenn noch mehr fragen aufkommen

[stewue]

@steffen: Nein, das geht nicht, du musst anstatt

Code:

text-align: center;

das verwenden:

Code:

margin: auto;

Dann gehts.

also bei mir geht es auch mit text-align: center;

[Dsaddicted]

ging bei mir auch, aber habe jetzt molts version genommen

[Steffen]

ähm ich hab da nicht mal was geschrieben!? das war stewue...

[Molt]

Leg dir n Bild zu, dann kann ich euch unterscheiden o.0
Sorry, bin etwas müde.

[Steffen]

ich hoffe du bist jetzt zufrieden :Ö

[Dsaddicted]

viel besser

habe da noch ein Porblem

also ich will einem Text ein hintergrundbild geben. Das geht ja mit background-image.

nun habe ich das so gemacht:

Code:

p    {
    background-image: url(Bilder/html.gif);
        }

aber das bild wird nicht angezeigt.
pfad und alles sollte stimmen, also das bild ist zumindest da drin

[Yannici]

Nope das geht glaub ich nicht.

Da musst du mit div arbeiten. Heißt also.

Code:

.klasse   {
             background-image: url(Bilder/html.gif);
            }

und

Code:

<div class="klasse">
Hallo, mit Hintergrundbild :D
</div>

Falls es nicht funken sollte, müsstest du bei CSS noch evlt. margin oder padding hinzufügen.

so far
Yannici