Bonjour,
 
j'bosse sur une newsletter avec css intégré dans le fichier html.
Il y'a 6 box, et chacunes de ces box sont des liens.
 
Les 6 box sont des copiés/collés, mais il y'a une des box qui refusent de se mettre en lien entièrement, le lien n'est que sur le texte contenu dans la box.
Et cela ne fonctionne pas seulement sous firefox, c'est correct sous chrome, safari, et iexplorer (le comble!!).
 
J'ai passé le CSS au validateur W3C, et aucune erreur est trouvée! HELP!!! Siouplééééé!!!

On peut avoir du code ou on doit deviner?

Vas-y, je te laisse deviner Irma!  
 
<style type="text/css">
* {margin: 0; padding: 0;}
a:hover {text-decoration: underline;}
strong {font-weight: bold;}
</style>
 
Le souci, c'est surtout que j'ai mis en forme du texte dans une balise <a href> pour que l'ensemble de la box soit un lien, ça marche sur toutes les box, exceptée une:
 
<div style="width:225px; height:137px; margin: 0; background: url(http://www.toutçatoutça.jpg) no-repeat;"><a style="text-decoration:none; color:black;" href="http://etencoretoutça.html" title="HelpMe"><p style="height:45px; padding: 5px;"><img style="float: left; margin-right: 5px;" src="http://www.encoreun.jpg" alt="HelpMe" /><span style="font-size:13px; font-weight:bold; text-align:left;">HelpMee<br />Please</span></p><p style="text-align: center; font-weight:bold;"><span style="font-size:35px; color:#d00000;">tout pleins des &euro;</span><br /><span style="display: block; margin-top: 10px; font-size:12px;">Je vous en prie, de l'aiiiide!</span></p>

ta balise a ne se ferme pas, et c'est ptêtre paas la seule. Alors oui c'est du html valide mais c'est MAL. Ferme ta balise et réessaye.

Ah non, j'ai juste pas copié/collé jusqu'au bout, mais la balise <a> est bien fermée tout de suite après le </p>... (Woops!)

 
La comme ça j'ai aucune idée, c'est dur sans un exemple qui marche pas.
Je reposte le code indenté:
 

Le problème, c'est que je ne peux pas vous montrer pour le moment! Mon entreprise créé cette newsletter pour un client, et pour le moment, j'ai pas le droit! x_x Je sais bien que ce serait plus simple avec un exemple :-/ Si je pouvais, je l'aurais fait, ça m'aurait facilité la vie à moi aussi!

Tu ne peux pas mettre des <p> dans des <a>
Ce n'est pas normal que la validateur ne trouve aucune erreur

C'est clair, j'allais justement le faire remarquer Et puis tous ces styles dans le html au lieu du css, c'est pas propre...

 
C'est une newsletter... Je suis donc un peu forcée de mettre le css dans le html non? Oo
Après, les <p> dans les <a>, on me demande à ce que toute la box soit cliquable, et pas seulement le texte à l'intérieur! Et j'avoue ne pas voir d'autre solution... Donc je suis à votre écoute.

 
1. Tu peux déclarer une partie <style></style> ou tu mets tout ton css.
2. Tu peux mettre l'action désirée sur le onClick de l'élément de plus haut niveau, avec un :hover{text-decoration: ...} pour émuler le sous-ligné des liens.

C'est une newsletter, tout ce que tu proposes est faux, il faut que cela fonctionne sous Word. En effet, c'est le moteur html de Outlook.
Sinon, eurizooz, tu retires les <p>, pour une newsletter, on s'en contrefiche

pas compris le rapport entre une newletter et Word

 
Comme proposé, mettre le css dans <style>...</style> ou faire appel, depuis la newsletter, à un fichier css situé sur le serveur où est hébergée l'appli

C'est expliqué après pourtant.
Dans la suite Office, il y a une application pour lire les mails. En entreprise, c'est sans doute le logiciel le plus utilisé et il se nomme Outlook.  
Cette application permet de lire les newsletters.
Ces newsletters sont en html, et donc il faut un moteur pour le comprendre. Dans ce cas, c'est celui d'une autre application livré avec la suite office qui est employé : Word  
http://msdn.microsoft.com/en-us/li [...] e.12).aspx

@Rufo: outlook utilisait jusqu'a il y a peu le moteur de rendu html de word, différent de celui d'IE.

edit: grillé.

@david Boring: Je me rappelais pas que le moteur de word était aussi pourri... Merci pour le lien.

De cette façon, personne sous Gmail et Lotus n'a de style, pas top comme idée.
http://www.campaignmonitor.com/css/
 
Faire des newsletter n'est vraiment pas si facile  

Ben non, plus que jamais  
http://www.windowsitpro.com/articl [...] ngine.aspx

 
Il était question de changer, je pensais qu'ils l'avaient fait. Au temps pour moi.

 
Sous Gmail, je sais, mais pour avoir écrit une appli Intranet (Astres, cf ma signature), je peux te dire que le coup des <style>...</style> marche très bien sous Lotus Notes (en tout cas, la v5.? et la v6.5).

 
Merci pour la précision. Je connais bien entendu Outlook et Word mais je croyais qu'ils utilisaient le moteur de rendu HTML d'IE. Donc, non content d'avoir développé un moteur de rendu moisi, ils en ont fait 2!

J'ai retiré tous les <p> et j'ai mis des <span> à la place...
Maintenant, faut que je trouve un moyen d'agir sur mes <span>.
 
David Boring, t'es bien le seul à avoir compris mon problème. J'avais peur de ne pas m'être bien expliquée.