template mit div

Hallo,

möchte eine tempalte von tabellen erstellen hört sich zwar eigentlich leicht an aber irgendwo hab ich da einen hacken...

meine html schau momentan so aus:

<div class="header" id="header"></div>
<div class="hmenu" id="hmenu"><img src="images/hmenu.jpg" width="535" height="37" /></div>
	<div id="menu_2">
		<div class="menu1-level1-no"> <a href="#">Menu item 1</a></div>
        <div class="menu1-level1-no"> <a href="#">Menu item 2</a></div>
        <div class="menu1-level1-act"> <a href="#">Menu item 3 (act)</a></div>
        <div class="menu1-level2-no"> <a href="#">Level 2 item</a></div>
        <div class="menu1-level2-no"> <a href="#">Level 2 item</a></div>
        <div class="menu1-level2-act"> <a href="#">Level 2 item (act)</a></div>
        <div class="menu1-level1-no"> <a href="#">Menu item 2</a></div>		
	</div>

meine css datei so:

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.header {
	position: absolute;
	height: 132px;
	width: 849px;
	left: 0px;
	top: 0px;
	background-image: url(../images/header.jpg);
}
.hmenu {
	height: 37px;
	top: 95px;
	width: 830px;
	overflow: visible;
	visibility: visible;
	position: absolute;
	padding-left: 10px;
	padding-right: 10px;
}
.vmenu {
	font-size: 10px;
	height: auto;
	width: 157px;
	left: 0px;
	top: 132px;
	position: absolute;
	background-color: #ffffff
}

.vmenu DIV   { color: black; width: 100% }

.vmenu DIV A   { color: black; text-decoration: none }

.vmenu DIV A:hover   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f16f21;
	margin-bottom: 1px;
}
.vmenu DIV.menu1-level1-no     {
	font-size: 11px;
	background-color: #FFFFFF;
	margin: 5px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px;
	border-bottom-style: solid;
	width: 157px;
}
.vmenu DIV.menu1-level1-act   {
	font-weight: bold;
	font-size: 11px;
	background-color: #FFFFFF;
	margin: 5px;
	padding: 5px;
	border: 1px;
	filter: alpha(opacity='75', style='0');
	width: 157px;
}
.vmenu DIV.menu1-level1-act A   {
	color: #f16f21;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.vmenu DIV.menu1-level2-no {
	font-size: 10px;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 157px;
}
.vmenu DIV.menu1-level2-act {
	font-weight: bold;
	font-size: 10px;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f16f21;
	width: 157px;
}

irgendwie schaffe ich es nich das menü mit dem typo3 zu verbinden?
kann mir mal jemand weiterfehlde?
hab ich da schon mal was falsch oder liegts am Setup?

Thx Billix

soeben wollte ich auch einen content einbinden aber es will nicht so richtig!

irgendwie kommt mir vor der will net so richtig mit div

Salue,

1. was ist bereits vorhanden? (Seite in TYPO3, nur Layoutvorschlag, ...)
2. was möchtest Du überhaupt erreichen

im Moment werde ich aus deiner Fragestellung nicht wirklich schlau.

Gruss, Claude

Hallo Billix,

ich denke Du hast einfach ein wenig zu kompliziert angefangen.

Step 1)
HTML-Template erstellen und mit DIV-Containern versehen.

<head>
	<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
###BODY_AREA###
  <div id="maincontainer">
    <div id="header"></div>
    <div id="menuemain">###NAVI_MAIN###
      <div id="submenue">###NAVI_SUBMENUE###</div>
      <div id="menueimgs">###SUBMENUE_IMGS###</div>
    </div>
    <div id="clearer"></div>
    <div id="content">###CONTENT_AREA###</div>
    <div id="footer"> </div>
  </div>
###BODY_AREA###
</body>
</html>

Step 2)
Deine MAIN.CSS erstellen und es Step by Step austesten.

body {
   ...
   ...
}

div#maincontainer {
   width: 800px;
   margin: 10px auto;
}   
  
div#header {
   height: 120px;
   background-color: #FFFFFF;
   background-image: url(imgs/xyz.jpg);
   background-repeat: no-repeat;
}

...
usw.

Natürlich muß in Deinem TypoScript auch ein bischen Code vorhanden sein, der die Marker bedient. zB.: ###CONTENT_AREA### (hier wird dann Dein Content aus tt_content ausgegeben).

Gruß
Hille

Ok!

Was ich möchte!

ein template mit einem vertikalen und horizentalen menü!
Da ich barrierefrei arbeiten möchte möchte ich dies nicht mit tables sonder mit div container erstellen.

irgendwie funk. das nicht bei mir!

gib es vielleicht ein fertiges template mit typo3 setup source zum nachlesen

oder kann mal sowas jemand posten?

danke
billix