problème avec mailto

**ph_anrys** · 26/06/2007, 10h33

bonjour,

voilà je veux employer un mailto

voici l'url du site

http://www.solution-chauffage.com/

donc voilà j'ai employé un mailto à gauche du site (adresse email en dessous de l'adresse)

bizarement pas de main sur le lien et impossible de cliquer dessus

voici mon code

Code :

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles/style-index.css" />
<title>Document sans titre</title>
</head>
<body>
<div class="conteneur">
<div class="adresse">
29/10 rue Gauguin <br />
59200 Tourcoing - France<br />
Tél.: 03 20 94 37 81<br />
Gsm : 06 32 79 53 20<br />
<a href="mailto:solu-chauff@wanadoo.fr" style="color:#FFFFFF; text-decoration:none;">solu-chauff@wanadoo.fr</a>
</div><!-- fin adresse -->
<div class="logo"></div>
<!-- fin logo -->
<div class="menu">
<span class="style-lien1"><a href="index.php">Page d'accueil</a></span>
<span class="style-lien2"><a href="societe.php">Notre société</a></span>
<span class="style-lien3"><a href="pac.php">Pompe à chaleur</a></span>
<span class="style-lien4"><a href="credit_impot.php">Crédit d'impôt</a></span>
<span class="style-lien5"><a href="contact.php">Nous contacter</a></span>
</div><!-- fin menu-->
<div class="maison"></div><!-- fin maison -->
<div class="barre-dessus"></div><!-- fin barre-dessus -->
<div class="colonne"></div><!-- colonne -->
<div class="contenu">
<img src="images/fond-index.gif" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="251,20,474,167" href="credit_impot.php" /><area shape="rect" coords="31,31,220,153" href="rappel.php" /><area shape="rect" coords="199,207,341,260" href="pac.php" /></map>
</div><!-- fin contenu -->
<div class="barre-laterale"></div><!-- barre-laterale -->
<div class="barre-bas"></div><!-- fin barre-bas -->
<div class="footer">
<table width="750" border="0" style="font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; position:absolute; margin-top:30px; margin-left:9px;">
  <tr>
    <td>&copy; 2007 <a href="http://www.foliopub.com" style="color:#0000FF;">WWW.FOLIOPUB.COM</a></td>
	<td width="30">&nbsp;</td>
	<td width="30">&nbsp;</td>
	<td width="30">&nbsp;</td>
    <td class="style-liens-bas"><a href="index.php" style="color:#0000FF;">Page d'accueil</a></td>
    <td>|</td>
    <td class="style-liens-bas"><a href="societe.php" style="color:#0000FF;">Notre société</a></td>
    <td>|</td>
    <td class="style-liens-bas"><a href="pac.php" style="color:#0000FF;">Pompe à chaleur</a></td>
    <td>|</td>
    <td class="style-liens-bas"><a href="credit_impot.php" style="color:#0000FF;">Crédit d'impôt</a></td>
    <td>|</td>
    <td class="style-liens-bas"><a href="contact.php" style="color:#0000FF;">Nous contacter</a></td>
  </tr>
</table>
</div><!-- fin footer -->
</div><!-- fin conteneur -->
</body>
</html>

et le code css

Code :

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
/* CSS Document */
body
{ margin:0; padding:0; background-color:#434F60; } 
 
.conteneur
{ position:absolute; left:50%; width:768px; height:960px; margin-left:-384px; background-image:url(../images/arriere-plan-accueil.gif); }
.adresse
{ position:absolute; width:241px; height:90px; margin-top:155px; margin-left:12px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF; text-align:center;}
.logo
{ position:absolute; width:262px; height:123px; margin-top:7px; margin-left:4px; background-image:url(../images/logo.gif); }
 
.menu
 
{ position:absolute; width:498px; height:64px; margin-top:60px; margin-left:263px; background-image:url(../images/fond-menu.gif); }
 
.maison
 
{ position:absolute; width:282px; height:362px; margin-top:126px; margin-left:0px; background-image:url(../images/fond-maison.gif); }
 
.barre-dessus
 
{ position:absolute; width:491px; height:6px; margin-top:125px; margin-left:268px; background-image:url(../images/barre-dessus.gif);  background-repeat:no-repeat; }
 
.contenu
 
{ position:absolute; width:483px; height:740px; margin-top:133px; margin-left:276px;  background-color:#FFFFFF; }
 
.style-lien1 a
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; position:absolute; margin-top:35px; margin-left:14px; text-decoration:none;}
 
 
.style-lien1 a:hover
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0000FF; text-decoration:underline; }
.style-lien2 a
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; position:absolute; margin-top:35px; margin-left:115px; text-decoration:none;}
 
 
.style-lien2 a:hover
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0000FF; text-decoration:underline;}
.style-lien3 a
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; position:absolute; margin-top:35px; margin-left:205px; text-decoration:none;}
 
 
.style-lien3 a:hover
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0000FF; text-decoration:underline;}
.style-lien4 a
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; position:absolute; margin-top:35px; margin-left:310px; text-decoration:none;}
 
 
.style-lien4 a:hover
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0000FF; text-decoration:underline; }
.style-lien5 a
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; position:absolute; margin-top:35px; margin-left:407px; text-decoration:none;}
 
 
.style-lien5 a:hover
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0000FF; text-decoration:underline;}
 
 
 
.style-titres
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; color:#0000FF; }
 
.style-textes
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
 
.barre-bas
{ position:absolute; width:768px; height:5px; margin-top:870px; background-image:url(../images/barre-bas.gif); background-repeat:no-repeat; }
 
.barre-laterale
{ position:absolute; width:7px; height:390px; margin-top:482px; margin-left:268px; background-image:url(../images/barre-laterale.gif); }
 
.footer
{ position:absolute; width:768px; height:80px; margin-top:878px; }
 
.colonne
 
{ position:absolute; width:245px; height:360px; margin-top:498px; margin-left:11px;  }

voilà lorsque j'enlève le div ou se trouve le mailto cela marche alors le problème doit venir du div adresse mais pourquoi je comprends pas j'ai fait cela des centaines de fois et j'ai pas eu de problème

vous pouvez y jeter un oeil

merci

**Wharenn** · 26/06/2007, 10h49

Apparament il s'agit bien de ta div qui pose problème vu qu'avec Firefox, on ne peut même pas séléctionner l'adresse qui se trouve au dessus du mail.

Essaie de modifier les propriétés CSS unes à unes, ou vérifie s'il n'y a pas une div qui repasse par dessus de manière transparente et qui empeche la séléction

**Strix** · 26/06/2007, 10h57

Salut.

Rajoute z-index:1; à .adresse ou modifie ta class .maison.
C'est ton image qui passe par dessus et qui vient gêner le bon déroulement des choses

A+

problème avec mailto

HTML

Discussions similaires

Partager

Partager