Couleur dans tableau [html]

Lucas123 -  
Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
j'ai écris un code HTML pour mon site mais les couleur du premier tableau ne s'affiche pas sur certaine version de navigateur :


<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">

a.info {
  position: relative;
  color: red;
  text-decoration: none;
}
a.info span {
  display: none; /* On masque l'infobulle. */
}
a.info:hover {
  background: none; /* Correction d'un bug d'Internet Explorer. */
  z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */

  cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
  display: inline; /* On affiche l'infobulle. */
  position: absolute;

  white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

  top: 30px; /* On positionne notre infobulle. */
  left: 20px;

  background: white;

  color: black;
  padding: 3px;

  border: 3px solid black;
  border-left: 4px solid black;
}
</style>
</head>





<center><table cellspacing='0' cellpadding='0'><tr><td style="background: url('http://membres.multimania.fr/gen13fr/persos/carre_noir.jpg'); width: 668px; height: 26px; "> <FONT COLOR="#FFFFFF">
<FONT SIZE=4>
<ul><ul><ul><B><font face="Small Fonts ">A - L'origine des Anonymous </font></B></ul></ul></ul></font></font></center></td></tr></table>

<table cellspacing='0' cellpadding='0'><tr><td style="background: url('http://ot.pamiers.free.fr/XCommuns/PixelBlanc.gif'); width: 668px; height: 228px; ">


 <FONT SIZE=2> <font color="black">
<br><br>
 <b>  <p>

<table border=0 cellspacing=0 cellpadding=0>
<tr>
<TD><b>blablablab ici la couleur est blanche alors que j'ai mis un font blakc juste avant
 </td><td>
<a href="#" class="info">
<img src="http://histoire.info.online.fr/images/whirlwind2.jpeg" height="115" width="103"><span><img src="http://histoire.info.online.fr/images/whirlwind2.jpeg">
<br>Vue de l'une des allées de la salle machine du MIT.
</span></a>
</td></table>






<br><br>blablba<a href="#" class="info">John Draper<span>
<img src="http://img.webme.com/pic/0/06it29/jd.jpg" border="0" align="center" width=100 height=100%></img><br>
John Draper, à la fin des année 60, fut l'une des<br> première personne à avoir créé des boites servant<br> à téléphoné gratuitement dans le monde.<br><br> Suite à cela, il fut condamné à 2mois<br> de prison en 1976
</span></a>
 pendants un documentaire de France 4 sur le piratage :
"C'est l'art de savoir et de pouvoir modifier un programme ou une machine de façon à ce qu'il fasse ce que vous voulez qu'il fasse et non ce pourquoi il a été créé."


<br><br>blablabla
<br><br>blablaba
(


<a href="#" class="info">CCC<span>Le Chaos Computer Club, que l'on désigne souvent par l'acronyme CCC, <br>est l'une des organisations de hackers les plus influentes de la planette.<br> En plus de faire des missions de piratages à but politique sur internet,<br>ils se questionnent sur les impactes qu'ils auront sur la société<BR>puis diffuses les résultat de leur investigation et de leurs discutions<br> sur plusieurs plateformes de communication.
<br>le hacking est pour eux, une façon d'utilisé la tecnologie comme <br>vous l'entendez pour qu'il le plus utile 
</span></a>

</html>


) fblablablaaadaefzeger


<br><br>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td>


<a href="#" class="info">
<img src="http://i25.tinypic.com/iqkk5l.png" height="115" width="103"><span><img src="http://i25.tinypic.com/iqkk5l.png"height="125" width="113">
<br>Masque représentant Guy Fawkes.
</span></a>


</td>
<td><b> 
<br><br>


<a href="#" class="info">
Guy fawkes. <span>

<img src="http://harpers.org/media/image/blogs/misc/guy_fawkes_portrait.jpg" height="115" width="103"><br>
Guy fawkes : conspirateur qui tenta de tuer <br>le Roi protestant Jacques I  le 5novembre 1605,<br> est souvent considéré par les Britanniques <br>comme un personnage héroïque. Il devient le symbole<br> de la lutte collective et anonyme contre la dictature<br>

</span></a>
<br>blablablablablablba


</tD>


</b>
</p>
</font>

</font>
</FONT></UL> </td></tr></table>
<table cellspacing='0' cellpadding='0'><tr><td style="background: 
url('http://ot.pamiers.free.fr/XCommuns/PixelBlanc.gif'); width: 668px; height: 23px; "> 

<br><br><br><br><br><br></td></tr></table>



</div>
</body>
</html>






Voila j'aimerai pouvoir comprendre si ce n'es pas trop compliqué.

A voir également:

5 réponses

Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   84
 
Salut,
Petit conseil : évite de polluer ton code html avec du css, d'autant plus que tu as créer une balise style.
Ajoute ton css dans ta balise style, ca sera déjà plus clair.
Essaye de mettre ceci :
background-image:url(lien_vers_ton_image);
0
lucas
 
Je le met à quel endroit?
Mais ça résous juste l'image =/
Pas la couleurs.

J'ai remarqué un bug image sur chrome par contre :/
0
lucas
 
Personne ne sais me répondre =/
0
le père
 
Bonjour

En ce qui concerne la font black, sa balise n'est pas refermée. Ça peut justifier que les navigateurs la prennent en compte ou non selon leurs goûts.

On ne voit pas ton <!DOCTYPE ni ta balise <html>, donc on ne sait pas suivant quel standard tu écris

Tu n'as bas de balise <body>
Tu imbriques les <ul> et tu ne mets pas de <li>
Il y a un </html> au milieu du document
Je ne te liste pas les 95 avertissements donnés par mon éditeur de texte.

Ne le prends pas mal, mais je crois que tu devrais réviser les règles du html. Il ne suffit pas de connaître les noms des balises et quelques attributs, encore faut-il les utiliser en respectant les règles.
0
Lucas
 
Pour moi ce qui compte n'est pas de savoir faire tout les fonctionnement par coeur mais que le résulta final fonctionne comme ce que je souhaité. ;)

Merci de ta réponse tout de même
0
Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   84
 
Oui mais en l'occurence la tu n'obtiens pas ce que tu veux, donc je pense vraiment que tu devrais prendre en compte les conseils de "le père"
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
mahboulrabah Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   2
 
<style type="text/css">
<!--
body
{
}
p
{
}
/*..etc*/
-->
</style>
0