2 Module nebeneinander darstellen

[danielk]

Hallo,

ich habe im Header meiner Seite links oben eine Flash Datei per Modul eingebunden. Rechts daneben soll eine Grafikdatei platziert werden.

Für mein Verständnis muss ich dazu einfach nur das Flash-Modul per CSS floaten und setze direkt darunter (daneben) ein Modul mit der Grafik.

Da es aber kein Modul "Grafik" o. ä. gibt (habe ich zumindest nicht gefunden), sehe ich keine Lösung, wie ich das in TL umgesetzt bekomme.

Für einen Tipp vielen Dank.

Gruß, Daniel

[MacKP]

Hallo danielk,
einfach ein Modul 'Eigener HTML Code' nehmen und da Einbinden wo du möchtest.
Oder wenn die Redaktoure da was ändern können sollen, dann in einem Versteckten Artikel das ganze unterbringen und diesen dann in dem Modul per Inserttag einbinden.

Viele Grüße

[danielk]

Hallo MacKP,

so hatte ich es auch angedacht, bin aber daran gescheitert da ich dem Modul "Eigener HTML Code" unter Experteneinstellungen keine ID/Klasse zuordnen kann.

Wie soll ich somit das Modul in CSS "anfassen" und platzieren?

Gruß, Daniel

[danielk]

Hi,wenn Du mit innerDIV das meinst:

<div class="headerrechtsoben"> <img alt="" src="tl_files/dipos/fondo_top_der.jpg" /> </div>

dann habe ich das gemacht. Ist das vielleicht falsch so?

Gruß, Daniel

[danielk]

Ok, ich habe also 1.) ein Modul angelegt in dem ich den o. g. Code eingegeben habe. 2.) Im Seitenlayout dieses Modul hinzugefügt und dem Header zugeordnet 3.) im CSS-Style entsprechend das DIV eingetragen. Aber trotzdem läuft es nicht.

[danielk]

<div id="header">
<div class="inside">

<div class="mod_flash block">

<div id="swf_8">
 
</div>

<!-- indexer::stop -->
<script type="text/javascript">
<!--//--><![CDATA[//><!--
swfobject.embedSWF("tl_files/dipos/header.swf", "swf_8", "578", "159", "6.0.0", false, false, { wmode: "transparent", allowfullscreen: "true", flashvars: "URL=http://localhost/dipos/" });
//--><!]]>
</script>
<!-- indexer::continue -->

</div>

<div class="headerrechtsoben"> <img alt="" src="tl_files/dipos/fondo_top_der.jpg" /> </div> 
</div>
</div>

[danielk]

Hallo Leo, was das Floaten angeht habe ich alle Möglichkeiten mittlerweile durchprobiert. Leider führte keine zum Ergebnis, vielleicht hast Du eine Lösung wie ich richtig floaten muss. Gruß, Daniel

[danielk]

Hallo Leo,

das ist der CSS-Code:

/* Style sheet style */
body{background:url("tl_files/dipos/fondo.jpg") center top no-repeat;}
#wrapper{background-color:#ffffff;font-family:Verdana, Geneva, sans-serif;font-size:14px;color:#000000;line-height:1.5;}
#header{background:url("tl_files/dipos/fon_header.jpg") left top no-repeat;list-style-type:none;}
#header .headerrechtsoben{width:222px;height:159px;bottom:0px;left:500px;right:0px;top:0px;float:right;}
#header li{float:left;padding-right:15px;font-family:Verdana;font-size:20px;list-style-type:none;}
#container{clear:both;}
#left{}
#main{}
#right{}
#footer{}
.mod_navigation.headernav{padding-top:215px;}

Gruß, Daniel

[Babelfisch]

Dein Div mit dem Bild muss vor den Flash-Film, damit er rechts floaten kann. Außerdem solltest du noch ein text-align:right mitgeben und einen passenden margin-left. left und right kannst du dagegen weglassen, da das bei der Positionierung sowieso keine Auswirkungen hat.

Gruß

[danielk]

Dein Div mit dem Bild muss vor den Flash-Film, damit er rechts floaten kann. A

Den halben Sonntag habe ich an der Lösung gesucht und jetzt lag es daran einmal auf einen <<Pfeil nach oben>> und auf <<Speichern>> zu klicken.

Vielen Dank!!!