Fun-Soft - Programmierforum

Autor

Thread - Seiten: > 1 <

000
18.09.2010, 01:09 Uhr
Pablo
Supertux
(Operator)

Hi

ich hab eine Tabele wie folgt

Code:

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: