so habs jetz mal so gmacht aber ein paar mehr divs verwendet....
so aber jetz komm ich nicht weiter wie krieg ich die 3 inhalte nebeneinander ? des check ich ned
hier nochmal meine index
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
<html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="include/designs/ilchClan/style.css"
type="text/css">
</head>
<body bgcolor="#4A6335">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<div class="header"></div>
<div class="navi1"></div>
<div class="navi2"></div>
</td>
</tr>
<tr>
<td>
<div style="float:left width:202px">{_list_menunr1@[b]%1[/b]<br /<%2<hr
/>}</div>
<div width="560px">{EXPLODE}</div>
<div style="float:right width:202px">{_list_menunr2@[b]%1[/b]<br /<%2<hr
/>}</div>
</td>
</tr>
<tr>
<td><div class="footer"></div></td>
</tr>
</table>
</body>
</html>
Alles anzeigen
und meine style
Code
.header {
margin-left: 0px;
width: 967px;
height: 199px;
background-image: url(images/header.gif);
background-repeat: no-repeat;
}
.navi2 {
margin-left: 0px;
width: 967px;
height: 11px;
background-image: url(images/navi2.jpg);
background-repeat: no-repeat;
}
.navi1 {
margin-left: 0px;
width: 967px;
height: 44px;
background-image: url(images/navi1.jpg);
background-repeat: no-repeat;
}
.left {
mari
width: 202px;
background-image: url(images/menu_bg.jpg);
background-repeat: repeat-y;
}
.menugb{
padding-left: 15px;
background-image: url(images/menugb.jpg);
width: 202px;
height:15;
background-repeat: repeat-y;
}
.footer{
background-image: url(images/footer.jpg);
width: 967px;
height: 101px;
padding-left: 50%;
padding-top: 64px;
font-size: 11px;
background-repeat: no-repeat;
}
#explore {
margin-left: 202px;
width: 560;
height: 24;
background-image: url(images/explorer.jpg);
background-repeat: repeat-y;
font: Arial Black;
color: Lime;
padding-left: 2%;
padding-top: 5px;
}
#menu_heading {
background-image: url(images/menütitel.jpg);
width: 202px;
height: 39px;
padding-left: 40px;
padding-top: 9px;
font: Arial Black;
font-variant: small-caps;
font-weight: bold;
color: Lime;
background-repeat: no-repeat;
}
Alles anzeigen