Bonsoir,
Je débute en CSS et j'aimerai donner un effet d'ombre portée sur un tableau. J'ai trouvé la fonction box-shadow que j'ai tant bien que mal tenté d'appliquer mais je n'arrive à rien. Vous trouverez mon code en-dessous si vous pouvez m'aider 
Merci,
Bolletoo
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<title>Newsletter</title>
<meta content="text/html; charset=UTF-8"
http-equiv="Content-Type">
<style type="text/css">
<!--
.Style2 { color: #009900 }
.border_shadow
{
-webkit-box-shadow: 1px 10px 35px #888;
padding: 5px 5px 5px 15px;
width: 800px;
}
.border_rounded
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #000000;
padding: 10px;
width: 800px;
}
}
-->
</style>
</head>
<body>
<table align="center" border="0" cellspacing="0">
<tbody>
<tr>
<td>
<table>
<tbody>
<tr>
<td width="100"></td>
<td>
<script type="text/javascript">
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
if (ieversion>=5)
document.write("<div class=''>" )
}
else
document.write("<div class=''>" )
</script>
<p> </p>
<div style="text-align: center;"> </div>
<table
style="border: 3pt ridge rgb(255, 102, 0); width: 610px; text-align: left; margin-left: auto; margin-right: auto;"
cellpadding="10">
<tbody>
<tr
style="font-family: Impact; color: rgb(255, 255, 255);"
align="center">
<td
style="text-align: center; background-color: rgb(232, 116, 7);"
colspan="2" rowspan="1"><font size="+2">VIDEOS</font></td>
</tr>
<tr>
<td style="text-align: center;"><a
href="http://www.youtube.com/watch?v=vraoiVCDdaM"><img
style="border: 0px solid ; width: 204px; height: 155px;"
alt="holiday"
src="http://img163.imageshack.us/img163/6924/holidayh.jpg"></a></td>
<td style="text-align: center;"><a
href="http://www.youtube.com/watch?v=1QngeN-5wGQ"><img
style="border: 0px solid ; width: 204px; height: 155px;"
alt="stayclose"
src="http://img291.imageshack.us/img291/1795/stayclose.jpg"></a></td>
</tr>
<tr>
<td style="text-align: center;"><font
style="font-family: Impact;" size="+2">VAMPIRE WEEKEND</font><br>
<font size="+1"><span
style="font-family: Helvetica,Arial,sans-serif;">HOLIDAY</span></font></td>
<td style="text-align: center;"><font
size="+2"><span style="font-family: Impact;">DELOREAN</span></font><br>
<font size="+1"><span
style="font-family: Helvetica,Arial,sans-serif;">STAY CLOSE</span></font></td>
</tr>
<tr>
<td style="text-align: center;">
<p><a
href="http://www.youtube.com/watch?v=t1AuiVD-0yE"><img
style="border: 0px solid ; width: 205px; height: 155px;"
alt="idontbelieve"
src="http://img16.imageshack.us/img16/3426/idontbelievef.jpg"></a></p>
</td>
<td style="text-align: center;"><img
style="width: 204px; height: 155px;"
alt="dreamingofanotherworld"
src="http://img88.imageshack.us/img88/4030/dreamingofanotherworld.jpg"></td>
</tr>
<tr>
<td style="text-align: center;"><font
style="font-family: Impact;" size="+2">ROX</font><br>
<font size="+1"><span
style="font-family: Helvetica,Arial,sans-serif;">I DON'T
BELIEVE</span></font></td>
<td style="text-align: center;"><font
size="+2"><span style="font-family: Impact;">MYSTERY
JETS</span></font><br>
<font size="+1"><span
style="font-family: Helvetica,Arial,sans-serif;">DREAMING <br>
OF ANOTHER WORLD</span></font></td>
</tr>
</tbody>
</table>
<br>
<br>
<p style="text-align: center;"> </p>
</td>
<td width="100"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br>
</body>
</html>
![[:odiable]](https://forum-images.hardware.fr/images/perso/odiable.gif "[:odiable]")
on trouve des trucs crades sur internet 