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

Problem mit Tabelle

Status
Für weitere Antworten geschlossen.
I

ixam-relleum

Guest
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;
}

und dazugehörig folgende Tabelle:

HTML: 
<table width="510" border="0" cellpadding="0">
  <tr bgcolor="#E6E6E6">
    <td width="60" rowspan="2" align="center" valign="middle" bgcolor="#828282" class="Stil68"><div align="center" class="Stil136">
      <div align="center">Montag</div>
    </div></td>
    <td height="34" colspan="5" valign="middle" bgcolor="#828282" class="Stil68"><p align="center" class="Stil73 Stil120"> gro&szlig;es Becken </p></td>
  </tr>
  <tr>
    <td width="85" valign="top" bgcolor="#828282" class="Stil68"><p align="center" class="Stil136">Bahn 1 </p></td>
    <td width="85" valign="top" bgcolor="#828282" class="Stil68"><p align="center" class="Stil136">Bahn 2 </p></td>
    <td width="85" valign="top" bgcolor="#828282" class="Stil68"><p align="center" class="Stil136">Bahn 3 </p></td>
    <td width="85" valign="top" bgcolor="#828282" class="Stil68"><p align="center" class="Stil136">Bahn 4 </p></td>
    <td width="85" valign="top" bgcolor="#828282" class="Stil68"><p align="center" class="Stil136">Bahn 5 </p></td>
  </tr>
  <tr>
    <td width="60" bgcolor="#828282" class="Stil68"><p align="center" class="Stil136"> 17.00 bis 17.45 </p></td>
    <td width="90" height="80" align="center" valign="middle" class="nav_dir"><p align="center"><a href="http://waraffb.de/schwimmen/trainingsgruppen/seedrachen/index.html" target="_self"  style="height:80px; width:90px "><br>
      Seedrachen <br>
    bei Stephi</a> </p></td>
    <td width="90" height="80" align="center" valign="middle" class="nav_dir"><p align="center"><a href="http://waraffb.de/schwimmen/trainingsgruppen/froesche/index.html" target="_self"  style="height:80px; width:90px "><br>
    Fr&ouml;sche bei Kathi</a> </p></td>
    <td width="85" height="80" align="center" valign="middle" colspan="2" class="nav_dir"><p align="center"><a href="http://waraffb.de/schwimmen/trainingsgruppen/schildkroeten/index.html" target="_self"  style="height:80px; width:180px "><br>
      Schildkr&ouml;ten bei David und  Michi</a> </p></td>
    <td width="90" height="80" align="center" valign="middle" class="nav_dir"><p align="center"><a href="http://waraffb.de/schwimmen/trainingsgruppen/piranhas/index.html" target="_self"  style="height:80px; width:90px "><br>
    Piranhas bei Christian</a> </p></td>
  </tr>
  <tr>
    <td width="60" bgcolor="#828282" class="Stil68"><p align="center" class="Stil136"> 17.45 bis 18.30 </p></td>
    <td width="90" height="80" align="center" valign="middle" class="nav_dir2"><p align="center"><a href="http://waraffb.de/schwimmen/trainingsgruppen/eisbaeren/index.html" target="_self"  style="height:80px; width:90px "> Eisb&auml;ren <br>
      bei <br>
    Simone und Heike</a> </p></td>
    <td width="90" height="80" align="center" valign="middle" class="nav_dir2"><div align="center"><a href="http://waraffb.de/schwimmen/trainingsgruppen/seepferdchen/index.html" target="_self"  style="height:80px; width:90px "> Seepferdchen bei <br>
      Particia <br>
    und Dani</a> </div></td>
    <td width="90" height="80" align="center" valign="middle" class="nav_dir2"><div align="center"><a href="http://waraffb.de/schwimmen/trainingsgruppen/delfine/index.html" target="_self"  style="height:80px; width:90px "><br>
      Delfine bei<br>
    Maxi</a> </div></td>
    <td width="180" height="160" align="center" valign="middle" colspan="2" rowspan="2" class="nav_dir4"><a href="http://waraffb.de/schwimmen/trainingsgruppen/2mannschaft/index.html" target="_self"  style="height:160px; width:180px "><br>
          <br>
          <br>
      2. Mannschaft bei<br>
      Christian/Martina</a> </td>
  </tr>
  <tr>
    <td width="60" bgcolor="#828282" class="Stil68"><p align="center" class="Stil136"> 18.30 bis 19.15 </p></td>
    <td width="90" height="80" align="center" valign="middle" class="nav_dir3"><div align="center"><a href="http://waraffb.de/schwimmen/trainingsgruppen/hechte/index.html" target="_self"  style="height:80px; width:90px "><br>
      Hechte bei <br>
    Kathrin</a> </div></td>
    <td width="85" height="80" colspan="2" align="center" valign="middle" class="nav_dir3"><div align="center"><a href="http://waraffb.de/schwimmen/trainingsgruppen/wale/index.html" target="_self"  style="height:80px; width:180px "><br>
      Wale bei David <br>
      und Michi</a> </div></td>
  </tr>
  <tr>
    <td width="60" bgcolor="#828282" class="Stil68"><p align="center" class="Stil136"> 19.15 bis 20.00 </p></td>
    <td width="85" height="160" align="center" valign="middle" colspan="2" rowspan="2" class="nav_dir4"><a href="http://schwimmen.waraffb.de/trainingsgruppen/1mannschaft/index.html" target="_self" class="nav_dir3"  style="height:160px; width:180px "><br>
          <br>
      Trockentraining ab <br>
      18.40 Uhr<br>
      <br>
      1. Mannschaft bei Martina</a></td>
    <td width="90" height="160" align="center" valign="middle" colspan="2" rowspan="2" class="nav_dir3"><a href="http://waraffb.de/schwimmen/trainingsgruppen/masters/index.html" target="_self"  style="height:160px; width:180px "><br>
          <br>
      <br>
      Masters <br>
    bei Gerd</a> </td>
    <td width="90" height="78" align="center" valign="middle" class="nav_dir3"><div align="center"><a href="http://waraffb.de/schwimmen/trainingsgruppen/freizeitgruppe1/index.html" target="_self"  style="height:80px; width:90px "><br>
      Freizeitgruppe<br>
    1  bei Gerd</a> </div></td>
  </tr>
  <tr>
    <td width="60" bgcolor="#828282" class="Stil68"><p align="center" class="Stil136"> 20.00 bis 20.45 </p></td>
    <td width="90" height="78" align="center" valign="middle" class="nav_dir3"><div align="center"><a href="http://waraffb.de/schwimmen/trainingsgruppen/freizeitgruppe1/index.html" target="_self"  style="height:80px; width:90px "><br>
      Freizeitgruppe<br>
    2  bei Barbara</a> </div></td>
  </tr>
</table>

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
 
Werbung:
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)
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben