Sujet Précédent Sujet Suivant

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é.

A voir également:

5 réponses

Réponse 1 / 5
Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 84
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
Réponse 2 / 5
lucas
16 déc. 2011 à 18:14
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
Réponse 3 / 5
lucas
17 déc. 2011 à 09:56
Personne ne sais me répondre =/
0
Réponse 4 / 5
le père
17 déc. 2011 à 12:40
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
19 déc. 2011 à 00:28
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 84
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
Réponse 5 / 5
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

Discussions similaires

ou sont les bananes ?
Liline -
Le Pro -

2 réponses
Tableau croisé dynamique avec plusieurs en-têtes identiques
RisingStar84 -
danielc0 -

1 réponse
exo pix
Xtyller -
Raymond PENTIER -

2 réponses
Nom de champs du tableau croisé dynamique non valide
Kazooie123 -
SajDri -

6 réponses