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"> </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