seit einiger Zeit versuche ich 2 div-Container im Header des Styles prosilver unterzubringen und zwar nebeneinander. Leider ohne Erfolg.
Mein Ziel ist es 2 (oder mehr) Slideshows unabhängig voneinander im Header nebeneinander ablaufen zu lassen. Eine einzelne Slideshow geht problemlos, allerdings ausschließlich linksbündig, egal was ich in der common.css angebe. Lege ich einen weiteren Container an, so funktonieren beide Slideshows unabhängig voneinander, allerdings linksbündig untereinander und somit einer davon mitten auf der Menüleiste.
Konkret sieht das in der overall_header.html bei den relevanten Passagen wie folgt aus:
Code: Alles auswählen
<head>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.cycle.lite.js"></script>
<script type="text/javascript">
$(function(){
$('#slideshow').cycle({
timeout: 12000,
speed: 1000
});
});
$(function(){
$('#slideshow2').cycle({
timeout: 6000,
speed: 1000
});
});
</script>
</head>
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="slideshow">
<img src="{T_IMAGESET_PATH}/collage5.png" width=40% height=100% alt="01" />
<img src="{T_IMAGESET_PATH}/collage4.png" width=40% height=100% alt="02" />
</div>
<div id="slideshow2">
<img src="{T_IMAGESET_PATH}/collage3.png" width=40% height=100% alt="03" />
<img src="{T_IMAGESET_PATH}/collage2.png" width=40% height=100% alt="04" />
<img src="{T_IMAGESET_PATH}/collage.png" width=40% height=100% alt="05" />
<img src="{T_IMAGESET_PATH}/collage2.png" width=40% height=100% alt="04" />
<img src="{T_IMAGESET_PATH}/collage3.png" width=40% height=100% alt="03" />
<img src="{T_IMAGESET_PATH}/collage4.png" width=40% height=100% alt="02" />
</div>
<span class="corners-bottom"><span></span></span></div>
</div>Code: Alles auswählen
#slideshow {
height: 150px;
margin-left: 0;
text-align: left;
}
#slideshow2 {
height: 150px;
margin-right: 0;
text-align: right;
}Meine Fragen und gleichzeitig meine Bitte um Hilfe wären nun, wie bringe ich erstens eine Grafik dazu in der Mitte oder rechts aufzutauchen und zweitens, wie bringe ich die beiden Container dazu, dass sie in einer Linie nebeneinander oben angezeigt werden?
Danke schon mal im Voraus für eure Hilfe!
