Couleur dans tableau [html]

Fermé
Lucas123 - 16 déc. 2011 à 09:57
Melooo
Messages postés
1405
Date d'inscription
vendredi 28 novembre 2008
Statut
Membre
Dernière intervention
18 mars 2013
- 19 déc. 2011 à 09:09
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é.

5 réponses

Melooo
Messages postés
1405
Date d'inscription
vendredi 28 novembre 2008
Statut
Membre
Dernière intervention
18 mars 2013
83
16 déc. 2011 à 10:18
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
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
Personne ne sais me répondre =/
0
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
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
vendredi 28 novembre 2008
Statut
Membre
Dernière intervention
18 mars 2013
83
19 déc. 2011 à 09:09
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
dimanche 18 décembre 2011
Statut
Membre
Dernière intervention
26 janvier 2012
2
18 déc. 2011 à 00:29
<style type="text/css">
<!--
body
{
}
p
{
}
/*..etc*/
-->
</style>
0