Mit 2 nebeneinander plazierten divs und einer rechts- bzw. linksbündigen Formatierung schonmikuni wrote: Nun versuche ich im Header 2 Bilder nebeneinander zu plazieren, geht das mit CSS überhaupt ?
.Code: Select all
/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/
div#header {
height: 80px; /* adjust according your image size */
background: #0B0100;
}
div#header h1 a {
/* you can set your own image here */
<div class="image">
<span class="left"><div>
<img src="images/cms/logo1.jpg" alt="">
</div></span>
<div class="cl"> </div> </div>
<div class="image">
<span class="right"><div>
<img src="images/cms/logo2.jpg" alt="">
</div></span>
<div class="cl"> </div> </div>
}
Meinst du etwa somikuni wrote: ich gebs zu es ist mehr ein css- Problem, aber ich finde keinn Ansatz der Sache beizukommen.
Ein Wbb2 zu includen klappt auch nicht,
Tja, man kann niemandem zu seinem Glück zwingenschade, muss ich doch bei einem anderen cms bleiben
... Auch interessehalber ...Ist ziemlich simpelmikuni wrote: gibste mir mal den quelltext dazu ?
...Code: Select all
<div class="mikuni"><img width="198" height="52" alt="Linkes Bild" src="http://www.deine-seite.de/uploads/images/logo1.gif" /> <img width="198" height="52" alt="Rechtes Bild" src="http://www.deine-seite.de/uploads/images/logo1.gif" /></div>Code: Select all
div.mikuni {
text-align: center;
}Code: Select all
{embed url=http://www.deine-seite.de/extern/wbblite/}Code: Select all
{embed header=true}Wenn du noch mal auf meine Testseite schaust, wirst du sehen, dass es gehtkann man links direkt -vor- das horizontale Menu (CSSMenu top + 2 columns) ein Bild einbauen ?
. Einfach vor dem Aufruf des Menüs folgendes einfügen:Code: Select all
<div style="float: left;"><img width="28" height="25" alt="Logo" src="uploads/images/logo1_small.gif" /></div>Schau dir mal die CSS-Definitionen für div#content an. Wenn ich mich recht entsinne, ist da ein padding-Wert von 1px festgelegt.das untere Menu, hat im msie6.02 die komische angewohnheit mal nach links einen Rand zu haben und beim nächsten Klick nicht mehr, bzw. einen Pixel oder so ?!
Code: Select all
<!-- Start Navigation -->
<div style="float: left;"><img alt="Abstand" src="/images/abstand.jpg" /></div>
<div id="menu_vert">
<h2 class="accessibility">Navigation</h2>
{menu template='cssmenu.tpl'}
<hr class="accessibility" />
</div>
<!-- End Navigation -->Code: Select all
<!-- Start Navigation -->
<h2 class="accessibility">Navigation</h2>
<div style="float: left;"><img alt="Abstand" src="/images/abstand.jpg" /></div>
<div id="menu_vert">
{menu template='cssmenu.tpl'}
<hr class="accessibility" />
</div>
<!-- End Navigation -->
...Code: Select all
ul#primary-nav {margin-left: 210px;}