Ja, mag etwas verwirrend klingen, ist aber so. Irgendwo ist da der Wurm drinne. Ich habe folgenden Stylesheet:
Code:
body {
padding: 0px 26px 0px 26px;
background: #ffffff;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}
h1, h2, h3, h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: -26px;
}
h1 {
font-size: 145%;
margin-top: .5em;
margin-bottom: .5em;
}
h2 {
font-size: 130%;
margin-top: 1em;
margin-bottom: .6em;
}
h3 {
font-size: 115%;
margin-top: 1em;
margin-bottom: .6em;
}
h4 {
font-size: 100%;
margin-top: 1em;
margin-bottom: .6em;
}
p {
text-align:justify;
margin-top: .6em;
margin-bottom: .6em;
}
p.copyright {
margin: .2em;
text-align: center;
font-size: 8pt;
font-style: italic;
}
p.quote {
margin: 1em;
padding: 5pt;
font-style: italic;
background-color: #e1e1e1;
border-width: 2px;
border-style: solid;
border-color: #c0c0c0;
}
ul p, ol p,
dl p {
margin-left: 0em;
}
a:link {
color: #0066ff;
}
a:visited {
color: #996600;
}
a:hover {
color: #cc9900;
}
pre {
padding:7px;
}
pre.precode {
margin: 2em;
background-color: #d8d8d8;
border-width: 2px;
border-style: solid;
border-color: #808080;
}
table {
border: #939393 1px solid;
border-collapse: collapse
}
th {
font-size:80%;
border: #939393 1px solid;
padding: 3px;
vertical-align: top;
}
td {
font-size:80%;
border: #939393 1px solid;
padding: 3px;
text-align: justify;
vertical-align: top;
}
dt {
font-weight:bold;
padding-top:7px;
}
dd {
text-align:justify;
width:600px;
padding-bottom:5px;
}
Der kommt hier zum Einsatz:
http://www.luckie-online.de/Artikel/FancyIndexing.shtml und hier
http://www.luckie-online.de/profil/
Könnte mir mal jemand erklären, warum der Text in der Tabelle der zweiten (Profil) Seite kleiner dargestellt wird als der Text in den Tabellen der ersten Seite (DirectoryListings des Apache anpassen)? Ich gucke mir da schon seit Tagen die Augen aus dem Kopf, aber ich sehe einfach keinen Unterschied, aber es muss einen geben, sonst wären die Seiten ja identisch.