Die Community PC-Techniker Portal IoT
Allgemeines Computer Forum => Programmieren => Thema gestartet von: Baldrian am April 04, 2007, 13:50:51
-
Moin, hab mal wieder ne frage zu html.
Wie kann man eine Tabelle mit einem Schatten versehen oder kann man das überhaupt?
Hab schon gelesen das es da möglichkeiten für Bilder gibt oder für den IE mit filter:DropShadow , aber das bringt mich alles nicht weiter, da es bei mir um eine Tabelle geht und der IE nicht wirklich relevant ist , da es um eine Seite mit Linux Ports geht.
Also es geht um diese Seite:
<a href="http://ecarux.de/ports">http://ecarux.de/ports</a>
Da hätte ich wenn möglich gerne einen Schatten im Hintergrund.
Das ist die css Datei dazu im Moment:
body
{
font-family: Verdana, sans-serif;
font-size: 85%;
padding: 2em;
}
a
{
color: black;
}
table
{
border:3px solid #c0baea;
font-size: 85%;
-moz-border-radius: 10px;
}
td
{
padding: 6px;
}
tr.header
{
background-color: #c0baea;
}
tr.odd
{
background-color: #eceaf8;
}
tr.even
{
background-color: #f8f7fc;
}
Danke schon mal.
-
http://www.grammiweb.de/html/html090.shtml
-
Hallo Baldrian,
so ganz verstehe ich nicht, was für einen Schatten Du meinst. Sollen die einzelnen Buchstaben Schatten werfen? Dazu gibt es die CSS Auszeichnung Text-shadow:
Oder möchtest Du die ganze Tabelle mit einem Bild wie ein Schatten hinterlegen? dazu könntest Du z.B. ein transparentes Bild als Hintergrundbild in die Tabelle legen, und das Hintergrundbild des Bodys würde durch dieses Bild hindurch scheinen.
LG
Wilfried
-
Ja, also nicht für die Buchstaben sondern für die Tabelle und deren Rahmen.
Das das ganze so wirkt, als wäre die Tabelle sozusagen etwas angehoben..
Das Problem mit einer festen Grafik wäre, das die Darstellung nicht in allen Browsern gleich ist.
In Mozilla und co. sind die Ecken rund beim IE und khtml Browsern wie Konqueror oder Safari aber eckig.
Also müsste der Schatten ansich ja auch eckig oder rund werden je nach Browser...
-
Ha, ich glaub ich hab es jetzt soweit hinbekommen.
Vielleicht etwas quick and dirty aber es geht.
Ich hab einfach ein paar div drum rum gelegt und jeweils oben und links den Rand ausgeblendet und den Rand einfach von innen nach aussen heller werden lassen.
Das ist zwar nicht so glatt wie ne Grafik aber macht immerhin nen gewissen Effekt.
Aber trotzdem danke.