Problem mit Tabelle

html.de-Forum HTML, XHTML & CSS
1

Hey Leute

Hey Leute, ich habe auf meiner Homepage folgende Tabelle eingebaut, jedoch funktioniert das nicht so wie es sollte:

Ich habe folgende .css Datei (rollover.css):

[CODE]/* CSS Document */

.nav_dir a {
color:#F3A53A !important;
background-color:#e6e6e6;
display:block;
font-weight:lighter !important;
}

  • html .nav_dir a {
    width:100%;
    height:100%;
    }
    .nav_dir a:hover{
    color:#000000 !important;
    background-color:#F3A53A;
    text-decoration:none !important;
    font-weight:lighter !important;
    }
    .nav_dir2 a {
    color:#00B900 !important;
    background-color:#e6e6e6;
    display:block !important;
    font-weight:lighter !important;
    }
  • html .nav_dir2 a {
    width:100%;
    height:100%;
    }
    .nav_dir2 a:hover{
    color:#000000 !important;
    background-color:#00B900;
    text-decoration:none !important;
    font-weight:lighter !important;
    }
    .nav_dir3 a {
    color:#C14684 !important;
    background-color:#e6e6e6;
    display:block !important;
    font-weight:lighter !important;
    }
  • html .nav_dir3 a {
    width:100%;
    height:100%;
    }
    .nav_dir3 a:hover{
    color:#000000 !important;
    background-color:#C14684;
    text-decoration:none !important;
    font-weight:lighter !important;
    }
    .nav_dir4 a {
    color:#5B5BC8 !important;
    background-color:#e6e6e6;
    display:block !important;
    font-weight:lighter !important;
    }
  • html .nav_dir4 a {
    width:100%;
    height:100%;
    }
    .nav_dir4 a:hover{
    color:#000000 !important;
    background-color:#5B5BC8;
    text-decoration:none !important;
    font-weight:lighter !important;
    }[/CODE]

und dazugehörig folgende Tabelle:

[HTML]

Montag

großes Becken

Bahn 1

Bahn 2

Bahn 3

Bahn 4

Bahn 5

17.00 bis 17.45


Seedrachen
bei Stephi


Frösche bei Kathi


Schildkröten bei David und Michi


Piranhas bei Christian

17.45 bis 18.30

Eisbären
bei
Simone und Heike




2. Mannschaft bei
Christian/Martina

18.30 bis 19.15

19.15 bis 20.00



Trockentraining ab
18.40 Uhr

1. Mannschaft bei Martina


Masters
bei Gerd

20.00 bis 20.45

[/HTML]

Funktionieren, mit dem Rollover, tut ja alles, was auch super so ist, jedoch bekomm ich’S einfach nicht hin, dass die Tabelle auch ordentlich aussieht. Also das die Abstände zwischen den Zellen überall gleich groß, und alles schön parallel is. Ihr wisst schon was ich meine.
Die Tabelle darf jedoch nicht breiter wie 510px sein.

Hier habe ich die Tabelle mal hochgeladen, dass ihr euch ein Bild machen könnt: http://www.waraffb.de/schwimmen/trainingsgruppen/index.html

Könnt’s ihr mir da weiterhelfen? Fände ich echt klasse.
Ein RIE?EN GRO?ES THX schon mal im vorraus.

greez,
-Ixam

2

Ich habe mir den Code nicht angesehen, aber ich vermute einfach mal, dass Du für die Tabelle in der Mitte (Content Tabelle) keine feste Breite vergeben hast. Wenn doch, dann ist der Quelltext nicht gemäß W3C geschrieben und Du kannst es noch einmal sauber überarbeiten.

Ähm, ich habe mir gerade Mal aus der Laune heraus die Internetseite heruntergeladen und in Dreamweaver angesehen; mein Fazit: Du solltest ganz einfach die CSS Datei überarbeiten und den Layern feste Breiten zuweisen, so wie ich es bereits vermutet habe…

Mod Edit - Doppelpost zusammengefügt | Maron Chatzifrantzis, es gibt die editier Funktion ! (Boehseronkel)