Image erzeugt Abstand in IE zum 100sten
Martin Hein
- css
Hallo Forum,
ich habe schon wieder ein img, dass eine Abstand erzeugt ;(
Den Abstand unterhalb bekomme ich mittlerweise in den Griff
(vertical-align:middle;). Nur wirkt das leider nicht bei
meinem Abstand nach links.
Hier mein code:
---------------
<html>
<head>
<style>
.image_right{
}
.image_right div{
text-align:right;
float:left;
padding:0;
margin:0;
background: #FFAAFF;
}
.image_right p{
width:250px;
padding:0;
margin:0;
margin0px;
}
.image_right img{
padding:0;
margin:0;
}
</style>
</head>
<body>
<div class="image_right"><div><p>Ferenter Respondeo res occido ago oro praepositus huic vitualamen Insisto insperatus</p></div><img src="../_content/images/image_s.jpg" alt="" /></div>
tausend Dank für gute Tipps und
beste gruesse,
martin
</body>
</html>
hallo,
.image_right{
}
Warum läßt du das leer?
<div class="image_right"><div><p>Ferenter Respondeo res occido ago oro praepositus huic vitualamen Insisto insperatus</p></div><img src="../_content/images/image_s.jpg" alt="" /></div>
Warum machst du so eine umständliche Konstruktion? Dein Bildchen braucht keinen eigenen DIV, das kann selbst positioniert und formatiert werden, und du kannst ihm doch "class=image_right" zuordnen.
Grüße aus Berlin
Christoph S.
stimmt, das ist in der tat mittlerweile recht kompliziert
worden ;) das sieht unsinnig aus, hat aber seinen sinn:
ich verwende das als template in tinymce. das ganze konstrukt
muss daher ein container einer klasse werden -> image_right
Weil ich nicht weiss, mit welchen Elementen der linke Teil
neben dem Bild befüllt wird, hab ich den auch als div
angelegt
So sollte es also aussehen:
---------------------------
<div class="image_right">
<div>content</div>
<img srs="" />
</div>
.image_right{
}
.image_right img{
}
.image_right div{
}
... nun muss ich nur noch die styles hinbekommen, bzw. das
einzige, was ich wissen möchte ist, was den abstand zwischen
bild und div daneben erzeugt und wie ich diesen beheben kann.
beste gruesse,
martin
Hi Martin!
... nun muss ich nur noch die styles hinbekommen, bzw. das
einzige, was ich wissen möchte ist, was den abstand zwischen
bild und div daneben erzeugt und wie ich diesen beheben kann.
Wenn ich das richtig verstehe, soll der Text (in dem p-Tag) um das Bild (img-Tag) herum fließen?
Warum floatest du dann nicht das Image?
Und egal wofür:
<div><div><p>mein Text</p></div></div>
kann nicht sinnvoll/ erforderlich sein.
Solange du das Image nicht per
display: block
~~~ zum Block-Element machst (oder eben floatest), wirst du wohl die Probleme mit deinem (unerwünschten) Abstand haben.
Gruß Gunther
hallo,
Solange du das Image nicht per
display: block
zum Block-Element machst
<img> ist ein inline-Element und bleibt das auch. "display:block" verändert daran nichts. CSS kann HTML-Elemente zwar formatieren, aber ihre Eigenschaften nicht ändern.
Grüße aus Berlin
Christoph S.
Hello out there!
<img> ist ein inline-Element und bleibt das auch. "display:block" verändert daran nichts. CSS kann HTML-Elemente zwar formatieren, aber ihre Eigenschaften nicht ändern.
Dir ist bewusst, dass es „Blockelement“ und „Inline-Element“ sowohl im HTML- als auch im CSS-Kontext gibt und dass beides nichts miteinander zu tun hat? (Außer, dass durch Defaults in Browserstylesheets HTML-Blockelemente auch CSS-Blockelemente sind und HTML-Inline-Elemente auch CSS-Inline-Elemente.)
See ya up the road,
Gunnar
hallo Gunnar,
Dir ist bewusst, dass es „Blockelement“ und „Inline-Element“ sowohl im HTML- als auch im CSS-Kontext gibt
Nein. display kann zwar Eigenschaften wie "block" oder "inline" zugewieen bekommen. Dadurch verändert sich die Art der Darstellung, so daß ein inline-Element tatsächlich im Textfluß wie ein Blockelement erscheinen kann. Am Charakter des HTML-Elements ändert das aber nichts.
Grüße aus Berlin
Christoph S.
Hello out there!
Dir ist bewusst, dass es „Blockelement“ und „Inline-Element“ sowohl im HTML- als auch im CSS-Kontext gibt
Nein.
Schade.
display kann zwar Eigenschaften wie "block" oder "inline" zugewieen bekommen. Dadurch verändert sich die Art der Darstellung, so daß ein inline-Element tatsächlich im Textfluß wie ein Blockelement erscheinen kann. Am Charakter des HTML-Elements ändert das aber nichts.
Das sagte ich doch: „[…] dass beides [HTML- und CSS-Kontext] nichts miteinander zu tun hat“.
Durch Änderung der 'display'-Eigenschsft machst aus einem CSS-Inline-Element ein CSS-Blockelement. Im HTML-Kontext bleibt es dennoch ein Inline-Element.
See ya up the road,
Gunnar
Hello out there!
Hier mein code:
<style>
'type'-Attribut fehlt.
See ya up the road,
Gunnar