Archief - html/css: dropshadow werkt niet?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

lektriK

Legacy Member
'k ga ff men html en men css code pasten en kan iemand me dan aub vertellen wrom men text geen dropshadow effect heeft?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>index</title>
<link href="one2stop.css" rel="stylesheet" type="text/css" />
</head>
<body>

<table width="100%" border="0" align="left">
<tr>
<td><a class="shadow">This is only a test.</a></td>
</tr>
</table>

</body>
</html>

---------------------------------------

body {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
background-color: #990000;
background-image: url(crimson-clouds.jpg);
}
a.shadow {
font-family: Tahoma, Arial;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
filter: DropShadow(Color=#000000, OffX=2, OffY=2, Positive=1);
text-decoration: none;
}

deadlock

Legacy Member
dit effect wordt enkel ondersteund door Safari.

Heb je een andere browser, zie je het niet.

servi

Legacy Member
omdat die niet conform de w3c-regels werken

als je
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
wegdoet, gaat het wsch wel werken.

maar filter: is niet gedefinieerd, noch in css noch in css2, dus laat het maar vallen of gebruik een image.

lektriK

Legacy Member
EDIT:

heb het zelf gevonden..

a.shadow {
font-family: Tahoma, Arial;
font-size: 12px;
height: 12px;
font-weight: bold;
color: #FFFFFF;
filter: DropShadow(Color=#000000, OffX=2, OffY=2, Positive=1);
}

zo moest het dus
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan