CSS gleiche Spaltenbreiten

[kills]

Hallo zusammen,

gibt es eine Möglichkeit per CSS bei einer Tabelle eine Eigenschaft festzulegen, dass alle Spalten gleich groß sind ( unabhängig von der Spaltenanzahl...) ?

Danke und gruß,

Markus

[kills]

ach hab noch was vergessen:

ich brauch noch ein style der mir folgendes bringt:

Ich möchte, dass das TD in dem sich der Link befindet die Hintergrundfarbe wechselt, wenn ich entweder über den Link fahre, oder über das TD fahre.

Das ganze möchte ich aber mit einem allgemeinen Style machen. Der style soll nicht klassen/id-bezogen sein

-----------------------------

UPDATE:

Alle TDs die aber keinen Link enthalten sollen diesen hover effekt nicht haben.

Es dürfen pseudo-klassen wie :hover usw. dazu auf alle möglichen ElementTypen benutzt werden

Es dürfen auch CSS3 Selektoren verwendet werden

[-cta-]

huhu!

das erste problem klappt so(jedenfalls beim ie)

 td {[COLOR=DarkOrange]width:200; height:200;[/COLOR] font-size:9pt; color:#000000; font-family:Verdana,Tahoma,Helvetica,Arial; vertical-align:; text-align:left;} 

bei dem anderen muss ich nochma schaun

[tobias-digital]

Hi kills!

Fang!

<style>

  table {

    table-layout: fixed;

    width: 100%;

  }

  td:hover {

    background-color: black;

    color: white;

  }

</style>

<table>

  <tr>

    <td>testtest</td>

    <td>test</td>

    <td>test</td>

    <td>test</td>

    <td>test</td>

    <td>testtesttesttest</td>

  </tr>

  <tr>

    <td>test</td>

    <td>testtest</td>

    <td>testtesttest</td>

    <td>test</td>

    <td>test</td>

    <td>test</td>

  </tr>

</table>

Beide Probleme in einem gelöst! Neues Problem: Falls der Inhalt einer Zelle zu lang ist ist alles vorbei.

Gruß, Tobias

[-cta-]

Neues Problem: Falls der Inhalt einer Zelle zu lang ist ist alles vorbei.

Gruß, Tobias

das kann man aber umgehen mit overflow:D

beispiel:

<td cellspacing="5" style="width: 454px; height: 295px;" bgcolor="">

<div style="width: 452px; height: 293px; overflow : auto;">

dann wird das td scrollbar wenn zu viele daten drin sind!

[tobias-digital]

stimmt! Hat aber zwei Nachteile:

1. Du musst in jedes td ein div reinpacken
   
2. Sieht ein blöd aus
   

:floet:

[-cta-]

stimmt!

hmm....

vielleixcht sagt kills mal, was er damit erreichen will....dann kann man da vielleicht mal drauf rumdenken.....

[kills]

Hi kills!

Fang!

<style>

  table {

    table-layout: fixed;

    width: 100%;

  }

  td:hover {

    background-color: black;

    color: white;

  }

</style>

<table>

  <tr>

    <td>testtest</td>

    <td>test</td>

    <td>test</td>

    <td>test</td>

    <td>test</td>

    <td>testtesttesttest</td>

  </tr>

  <tr>

    <td>test</td>

    <td>testtest</td>

    <td>testtesttest</td>

    <td>test</td>

    <td>test</td>

    <td>test</td>

  </tr>

</table>

Beide Probleme in einem gelöst! Neues Problem: Falls der Inhalt einer Zelle zu lang ist ist alles vorbei.

Gruß, Tobias

Hey Tobias,

also das mit dem table-layout: fixed; hat mich schonma weitergebracht.

Das kannte ich noch nicht, aber man kann ja immer was neues lernen

Das mit dem hover ist ganz so einfach nicht.

Der hover soll nur bei Tds angezeigt werden die einen Link beinhalten!

Das mit den Inhalten passt schon. Ich geb die "Fest" an, die werden nicht durch usereingaben generiert.... ist nur im menu...

Danke und Gruß,

Markus

[tobias-digital]

Achso, ok, wie wär's dann hiermit:

<style>

  table {

    table-layout: fixed;

    width: 100%;

  }

  a {

    display: block;

  }

  a:hover {

    background-color: black;

    color: white;

  }

</style>

<table>

  <tr>

    <td>testtest</td>

    <td>test</td>

    <td>test</td>

    <td>test</td>

    <td>test</td>

    <td>testtesttesttest</td>

  </tr>

  <tr>

    <td>test</td>

    <td><a href="">testtest</a></td>

    <td>testtesttesttesttesttes</td>

    <td>test</td>

    <td>test</td>

    <td>test</td>

  </tr>

</table>

[kills]

das wars was ich gesucht hab:

a {

    display: block;

}

Danke !!

Gruß,

Markus