Gegen Bilderklau - Das Original | Druckvorschau: Problem mit CSS

Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [CSS] Problem mit CSS (https://www.gegen-bilderklau.net/thread.php?threadid=136742)

Geschrieben von peachNBlue am 09.07.2008 um 22:03:

Problem mit CSS

Hallöchen Leute,
und zwar hab ich ein kleines Problem mit CSS.Ich würde gerne meine Tabelle so definieren wie hier vorgezeichnet >>Klick<<i,die ich mal angefertigt habe.Hier auch noch meine CSS-Datei (ja ziemlich unübersichtlich xD ).Das Ganze läuft über .tabelle,also damit habe ich die Tabelle definiert,für die ich das haben möchte.Außerdem soll kein Außenrand vorhanden sein.

BODY {
font-size: 9pt;
font-family: Verdana;
font-weight: normal;
color: #817B3C;
text-align: center;
padding: 0px;

scrollbar-face-color: #817B3C;
scrollbar-highlight-color: #F0ECC7;
scrollbar-3dlight-color: #817B3C;
scrollbar-darkshadow-color: #F0ECC7;
scrollbar-shadow-color: #817B3C;
scrollbar-arrow-color: #F0ECC7;
scrollbar-track-color: #817B3C;}

tr, td, table {
margin-left: auto;
margin-right: auto;
font-family: Verdana;
font-size: 9pt;
color: #817B3C;
border: 1px solid #817B3C;
border-collapse: collapse;
text-align: center;
width: 550px;
align: center;
}

.tabelle {
border-collapse: collapse;
border-spacing: 15px;
width: 575px;
}

.oben {
background-color:#817B3C;
font-weight: bold;
color: #F0ECC7;
letter-spacing: 1px;
a:link {color: #F0ECC7; text-decoration: none}; }

.zeitplan {
color: #F0ECC7;
width: 500px;
align: center;
border: 1px solid #817B3C;
text-align: center;
font-size: 9pt;}

.verkauf {
width: 500px;
padding: 2px}

DIV {text-align:justify; margin-left:7%; margin-right:7%;}

a:link{color:#817B3C;text-decoration: none}
a:visited{color:#817B3C;text-decoration: none}
a:hover{color:#000000;text-decoration: underline font-weight: bold}
a:active{color:#817B3C;text-decoration: underline font-weight: bold}

Geschrieben von Medic Droid am 09.07.2008 um 22:35:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:

.tabelle
{
    border-spacing: 15px; /* Wird vom Internet Explorer ignoriert */
    width: 575px;
    margin: auto; /* Zentriert die Tabelle */
}

.tabelle td
{
    border: 1px solid rgb(0, 0, 0); /* Gibt jeder Tabellenzelle einen Rand */
    padding: 0.2em; /* Ein Innenabstand, der die Lesbarkeit erhöht */
    margin: 0.5em; /* Ein Außenabstand, damit die Zellen voneinander entfernt sind */
}