CSS : Ombre portée sur tableau
CSS : Ombre portée sur tableau - HTML/CSS - Programmation
Marsh Posté le 16-06-2010 à 00:37:53
question conne : tu comptes faire un site où les images sont stockées sur imageshack.us ?
tu as perdu la tête ?
---------------
Blablaté par Harko
Marsh Posté le 16-06-2010 à 09:58:59
arrête c'est carrément plus pratique ![[:odiable]](https://forum-images.hardware.fr/images/perso/odiable.gif "[:odiable]")
ça fait le site événementiel où les images changeront tous les 2 mois
plus sérieusement, si ton tableau a des dimensions fixes, pourquoi ne pas tenter une image en background ?
un peu ce style là : http://www.journaldunet.com/develo [...] rtee.shtml
on trouve des trucs crades sur internet http://webby.free.fr/trucs/javascr [...] ombre.html
---------------
NewsletTux - outil de mailing list en PHP MySQL
Marsh Posté le 16-06-2010 à 11:06:07
Merci pour les liens !
Je ne compte pas hoster mes images sur ImageShack, c'est juste que c'est un test donc vu que je n'ai pas mieux pour l'instant p
La solution avec l'image en background passe-t-elle sur tous les navigateurs ??
Dans le cas de mon code, où et comment puis-je intégrer cela ?? J'ai testé mais je n'arrive à rien ! Je tâtonne encore en html !
Merci de votre aide,
Bolletoo
Sujets relatifs:
- Un sous sous menu en CSS
- 3 <div> côte à côte en CSS
- Passage d'un tableau de pointeurs de fonctions en argument
- Menu déroulant assez déroutant sur un blog en CSS
- [CSS] border non voulu
- sous tableau array
- [Résolu] Positionnement d'une image/banniere dans le CSS
- Copie données usf dans une certaine ligne tableau excel
- Type de variable tableau
- tableau associatif + HashMap
Marsh Posté le 15-06-2010 à 21:45:50
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>