18041 sujets

Questions générales et questions de débutants

[RESOLU]Juste un peu d aide pou inserer le code css

bonjour a tous
voila j ai bidouiller mon premier code en css et j essaye de la mettre dans ma feuille html mais cela ne fonctionne pas apparement
donc juste un petit peu d aide
je désire mettre des cadre autour des images de mon tableau
qui se trouve ici
http://la-peche-a-la-perle.forumgratuit.be/t58-galerie-css-essai-2#67

<!doctype html>
<html lang="en-us">
<head>

<meta charset="utf-8">
	<title>Lightbox 2</title>
	<meta name="description" lang="en" content="Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers." />
  <meta name="author" content="Lokesh Dhakar">
  <meta name="viewport" content="width=device-width">
	<link rel="shortcut icon" type="image/ico" href="images/favicon.gif" />	
 <link rel="stylesheet" href="http://essai1.web44.net/lightbox/lightbox.css" type="text/css" />
  <link href='http://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans:400,700' rel='stylesheet' type='text/css'>

<style type="text/css">

#celltop {
    border-left: 3px solid grey;
    border-right: 3px solid grey;
    border-top: 3px solid grey;
    background: #e8edff;
}


#cellmiddle {
    border-left: 30px solid grey;
    border-right: 30px solid grey;
background: #e8edff;
}

#element.style {
    height: 1px;
    width: 24px;
}
</style>
</head>
<body>

<div id="content">
<div class="section" id="example">

<table cellspacing="0" cellpadding="3" bgcolor="#dfebff" style="width: 760px; height: 431px;"><tbody><tr><td align="center" class="celltop"><br><p><strong><span style="font-size: 10pt;"><a title="Cliquer sur l image pour l'agrandir" rel="lightbox[plants]" href="http://p0.storage.canalblog.com/05/18/1093017/86843012_o.jpg"><img alt="Plants:Clic sur l'image pour l'agrandir" src="http://i75.servimg.com/u/f75/16/55/74/32/photo_14.jpg" title="Plants:Clic sur l'image pour l'agrandir"></a></span></strong></p><br><p><strong><span style="font-size: 10pt;"><span style="color: #ff0000;">EN CUIR</span><br></span></strong></p><br></td><td align="center" class="celltop"><br><p><strong><span style="font-size: 10pt;"><a title="Cliquer sur l image pour l'agrandir" rel="lightbox[plants]" href="http://p0.storage.canalblog.com/05/18/1093017/86843012_o.jpg"><img alt="Plants:Clic sur l'image pour l'agrandir" src="http://i75.servimg.com/u/f75/16/55/74/32/photo_14.jpg" title="Plants:Clic sur l'image pour l'agrandir"></a></span></strong></p><br><p><strong><span style="font-size: 10pt;"><span style="color: #ff0000;">EN CUIR</span><br></span></strong></p><br></td><td align="center" class="celltop"><br><p><strong><span style="font-size: 10pt;"><a title="Cliquer sur l image pour l'agrandir" rel="lightbox[plants]" href="http://p0.storage.canalblog.com/05/18/1093017/86843012_o.jpg"><img alt="Plants:Clic sur l'image pour l'agrandir" src="http://i75.servimg.com/u/f75/16/55/74/32/photo_14.jpg" title="Plants:Clic sur l'image pour l'agrandir"></a></span></strong></p><br><p><strong><span style="font-size: 10pt;"><span style="color: #ff0000;">EN CUIR</span><br></span></strong></p><br></td><td align="center" class="celltop"><br><p><strong><span style="font-size: 10pt;"><a title="Cliquer sur l image pour l'agrandir" rel="lightbox[plants]" href="http://p0.storage.canalblog.com/05/18/1093017/86843012_o.jpg"><img alt="Plants:Clic sur l'image pour l'agrandir" src="http://i75.servimg.com/u/f75/16/55/74/32/photo_14.jpg" title="Plants:Clic sur l'image pour l'agrandir"></a></span></strong></p><br><p><strong><span style="font-size: 10pt;"><span style="color: #ff0000;">EN CUIR</span><br></span></strong></p><br></td></tr><tr><td align="center" class="cellmiddle"><a title="Pointure41_G003 : 3 photos" href="http://talonaiguille.canalblog.com/albums/pointure41_goo3/photos/62591701-pointure41_g003.html">Pour plus de photo cliquer ici</a></td><td align="center" class="cellmiddle"><a title="Pointure41_G004 : 3 photos" href="http://talonaiguille.canalblog.com/albums/pointure41_goo4/photos/62591725-pointure41_g004.html">Pour plus de photo cliquer ici</a></td><td align="center" class="cellmiddle"><a title="Pointure41_G006 : 3 photos" href="http://talonaiguille.canalblog.com/albums/pointure41_goo6/photos/62591739-pointure41_g006.html">Pour plus de photo cliquer ici</a></td><td align="center" class="cellmiddle"><a title="Pointure41_G007 : 3 photos" href="http://talonaiguille.canalblog.com/albums/pointure41_goo7/photos/62591782-pointure41_g007.html">Pour plus de photo cliquer ici</a></td></tr><t</tbody></table>

  </div>
  	</div>
  </div>

</div><!-- end #content -->

<script src="http://la-peche-a-la-perle.forumgratuit.be/23683.js"></script>

<script src="http://la-peche-a-la-perle.forumgratuit.be/25541.js"></script>

<script src="http://la-peche-a-la-perle.forumgratuit.be/24585.js "></script>

<script src="http://la-peche-a-la-perle.forumgratuit.be/26493.js"></script>

</body>
</html>

Modifié par flexi2202 (05 Jun 2013 - 10:43)
salut,
pour du bidouillage c'est bien du bidouillage Smiley lol . Y'a quand même beaucoup d'erreurs il faudrait faire gaffe, ce n'est pas une perte de temps que d'en consacrer pour apprendre les bases.
Pour ton problème tu n'as qu'à ajouter un "border:..." à ".pun img {}"
bonjour
oui désolé
merci pour la reponse
mais comment cela se fait il que mon css n est pas pris en compte dans mon html
salut,
honnêtement je ne sais pas trop mais tu as dû l'appliquer au mauvais endroit. Encore une fois c'est très mauvais cette façon de faire, les styles doivent être dans un fichier séparé.
merci pour la reponse
voila j ai refais un truc tout simple pour savoir ou ça bloque
en principe je devrais avoir une ligne a gauche a droite et en haut
lors de l exécution j ai rien qui se passe

feuille css embraquée
#celltop {
    border-left: 3px solid grey;
    border-right: 3px solid grey;
    border-top: 3px solid grey;
    background: #e8edff;
}





<html>
<head>
 <link rel="stylesheet" href="http://essai1.web44.net/ma feuille de style/new8.css" type="text/css" />

</head>
<body>
<table>
<tr>
<td align="center" class="celltop">
<p><strong><span style="font-size: 10pt;"><a href="http://talonaiguille.canalblog.com/albums/pointure41_goo3/photos/62591701-pointure41_g003.html" title="Pointure41_G003 : 3 photos">Pointure41_G003</a></span></strong></p>
<p><strong><span style="font-size: 10pt;"><span style="color: #0000ff;">CUISSARDES</span><br></span></strong></p>
</td>
</tr>
</table>
</body>
</html>
salut,
tu ne trouves rien d'anormal ?
<td align="center" class="celltop">

#celltop {}

Pour info, il est possible d'avoir une écriture plus simple
border:3px soid grey;border-bottom:none;

et il est préférable d'utiliser les couleurs en héxa.
ahlllaaaa quand il y a longtemps

je n avais plus mis les mains dans le gambuis depuis plusieurs années c est résolu
fallait mette un . et non #

merci pour l aide et l astuce c est ok

encore merci
Sujet clos
Aller à