CSS Problem - Printable Version

CSS Problem - Printable Version

+- TWLan Forum (https://twlan.org)
+-- Forum: Deutsch (https://twlan.org/forumdisplay.php?fid=1)
+--- Forum: Gott und die Welt (https://twlan.org/forumdisplay.php?fid=4)
+--- Thread: CSS Problem (/showthread.php?tid=4433)

Pages: 1 2

CSS Problem - Dsaddicted - 19.06.2011

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

RE: CSS Problem - Molt - 19.06.2011

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

Code:
style="margin:auto;"

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

LG
Molt

RE: CSS Problem - Dsaddicted - 19.06.2011

heist also:

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

oder im Css:

Code:
img {

      style="margin:auto;"

      }

?!!?

RE: CSS Problem - Molt - 19.06.2011

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

RE: CSS Problem - Dsaddicted - 19.06.2011

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

RE: CSS Problem - Molt - 19.06.2011

(19.06.2011, 11:09)Dsaddicted Wrote: aber die erste version ist HTML und diezweite Css, soweit ich das seh

RE: CSS Problem - Dsaddicted - 19.06.2011

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^^

RE: CSS Problem - Molt - 19.06.2011

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;

RE: CSS Problem - Dsaddicted - 19.06.2011

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

RE: CSS Problem - stewue - 19.06.2011

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">

RE: CSS Problem - Dsaddicted - 19.06.2011

danke für die hilfe ich gucke mal obs geht Wink

RE: CSS Problem - Molt - 19.06.2011

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

Code:
text-align: center;

das verwenden:

Code:
margin: auto;

Dann gehts.

RE: CSS Problem - Dsaddicted - 19.06.2011

Vielen dank, hat geklappt Wink

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

RE: CSS Problem - stewue - 19.06.2011

(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

RE: CSS Problem - Dsaddicted - 19.06.2011

ging bei mir auch, aber habe jetzt molts version genommen Wink

RE: CSS Problem - Steffen - 19.06.2011

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

RE: CSS Problem - Molt - 19.06.2011

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

RE: CSS Problem - Steffen - 19.06.2011

ich hoffe du bist jetzt zufrieden :Ö Tongue

RE: CSS Problem - Dsaddicted - 19.06.2011

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

RE: CSS Problem - Yannici - 19.06.2011

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