nicht angemeldet
Align-Angage in <img src=bild.jpg align=left> in CSS umwandeln
Hallo,
ich habe bisher einen Textfluss um ein Bild so gemacht:
Text <img src=bild.jpg width=115 height=65 align=left> Text
Das ging soweit ganz gut, nun soll diese Angage ausgelagert werden:
<img src=bild.jpg class=minibild>
Die CSS hierfür:
.minibild{width:115px;height:65px;border:1px solid #003399;text-align:left;margin-right:12px;margin-botton:10px}
Nun klebt allerdings das Wort nach dem Bild am Ende dessen und nicht an der Ecke rechts oben sozusagen...
Was hab ich da falsch gemacht?
-
Nachtrag:
Habe zusätzlich noch vertical-align:top eingefügt in die CSS, jetzt steht die Überschrift rechts oben neben dem Bild, aber warum der Text darunter erst wieder am rechten unteren Ende des Bildes?
<img src=bild.jpg class=minibild><b>Überschrift!</b><br><br>Text Text Text ...
-
Tach auch ...
Die Eigenschaft "float" könnte Dir da bestimmt weiterhelfen.
Gruß
-
Hi,
<img src=bild.jpg class=minibild>
orientiere Dich an XHTML. Zudem fehlt das zwingend(!) benötigte alt-Attribut. Was klassifiziert dieses Bild eigentlich als "minibild"?
<b>Überschrift!</b>
Lügner. Eine Überschrift wäre <h1>, <h2> usw. bis <h6>.
<br><br>
Bitte wem?
Text Text Text ...
Was für Text? Fließtext? Das ist <p>.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes
-
-
Text <img src=bild.jpg width=115 height=65 align=left> Text
.minibild{width:115px;height:65px;border:1px solid #003399;text-align:left;margin-right:12px;margin-botton:10px}
align=left ersetzt du besser nicht durch text-align, sondern durch float.
Probiere mal
.minibild{width:115px;height:65px;border:1px solid #003399;float:left;margin-right:12px;margin-botton:10px}