fellfresse
Neues Mitglied
hallo,
ich versuche eine tabelle zu erstellen, die eine zeile hat die über 100% geht indem ich eine gif einbinde.
darunter kommt eine zeile, in der ich eine navi einbaue.
mein problem is:
wenn ich die grafik ohne tabelle einbaue und und darunter die tabelle mit der navi sind beide unterschiedlich lang. sieht doof aus, also wollt ich jetzt beides in eine tabelle wie oben beschrieben einbauen.
doch nun ist die grafik nur noch so breit wie ein navi- feld, nämlich 20%.
hab es schon mit thead und tbody versucht, aber nichts half...
hier mal der code:
sieht jemand woran das liegt oder kann mir sagen wie ich so eine tabelle erstellen kann?
Danke
ich versuche eine tabelle zu erstellen, die eine zeile hat die über 100% geht indem ich eine gif einbinde.
darunter kommt eine zeile, in der ich eine navi einbaue.
mein problem is:
wenn ich die grafik ohne tabelle einbaue und und darunter die tabelle mit der navi sind beide unterschiedlich lang. sieht doof aus, also wollt ich jetzt beides in eine tabelle wie oben beschrieben einbauen.
doch nun ist die grafik nur noch so breit wie ein navi- feld, nämlich 20%.
hab es schon mit thead und tbody versucht, aber nichts half...
hier mal der code:
Code:
<table class= "table0" border= "0">
<tr><td><div id= "header"><h1><span></span></h1></div></td></tr>
<tr>
<th><ul><li class= "focused">[url=""]Home[/url]<ul></th>
<th><ul><li class= "unfocused">[url=""]Über Uns[/url]<ul></th>
<th><ul><li class= "unfocused">[url=""]Leistungen[/url]<ul></th>
<th><ul><li class= "unfocused">[url=""]Kontakt[/url]<ul></th>
</tr>
</table>
css:
.table0
{
padding: 0;
margin: 0;
background-color: #f2cc95;
width: 100%;
border-collapse: collapse;
border-style: hidden;
}
.table0 th
{
width: 20%;
}
.table0 li.focused
{
padding: .2em;
background-color: #f2cc95;
width: 100%;
font-size: 1em;
font-style: bold;
text-align: center;
list-style: none;
border-top: 2px solid white;
}
.table0 li.unfocused
{
padding: .2em;
background-color: #870303;
width: 100%;
font-size: 1em;
font-style: bold;
text-align: center;
list-style: none;
border-bottom: 2px solid white;
border-left: 2px solid white;
}
.table0 li.focused a
{
text-decoration: none;
padding: .3em;
color: #760303;
}
.table0 li.unfocused a
{
text-decoration: none;
padding: .3em;
color: #f2cc95;
}
.table0 li a:hover, .table0 li a:active
{
color: white;
}
sieht jemand woran das liegt oder kann mir sagen wie ich so eine tabelle erstellen kann?
Danke