Hallo Leute,
ich habe folgendes Problem:
Meine Darstellung sieht folgendermaßen aus:
Bild: nls.users.heimhilcher.net/…/bild_level_falsch.jpg
Ich habe einen kleinen Abstand zwischen Text und Bild der aber für das Layout störend wirkt. Text und Bild sollten auf gleicher Linie bzw. Höhe sein:
Bild: nls.users.heimhilcher.net/…/bild_level_richtig.jpg
Ich benutze CSS Styled Contend.
Wie kann ich diese Einstellung für alle Bildpositionen im Text m/Bild - Element machen?
Bin für jede Hilfe äußerst dankbar.
Lg, waumpada
ein padding-top:1px auf den p bzw text?
georg
Hi Georg,
ja, mit den paddings hab ich mich auch schon herumgespielt, aber padding-top: 1px; bewirkt nur, dass der text noch weiter runterwandert. Der Text sollte aber auf gleicher Höhe wie das Bild sein.
Ich hab schon gedacht, vielleicht kann man ja das Bild defaultmäßig heruntersetzen. Kann man das im CSS styled Content machen?
Lg, Hannes
waumpada schrieb
Hi Georg,
ja, mit den paddings hab ich mich auch schon herumgespielt, aber padding-top: 1px; bewirkt nur, dass der text noch weiter runterwandert. Der Text sollte aber auf gleicher Höhe wie das Bild sein.
Ich hab schon gedacht, vielleicht kann man ja das Bild defaultmäßig heruntersetzen. Kann man das im CSS styled Content machen?
Lg, Hannes
Das kann man alles über CSS lösen - also padding-top auf das Bild.
Schau dir einfach mal den Quelltext der Seite an...
Hi,
so jetzt hab ich einiges probiert, aber nichts wirkt.
Das ist der Quelltext:
<!-- Image block: [begin] -->
<div class="csc-textpic csc-textpic-intext-left-nowrap"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:148px;"><dt><img src="uploads/pics/marc_ueber_uns.jpg" width="148" height="162" border="0" alt="" /></dt></dl></div><div style="margin-left:158px;"><div class="csc-textpic-text"><div class="csc-textpicHeader csc-textpicHeader-26"><!-- LEER ---></div>
<!-- Text: [begin] -->
<p class="bodytext">nls® ist die Verbindung beider Strategien und mehr. Es umfasst alle wichtigen Bereiche des Verkaufsalltags und ist somit ein äußerst wertvolles Kommunikationswerkzeug, das eine verblüffende Wirkung erzielt.
</p>
<!-- Text: [end] -->
</div></div></div><div class="csc-textpic-clear"><!-- --></div>
<!-- Image block: [end] -->
Ich hab folgende CSS-Settings probiert:
csc-textpic-imagewrap {
margin-top: 5px;
padding-top: 5px;
}
csc-textpic-image {
margin-top: 5px;
padding-top: 5px;
}
Sogar das img-Tag hab ich global mit margin und padding versehen:
img {
margin-top:5px;
padding:5px;
border:0px;
}
Nichts funkt. Was mach ich falsch?
Lg, Hannes
Hi,
vorheriges Posting nicht ganz richtig:
Im Firefox funktioniert's, nur im IE7 geht's nicht!
Lg, Hannes
Noch eine Ergänzung:
die CSS-Redefinition vom img-Tag scheint als einziges zu funktionieren. Nur wirft das ein weiters Problem auf:
Alles Menüs, die ja auch Images sind, verschieben sich natürlich ebenfalls, was nicht ideal ist.
Alle anderen css-styles aus dem CSS styled Content haben irgendwie keine Auswirkung auf die Positionierung.
Lg, Hannes
Hallo,
tja, oft sieht man den Wald vor lauter Bäumen nicht!
Man muss das "dl"-Tag im CSS redefinieren. Dann klappt's auch mit der Bildpositionierung.
Vielen Dank and Georg und einpraegsam.net für eure Gedankenhilfe und -anstöße.
Lg, Hannes