philipp
Neues Mitglied
hi!
Also ich hab mal ein design gemacht und das soll so aufgebaut sein, dass:
die navi links ist, der inhalt rechts. die navi besteht aus 5 trs und der inhalt aus einer td rowspan. unter der navi is noch ein leeres td(tr eigentlich)(mit nur einem ) drinn, das ist das einzige welches nicht fix eingestellt ist(height="*"). die anderen tds(trs) der navi sind so eingestellt(zb height="120px").
verständlich?
nun der inhalt hat td rowspan="6"
neben ihm stehen 5 fix skalierte tds(eigentlich trs) (zb height="120px")
und am ende eine td ohne fixe höhe (height="*")
wenn nun um Inhalt mehr steht (also länger), dann wird nicht die letzte td vergrößert sondern alle. also werden da auch die hintergründe gekachelt... warum skaliert er nicht einfach nur das letzte neu? die anderen darf er normal garnicht...
die datei is valid XHTML1.0 Transistional
quelltext:
stylesheet:
btw: die seite is nicht im netz, auf dem link is noch die alte zu sehen.
Also ich hab mal ein design gemacht und das soll so aufgebaut sein, dass:
die navi links ist, der inhalt rechts. die navi besteht aus 5 trs und der inhalt aus einer td rowspan. unter der navi is noch ein leeres td(tr eigentlich)(mit nur einem ) drinn, das ist das einzige welches nicht fix eingestellt ist(height="*"). die anderen tds(trs) der navi sind so eingestellt(zb height="120px").
verständlich?
nun der inhalt hat td rowspan="6"
neben ihm stehen 5 fix skalierte tds(eigentlich trs) (zb height="120px")
und am ende eine td ohne fixe höhe (height="*")
wenn nun um Inhalt mehr steht (also länger), dann wird nicht die letzte td vergrößert sondern alle. also werden da auch die hintergründe gekachelt... warum skaliert er nicht einfach nur das letzte neu? die anderen darf er normal garnicht...
die datei is valid XHTML1.0 Transistional
quelltext:
Code:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!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>
<title>Art-Factory</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="generator" content="handcoded by Wrann Philipp" />
<meta name="author" content="Wrann Philipp" />
</head>
<body>
<table width="884px" cellspacing="0px" cellpadding="0px">
<tr>
<td width="222px" height="187px" style="background-image: url(img/h1.gif)"></td>
<td width="662px" height="187px" style="background-image: url(img/h2.gif)" align="left" valign="middle"><h2>Art-Factory.at</h2></td>
</tr>
</table>
<table width="884px" cellspacing="0px" class="navihover">
<tr>
<td width="222px" height="35px" style="background-image: url(img/nm.gif)" align="left" valign="middle">
<div style=" margin-left: 38px" class="navih">Menüpunkt 1</div>
</td>
<td rowspan="6" width="662px" valign="top" align="left">
<div style="margin-left: 25px; margin-right: 25px">
<h1>Willkommen</h1>
<table width="*" class="meldung">
<tr>
<td width="200px" height="*" valign="top" align="left">
[img]img/testbild.jpg[/img]
</td>
<td width="350px" height="*" valign="top" align="left">
Dies ist ein Test-Text, welcher absolut keinen Sinn enthält.
Machen sie sich nicht die Mühe sich diese Zeilen durchzulesen, denn es hat keinen Sinn......
</td>
</tr>
</table>
<!--<h1>Willkommen</h1>
<table width="*" class="meldung">
<tr>
<td width="200px" height="*" valign="top" align="left">
[img]img/testbild.jpg[/img]
</td>
<td width="350px" height="*" valign="top" align="left">
Dies ist ein Test-Text, welcher absolut keinen Sinn enthält.
Machen sie sich nicht die Mühe sich diese Zeilen durchzulesen, denn es hat keinen Sinn......
</td>
</tr>
</table><h1>Willkommen</h1>
<table width="*" class="meldung">
<tr>
<td width="200px" height="*" valign="top" align="left">
[img]img/testbild.jpg[/img]
</td>
<td width="350px" height="*" valign="top" align="left">
Dies ist ein Test-Text, welcher absolut keinen Sinn enthält.
Machen sie sich nicht die Mühe sich diese Zeilen durchzulesen, denn es hat keinen Sinn......
</td>
</tr>
</table><h1>Willkommen</h1>
<table width="*" class="meldung">
<tr>
<td width="200px" height="*" valign="top" align="left">
[img]img/testbild.jpg[/img]
</td>
<td width="350px" height="*" valign="top" align="left">
Dies ist ein Test-Text, welcher absolut keinen Sinn enthält.
Machen sie sich nicht die Mühe sich diese Zeilen durchzulesen, denn es hat keinen Sinn......
</td>
</tr>
</table><h1>Willkommen</h1>
<table width="*" class="meldung">
<tr>
<td width="200px" height="*" valign="top" align="left">
[img]img/testbild.jpg[/img]
</td>
<td width="350px" height="*" valign="top" align="left">
Dies ist ein Test-Text, welcher absolut keinen Sinn enthält.
Machen sie sich nicht die Mühe sich diese Zeilen durchzulesen, denn es hat keinen Sinn......
</td>
</tr>
</table><h1>Willkommen</h1>
<table width="*" class="meldung">
<tr>
<td width="200px" height="*" valign="top" align="left">
[img]img/testbild.jpg[/img]
</td>
<td width="350px" height="*" valign="top" align="left">
Dies ist ein Test-Text, welcher absolut keinen Sinn enthält.
Machen sie sich nicht die Mühe sich diese Zeilen durchzulesen, denn es hat keinen Sinn......
</td>
</tr>
</table>-->
</div>
</td>
</tr>
<tr>
<td width="222px" height="120px" style="background-image: url(img/ni.gif)" align="left" valign="top">
<div style="margin-left: 59px">
[url="#1"]Link1[/url]
[url="#1"]Link2[/url]
[url="#1"]Link3[/url]
[url="#1"]Link4[/url]
</div>
</td>
</tr>
<tr>
<td width="222px" height="35px" style="background-image: url(img/nm.gif)" align="left" valign="middle">
<div style=" margin-left: 38px" class="navih">Menüpunkt 2</div>
</td>
</tr>
<tr>
<td width="222px" height="120px" style="background-image: url(img/ni.gif)" align="left" valign="top">
<div style="margin-left: 59px">
[url="#1"]Link5[/url]
[url="#1"]Link6[/url]
[url="#1"]Link7[/url]
[url="#1"]Link8[/url]
</div>
</td>
</tr>
<tr>
<td width="222px" height="206px" style="background-image: url(img/nu.gif)"></td>
</tr>
<tr>
<td width="222px" height="*"></td>
</tr>
</table>
</body>
</html>stylesheet:
Code:
/*Stylesheet for [url]www.art-factory.at*/[/url]
body
{
background-color: #FFFFFF;
margin-top: 20px;
margin-left: 20px;
padding: 0px
}
table
{
padding: 0px;
border: 0px;
}
img
{
border: 0px
}
.navihover a,
.navihover a:visited,
.navihover a:active
{
font-family: trebuchet ms, verdana, tahoma, serief;
font-size: 13px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold
}
.navihover a:hover
{
color: #000000;
border: 1px solid #000000;
background-color: #FFFFFF
}
.navih
{
color: #FFFFFF;
font-size: 14px;
font-weight: bold
}
td
{
color: #000000;
font-family: trebuchet ms, verdana, tahoma, serief;
font-size: 14px;
}
.meldung
{
background-color: #EEEEEE;
border: 1px solid #000000
}
.meldung img
{
border: 1px solid #000000
}
h1
{
font-family: trebuchet ms, verdana, tahoma, serief;
color: #486280;
text-align: center;
background-color: #EEEEEE;
font-size: 18px;
border: 1px solid #486280;
margin-right: 47px
}
h2
{
color: #FFFFFF;
font-family: trebuchet ms, verdana, tahoma, serief;
font-size: 20px
}
/*Stylesheet for [url]www.art-factory.at*/[/url]btw: die seite is nicht im netz, auf dem link is noch die alte zu sehen.
