In div Container img formatieren
skapp
- css
Hey,
ich möchte in einem Div container eine img formatieren.
<div id="bread">
<jdoc:include type="modules" name="banner1" style="xhtml" />
</div>
Ich arbeite mit Joomla.
Jdoc holt sich den banner link.
es sieht dann so aus:
<div id="bread">
<div class="banner">
<div class="moduletable">
<p><img src="/apotechnikhomepage/joomla/images/stories/header 1_1_1_startseite/startseite.png" border="0" />
</p>
</div>
</div>
</div>
Die CSS:
#bread
{
margin-left: 20%;
margin-top: 0%;
margin-right: 10%;
margin-bottom: 1%;
border: 2px solid blue;
}
Ich will dass die Img dadrin mittig ist und die Größe mein zoomen nicht verändert!
Hoffe jm. kann mir helfen.
Mfg
@@skapp:
nuqneH
<div id="bread">
<jdoc:include type="modules" name="banner1" style="xhtml" />
</div>
Serverseitiger Code ist bei einem clientseitigen Problem irrelevant.
Ich will dass die Img dadrin mittig ist
Inline-Elemente richtest du per 'http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align' (blöde Benennung) aus; Blockelemente per 'http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin: auto'.
Das 'img' sprichst du mit Nachfahrenselektor an. [CSS2 §5.1, §5.5; http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=SELFHTML]
und die Größe mein zoomen nicht verändert!
??
Qapla'