div container per Typo-Script erstellen

Michael V83 · #1 06.12.07, 12:12

Hallo,

bin noch Anfänger in Sache Typo-Script.
Mein Frage:
Ich hab ein gegebe HTML-Vorlage, diese möchte ich nicht ändern bzw. dann auch nicht neu Mappen (mit TV).

Ich möchte einfach an einer stelle einen div-container erstellen.
Genauer:

HTML-Code:

 <!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML template 3col_1-3-2.html</title> </head> <body> <div id="page_margins"> <div id="page"> <div id="header">...</div> <div id="topgrafik">...</div> <div id="nav">...</div> <div id="main"> <div id="teaser">...</div> <div id="col1"> <div id="col1_content" class="clearfix"> <ul id="submenu"><li>...</li></ul> <div class="selectorBox">...</div> <div class="textBelowMenu">...</div> </div> </div> <div id="col2"> <div id="col2_content" class="clearfix">...</div> </div> <div id="col3"> <div id="col3_content" class="clearfix"> <div class="floatbox">...</div> </div> <div id="ie_clearing">&nbsp;</div> </div> </div> <div id="footer">...</div> </div> </div> </body> </html>

Also mein Ziel ist eigentlich, einen Runden div-container zu erstellen für col1 bis 3.

css anweisungen (Datei wird per TS im Root-Template eingebunden, (MyOwnStyles.css)

HTML-Code:

/* ROUND DIV-CONTAINER */

.rand {width:300px; margin:0}
.o1, .o2, .o3, .o4, .u1, .u2, .u3, .u4 {display:block; overflow:hidden;}
.o1, .o2, .o3, .u1, .u2, .u3 {height:1px;}

.o1 {margin:0 5px; background:#999;}
.u1 {margin:0 5px; background:#fff;}

.o2, .u2 {margin:0 3px; border-width:0 2px;}
.o2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.u2 {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}

.o3, .u3 {margin:0 2px;}
.o3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.u3 {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}

.o4, .u4 {height:2px; margin:0 1px;}
.o4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.u4 {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}

.content {display:block; padding:0 5px 0 5px; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}

.rand p {margin:0}
/* ROUND DIV-CONTAINER */

und die html-anweisungen (würd ich gern per ts einbinden an passender stelle:sad:

HTML-Code:

<div class="rand"> <b class="o1"></b> <b class="o2"></b> <b class="o3"></b> <b class="o4"></b> <div class="content"> <p>Breite und Höhe des div-Containers können über feste Werte, prozentuale Angaben oder variabel gestaltet werden.</p> </div> <b class="u4"></b> <b class="u3"></b> <b class="u2"></b> <b class="u1"></b> </div>

(hier nach zulesen: Homepageerstellung » Runde Ecken für div-Container nur durch CSS )

ich nutze Typo3 4.1.2 mit YAML für TV !

bin für jeden Hinweis sehr sehr DANKBAR !!

DOPPELTER POST - SORRY !!!!!!!!!!!!! BITTE LÖSCHEN . MIST

Seraph1980 · #2 02.01.08, 17:02

Hmm, ich würd mir ja mal das CSS-File anschauen.

Gibt da nämlich nen Tag der dir runde Ecken produziert, leider nur im Firefox, da IE6 und IE7 nicht so konform sind.

Schau einfach mal bei CSS4you nach....

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Gelöst Wie Container für FCEs erstellen?	Gluehstrumpf	TemplaVoila	2	03.04.08 08:40
Template und Typo Script!	sinologecn	TYPO3 4.x Fragen und Probleme	2	03.01.08 10:04
div container per Typo-Script erstellen	Michael V83	TYPO3 4.x Fragen und Probleme	0	06.12.07 11:50
Brauche Hilfe in Typo-Script	chapolote	TYPO3 4.x Fragen und Probleme	2	17.11.07 10:58
Menu mit CSS und dann bei typo script?	stephan37	GMENU, HMENU, TMENU und Co.	2	16.12.05 15:48

Suche

Userpanel

div container per Typo-Script erstellen