Herzlich Willkommen, lieber Gast!
  Sie befinden sich hier:

  Forum » HTML / XML / XHTML » Tabelle formatieren mit CSS

Forum | Hilfe | Team | Links | Impressum | > Suche < | Mitglieder | Registrieren | Einloggen
  Quicklinks: MSDN-Online || STL || clib Reference Grundlagen || Literatur || E-Books || Zubehör || > F.A.Q. < || Downloads   

Autor Thread - Seiten: > 1 <
000
18.09.2010, 01:09 Uhr
Pablo
Supertux
(Operator)


Hi

ich hab eine Tabele wie folgt


Code:
<table id="moni_table">

<tr>
td>key1</td>
<td>val1</td>
</tr>

<tr>
td>key2</td>
<td>val2</td>
</tr>

...

</table>



und CSS

Code:
#moni_table {

    position: relative;

    padding-top: 40px;
    padding-bottom: 40px;

    width: 60%;

    left: 20%;
}

#moni_table tr {
    background-color: #f0f0f0;
}

#moni_table tr:hover {
    background-color: #ffffff;
    background-color: #aaaaff;
}

#moni_table td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}



Wie kann ich den Abstand zwischen den beiden <td>keyx</td> und <td>valx</td> auf 0 verringern? Wenn ich die Maus über eine Zeile drüberfahre, dann ändert sich die Farbe, aber dieser Abstand zwischen den Zellen bleibt weiterhin weiß, was mir nicht ganz gefällt.

Wie kann ich etwas äquivalentes mit <div> erreichen? Oder ist <table> da vorzuziehen?


Eine weitere Frage bzgl. CSS habe ich noch:

Was ist genau der Unterschied zwischen


Code:
.name {
}

#name {
}



? Ich sehe, dass je nachdem, was ob ich .name oder #name verwende, muss ich dann class="name" bzw. id="name" verwenden und manchmal gehen beide. Was ist der Sinn von diesen beiden?
--
A! Elbereth Gilthoniel!
silivren penna míriel
o menel aglar elenath,
Gilthoniel, A! Elbereth!

Dieser Post wurde am 18.09.2010 um 01:10 Uhr von Pablo editiert.
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
001
18.09.2010, 03:58 Uhr
0xdeadbeef
Gott
(Operator)


Etwa so?

Code:

<html>
  <head></head>
  <style>
    #tbl {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 60%;
    left: 20%;
    border-spacing: 0px 2px;
    }

    #tbl tr {
    background-color: #f0f0f0;
    }

    #tbl tr:hover {
    background-color: #ffffff;
    background-color: #aaaaff;
    }

    #tbl td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    }
  </style>
  <body>
    <table id="tbl">
      <tr>
        <td>foo</td>
        <td>bar</td>
      </tr>
      <tr>
        <td>baz</td>
        <td>qux</td>
      </tr>
    </table>
  </body>
</html>



Du kannst nur eine ID pro Element haben, und die selbe ID nur einmal im Dokument verwenden. (In der Praxis setzen sich allerdings die meisten Browser über letzteres hinweg)

Beispielsweise kannst du <div class="class1 class2"> schreiben; mit IDs geht das nicht.
--
Einfachheit ist Voraussetzung für Zuverlässigkeit.
-- Edsger Wybe Dijkstra
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
Seiten: > 1 <     [ HTML / XML / XHTML ]  


ThWBoard 2.73 FloSoft-Edition
© by Paul Baecher & Felix Gonschorek (www.thwboard.de)

Anpassungen des Forums
© by Flo-Soft (www.flo-soft.de)

Sie sind Besucher: