Zum Inhalt springen

Div in Div (Section ?)

Erstellt am 27. Februar 2009 · 9 Antworten · letzte Antwort am 15. November 2009

Tags: Frage

pow ·

Hallo,

also ich habe mir das Futuristic Template Building nochmal durchgelesen.

Jetzt steh ich vor einer Wand, entweder Kopfblockade oder TV Blockade.
Denke aber eher das erste.

So sieht die Struktur aus:

<div id="wrapkapitel1">
    <div class="grossesbild">
		<div id="Titel_1"></div>
		<div id="Titel_2"></div>
		<div id="Titel_3"></div>
		<div id="Titel_4"></div>
    </div>
</div>

Wie schaffe ich, das man in die "grossesbild" ein Bild einfügen kann und in die Titel einen Text.
Wenn ich aus "grossesbild" eine Section mache, kann ich ja dort kein Bild mehr einfügen.
Und Position Absolute geht in diesem Fall nicht, das war die vorherige Lösung. Ich hatte die Titelfolien außerhalb der "grossesbild".

Danke!

pow ·

Ok anderer Versuch, ich möchte es als Attribute (background-image) Mappen.

<div class="picturekapitel" style="typo3temp/GB/0e322b15af.gif"><span></span>

Das ist die Ausgabe, obwohl ich in der XML

					<TypoScript>
	10 = IMG_RESOURCE
	10.file = GIFBUILDER
	wrap = background-image:url(|);
	10.file {
		XY = 200,150
		10 = IMAGE
		10.file.import = uploads/tx_templavoila/
		10.file.import.current = 1
		10.file.import.listNum = 0
		10.file.maxW = 200
		10.file.minW = 200
		10.file.maxH = 150
		10.file.minH = 150
		
	}
							</TypoScript>

stehen habe.
Dann sollte doch eigentlich

<div class="picturekapitel" style="background-image:url(typo3temp/GB/0e322b15af.gif);"><span></span>

herauskommen?

pow ·

Jetzt stehe ich wieder vor dem selben Problem.

Struktur:

<div id="box2_4">
    <div id="box2_4_1"></div>
</div>

In 2_4 soll ein Bild gemappt werden, und 2_4_1 eine plugin.tt_news

Wie realisiert man soetwas mit TV? Section in Section funktioniert ja nicht.
Sobald ich 2_4 mappe, verschwindet 2_4_1.

Der Div 2_4_1 muss wegen der Positionierung innherhalb 2_4 sein.

Lösungsvorschläge sind herzlich willkommen 🙂

froemken ·

Das geht nicht! Richtig erkannt...

Hab diese Probleme auch immer wieder einmal und dann baue ich mir die DIVs halt anders auf und experimentiere ein bissl mit diesen float: left und right Geschichten. Hin und wieder hilft auch mal ein SPAN.

Kurz: Du kommst nicht drum dein Template zu ändern.

Mach lieber sowas:

<div class="box">
  <div class="bild" style="float: right; width: 50px; height: 100px;">Ich bin das Bild</div>
  <div class="text">Ich bin der Text</div>
</div>

In diesem Beispiel steht das Bild oben rechts in der Ecke und wird links davon vom Text umflossen. Wegen float: right MUSS das Bild-DIV über dem Text-DIV stehen.

froemken

pow ·

Ok gut, muss wohl wirklich eine Struktur bzw. CSS-Alternative her.

Danke froemken

fantasmo ·

Hallo,

ich habe schon öfters Sachen mit TemplaVoila gemappt und es hat bislang alles geklappt. Jetzt wollte ich ein etwas verschachtelteres Template mappen und es will nicht so recht funktionieren.

Mein Mapping sieht so aus:
CO ROOT INNER (ALL)
L____EL mainnavigation map to ul id="mainnavigation" INNER ul:inner
L____EL subnavigation map to ul id="subnavigation" INNER ul:inner
L____EL main map to div id="main" INNER div:inner
L____CO sidebar map to div id="sidebar" INNER (ALL)
I.............L______CO tools map to div id="tools" INNER (ALL)
I.............I..............L_____EL search map to div id="search" INNER div:inner
I.............I..............L_____EL news map to div id="news" INNER div:inner
I.............I..............L_____EL rss map to div id="rss" INNER div:inner
I.............L______EL sidecontent map to div id="sidecontent" INNER div:inner
L____EL footer map to div id="footer" INNER div:inner

Also die Probleme kommen auf bei "sidebar":
"sidebar" hab ich als Container gemacht, in den soll noch rein:
---ein Container "tools" mit Divs für Suche, RSS, etc (soll später mit Typoscript geschehen).
---ein Bereich "sidecontent" (für ContentElements).

"sidebar" kann ich im Quellcode sehen.
"sidecontent" kann ich weder im Quellcode noch im Modul "Web > Seite" sehen, dabei müsste es mir doch zur Verfügung stehen um ContentElements einzufügen.
"tools" ist auch nicht da, dabei hab ich per Typoscript schon kurze demohafte HTML-Textzeilene reingeschrieben (in lib.search, lib.newsletter und lib.rss) um zu testen, dass "tools" mit seinem Platz für search, newsletter und rss erscheint.

Kann mir jemand helfen, was ich falsch gemacht habe?

Der Quellcode für diesen Bereich sieht so aus:

<div id="content">

  <div id="main">Seitenelemente einpflegen funktioniert hier schon</div><!--main-->

  <div id="sidebar">
      <div id="tools">
          <div id="search">Hier soll was mit Typoscript rein</div> 
          <div id="rss">Hier soll was mit Typoscript rein</div> 
          <div id="newsletter">Hier soll was mit Typoscript rein</div>
     </div>
     <div id="sidecontent">Hier soll der Redakteur Seitenelemente einpflegen können</div>
  </div> <!--sidebar-->

</div> <!--content-->