TWLan Forum

Full Version: CSS Problem
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
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
Also
1. ist "</img>" falsch, das muss so aussehen: <img ... /> Wink
2.
Code:
style="margin:auto;"
3. Um Text zu zentrieren würde ich entweder "<center>" oder style="text-align: center;" benutzen Wink

LG
Molt
heist also:

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

oder im Css:

Code:
img {
      style="margin:auto;"
      }

?!!?
Entweder so:
Code:
<img src="test.png" style="margin:auto;" />

oder so:
Code:
img {
      margin:auto;
      }

Ganz wie du willst.
Kannst auch beides machen Tongue

LG
Molt
danke dir Wink

beides ist aber ziemlich sinnloß Wink

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

MfG
Dsaddicted
(19.06.2011, 11:09)Dsaddicted Wrote: [ -> ]aber die erste version ist HTML und diezweite Css, soweit ich das seh Wink

Ja Wink
irgentwie bin ich zu dumm dafür? Big Grin

das steht bei mir jetzt:

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

aber es ist immernoch nicht^^
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 Wink

Edit: Lösung gefunden:
Code:
display: block;
siehste, da sind manni (slim) , Killfish ,du und ich schon verzweifelt Big Grin
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">
danke für die hilfe ich gucke mal obs geht Wink
@steffen: Nein, das geht nicht, du musst anstatt
Code:
text-align: center;
das verwenden:
Code:
margin: auto;
Dann gehts.
Vielen dank, hat geklappt Wink

@molt: lass lieber mal auf, wenn noch mehr fragen aufkommen Big Grin
(19.06.2011, 11:49)Molt Wrote: [ -> ]@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; Wink

ging bei mir auch, aber habe jetzt molts version genommen Wink
ähm ich hab da nicht mal was geschrieben!? das war stewue...
Leg dir n Bild zu, dann kann ich euch unterscheiden o.0
Sorry, bin etwas müde.
ich hoffe du bist jetzt zufrieden :Ö Tongue
viel besser Big Grin

habe da noch ein Porblem Wink

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 Big Grin
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
Pages: 1 2