G
GateKay
Guest
hallo leute,
so ich will gerne meine homepage auf div container umstellen.
habe auch schon etwas hin bekommen aber der rest geht nett so einfach.
vieleicht hat jemand von euch etwas zeit und kann mir mal bitte helfen dabei.
hier mal der code den ich schon umgestellt habe :
hier die css datei dazu :
und hier der teil den ich nicht schaffe umzustellen :
würde mich freuen wen mir jemand helfen könnte dabei.
danke euch allen schon mal im vorraus...
so ich will gerne meine homepage auf div container umstellen.
habe auch schon etwas hin bekommen aber der rest geht nett so einfach.
vieleicht hat jemand von euch etwas zeit und kann mir mal bitte helfen dabei.
hier mal der code den ich schon umgestellt habe :
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link href="incl/style/css_op.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header" id="headop01">
<div align="center">
<table align="center" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">[img]incl/picer/head1.jpg[/img]</td>
<td valign="top">[img]incl/picer/head2.jpg[/img]</td>
</tr>
<tr>
<td valign="top">[img]incl/picer/head3.jpg[/img]</td>
<td valign="top">[img]incl/picer/head4.jpg[/img]</td>
</tr>
</table>
</div>
</div>
hier die css datei dazu :
Code:
/* CSS Document */
body , textarea , iframe {
background-color : #3b3b3b;
margin : 0;
}
.border {
border-color : #000000;
border-style : solid;
border-width : 1px;
}
a.content:link {
font-family : Verdana;
color : #000000;
text-decoration : none;
font-style : normal;
}
a.content:visited {
font-family : Verdana;
color : #000000;
text-decoration : none;
font-style : normal;
}
a.content:active {
font-family : Verdana;
color : #000000;
text-decoration : none;
font-style : normal;
}
a.content:hover {
font-family : Verdana;
color : #ffffff;
text-decoration : none;
}
.button {
font-size : 9px;
font-family : Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #000000;
background-color : #ffffff;
border-color : #828282;
color : #000000;
padding : 0;
}
.input {
background : ;
color : #59483e;
border : 1px none inherit;
border-color : #000000;
background-color : #efe7d5;
border-style : solid;
border-width : 1px;
height : 15px;
}
.select {
background : ;
color : #59483e;
border : 1px none inherit;
border-color : #000000;
background-color : #efe7d5;
border-style : solid;
border-width : 1px;
height : 15px;
}
.checkbox {
font-family : Verdana;
color : #000000;
border : 0 solid #000000;
border-color : #c9bda3;
}
.textarea {
border : 1px solid #000000;
color : #59483e;
background-color : #efe7d5;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : xx-small;
border-width : 1px;
border-style : solid;
}
.twhite {
text-decoration : none;
color : #f6f0e4;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
text-decoration : none;
}
.tbraun {
text-decoration : none;
color : #59483e;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
}
.bigbraun {
text-decoration : none;
color : #59483e;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : normal;
}
.tbraunk {
text-decoration : none;
color : #59483e;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px;
font-weight : normal;
}
.caption {
text-decoration : none;
color : #59483e;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
}
td.row {
color : #59483e;
border-left : 1px solid black;
border-right : 1px solid black;
border-top : 1px solid black;
border-bottom : 1px solid black;
}
#header {
width : 820px;
vertical-align : middle;
margin : 0;
padding : 0;
left : 0;
top : 0;
right : 0;
bottom : 0;
clip : rect(0,0,0,0);
}
und hier der teil den ich nicht schaffe umzustellen :
Code:
<table width="820" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#C5BA9B">
<tr>
<td width="122" align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" height="100%" width="122">
<tbody>
<tr>
<td width="122" valign="top" bgcolor="#efe7d5">[img]../incl/picer/spacer.gif[/img]</td>
</tr>
<tr>
<td bgcolor="#59483e" height="15" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top">[img]../incl/picer/spacer.gif[/img]</td>
<td class="twhite" width="206">
..:: Navigation ::..</p></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td bgcolor="#C5BA9B" height="280" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td colspan="2" valign="top">[img]../incl/picer/spacer.gif[/img]</td>
</tr>
<tr>
<td valign="top">&</td>
<td width="206" class="twhite">Link</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
<td width="5" align="left" valign="top" bgcolor="#FFFFFF">[img]../incl/picer/spacer.gif[/img]</td>
<td align="left" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="608" valign="top" bgcolor="#efe7d5">[img]../incl/picer/spacer.gif[/img]</td>
</tr>
<tr>
<td bgcolor="#59483e" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="twhite" ><p align="center">..:: News - Info ::..</p></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td height="8" align="left" valign="top" bgcolor="#FFFFFF" class="tbraun">[img]../incl/picer/spacer.gif[/img]</td>
</tr>
<tr>
<td height="281" valign="top" bgcolor="#FFFFFF" class="tbraun">Inhalt</td>
</tr>
</tbody>
</table></td>
<td width="5" align="right" valign="top" bgcolor="#FFFFFF">[img]../incl/picer/spacer.gif[/img]</td>
<td width="122" align="right" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="122">
<tbody>
<tr>
<td width="122" valign="top" bgcolor="#efe7d5">[img]../incl/picer/spacer.gif[/img]</td>
</tr>
<tr>
<td bgcolor="#59483e" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="114" valign="top" class="twhite"><div align="center">..:: News - Info ::..</div></td>
<td width="10" align="right" valign="top" class="twhite">
[img]../incl/picer/spacer.gif[/img]</p></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td align="right" valign="top" bgcolor="#C5BA9B"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td colspan="2" valign="top">[img]../incl/picer/spacer.gif[/img]</td>
</tr>
<tr>
<td valign="top">&</td>
<td width="206" class="twhite">News</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</table>
würde mich freuen wen mir jemand helfen könnte dabei.
danke euch allen schon mal im vorraus...