• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

table mit kopfzeile und einer unterzeile erstellen

Status
Für weitere Antworten geschlossen.

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:
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=""]&Uuml;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
 
Werbung:
Was genau willst du? Du willst eine Grafik in eine Tabelle einbinden und neben den Bild ein Text?!
 
nein!
ich versuch es nochmal genauer zu erklären.

ich will eine tabelle.
in der ersten zeile dieser tabelle will ich eine grafik einbinden die über 100% der seite geht.
in der zweiten zeile will ich eine navi einbinden mit 4 links die jeweils 20% breit sind.

also es muss eine tabelle rauskommen, die eine durchgehende zeile hat (für das gif) und eine mit 4 <th> wo jeweils eine link reinkommt.

war das so deutlich??
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben