Discussion :

[sinifer]

Bonjour,

j'ai un petit problème avec mon code voila je voudrai faire un ombrage sur des élément d'une foto mais ne sai pas comment mis prendre

voila le code dans mon html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
 <p><img src="img/boutons-liens-xerox.jpg" alt="" width="682" height="148" border="0" usemap="#Map"/></p>
 
 <map name="Map" id="Map2">
        <area shape="rect" coords="0,2,316,31" href="produits.php" alt="" />
    </map>

j'ai mon code css :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
.ombre { 
  color:black ; 
  font-size:50px ; 
  font-weight:bolder} 
 
a.texte { 
  display:block ; 
  text-decoration:none ; 
  color : red ; 
  font-size : 50px ; 
  font-weight : bolder ; 
  position : relative ; 
  top:-60px ; 
  left:-3px ; 
  padding: 0 2px 2px 0} 
 
a.texte:hover { 
  padding: 2px 0 0 2px}

et j'ai placé ça mais sa marchait pas:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div class="ombre">
 
</div>

donc je voudrai savoir si ce que je fais est totalement faux ou si sa devrai marchai normalement si je le place bien

merci bonne journée a tous ceu qui liront mon message et au autre aussi

[Erwan31]

Bonjour,
éviter les attributs de présentation sur les images (ici border) surtout
si tu es en XHTML strict. NE pas oublier l'espace avant le slash avant la fermeture de balise.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="img/boutons-liens-xerox.jpg" alt="" width="682" height="148" usemap="#Map" />

Pour l'ombre ce n'est pas la propriété color (souvent utiliser pour le texte) mais background qu'il faut utiliser

[sinifer]

merci erwan31

mais sa ne marche tjr pas car j'ai peu être mal expliqué
c'est une image ou dedans il y a des barres avec des noms et ces barres je fait des liens mais je veu que quant je passe dessu il y a un effet
j'ai fai ce que tu ma dit et sa ne marche pas. j'ai encore essayer d'autre manière mai rien a faire
bon il est vrai que je début mai tou de même lol
j'ai essayer de placé mon <div class="ombre"> partout mais rien a faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<div class="ombre"> 
  	<map name="Map" id="Map2">
        <area shape="rect" coords="0,2,316,31" href="produits.php" alt="" /> 
	    <area shape="rect" coords="0,38,316,67" href="inergy.php?page_insert=http://www.xerox.com/go/xrx/equipment/product_subcategory.jsp?cat=Product%20Taxonomy/Speciality%20Products/Software/Document%20Management&Xcntry=CHE&Xlang=fr_CH" alt="" />
	    <area shape="rect" coords="1,74,317,101" href="inergy.php?page_insert=http://www.xerox.com/go/xrx/equipment/product_subcategory.jsp?cat=Product%20Taxonomy/Speciality%20Products/Software/Document%20Management&Xcntry=CHE&Xlang=fr_CH" alt="" />
 
    </map></div>

j'ai changé aussi color en background mais tjrs rien

mais merci quant même et si tu vois l'erreure ta solution est la bienvenue

[Erwan31]

Bonjour,
je ne comprends pas bien ton problème.

Au passage, pourrais tu essayer de soigner un peu plus ton orthographe, ne serait-ce qu'un minimum, merci.