Pb avec les couleurs de liens

Pb avec les couleurs de liens - HTML/CSS - Programmation

Marsh Posté le 02-04-2006 à 19:18:52    

Bonjour à toutes et à tous,
Bon je suis pas trop calé en HTML alors j'ai essayé Nvu et là j'ai un truc bizarre avec IE et bien pire avec Mozilla:
Dans les tableaux non seulement les traits de soulignement des liens ne sont pas de la même couleur que le texte mais en plus cette couleur varie d'une cellule à l'autre et le trait n'est pas toujours placé pareil!!!
http://palavanne.free.fr/les%20Mus [...] oyage.html
 
Donc j'ai un peu rajouté du "#" mais ça change pas beaucoup, à votre avis comment ça s'explique??
 
Je crains que vous évoquiez le CSS mais c'est plus qu'obscure pour moi ça.
Si vous avez des tuyaux...merci merci
 
(je me demande aussi si on peut carrément supprimer le soulignement des liens?)


Message édité par Paran le 02-04-2006 à 20:26:25
Reply

Marsh Posté le 02-04-2006 à 19:18:52   

Reply

Marsh Posté le 02-04-2006 à 20:38:09    

Bon, en bidouillant j'ai trouvé pour les couleurs mais si vous savez s'il est possible de supprimer le trait......

Reply

Marsh Posté le 02-04-2006 à 21:12:36    

en css il me semble que c'est :
a:link {text-decoration: none;}
Voila..

Reply

Marsh Posté le 02-04-2006 à 22:23:31    

merci, mais alors justement comment on place ce type de prog dans du html.
Je le met entre <a> et </a > comme ça ou faut faire un truc de spécial?
 
et apparamment on peut pas faire totale confiance aux softs éditeurs de site.

Reply

Marsh Posté le 02-04-2006 à 22:35:45    

Paran a écrit :

merci, mais alors justement comment on place ce type de prog dans du html.
Je le met entre <a> et </a > comme ça ou faut faire un truc de spécial?
 
et apparamment on peut pas faire totale confiance aux softs éditeurs de site.


 
Deux solutions :

  • Externe

Tu crées un autre fichier (ici par exemple style.css) où tu insères tes instructions css et que tu lies à ton fichier html avec  

Code :
  1. <head>
  2. <link rel="stylesheet" type="text/css" href="style.css">
  3. </head>


Et donc dans style.css

Code :
  1. a {
  2. text-decoration: none;
  3. }
  4. ...


 

  • Interne

Directement dans ton lien :

Code :
  1. <a href="..." style="text-decoration:none">lll</a>


 
Voila...
 
Edit: Tu peux aussi aller voir http://openweb.eu.org/css/ pour découvrir comment ça marche  :)


Message édité par gooopil le 02-04-2006 à 22:39:47
Reply

Marsh Posté le 02-04-2006 à 22:36:29    

tu ouvres un fichier que tu nommes .css
 
Puis dans le fichier HTML dans la partie head:
 

Code :
  1. <link href="fichier.css" rel="stylesheet" type="text/css" />


 
Dans le css, tu joins la mise en page, aux différents éléments qu'ils soient des id ou des class
 
Lis ça , ça te fera pas de mal:
www.alsacreations.com
www.openweb.eu.org
www.zengarden.com
 
EDIT : grilled by gooopil  [:pti lapin]


Message édité par xtof_83 le 02-04-2006 à 22:37:30
Reply

Marsh Posté le 02-04-2006 à 23:55:38    

ouah, merci.
 
reste plus qu'à potasser... donc maintenant on peut vraiment plus rien faire sans le css

Reply

Marsh Posté le 03-04-2006 à 00:24:09    

ben ça marche avec IE mais pas avec Firefox :heink:

Reply

Marsh Posté le 03-04-2006 à 03:11:18    

Montre nous ton code...

Reply

Marsh Posté le 03-04-2006 à 12:12:51    

j'ai un peu honte c'est du bricolage...
donc le tableau avec style="text-decoration:none" en interne
 
<tr>
 <td style="text-align: center;"><a style="color: rgb(255, 255, 255);" href="../index.html" style="text-decoration:none" target="_top"><small>Accueil</small></a></td>
 
      <td style="text-align: center;"><a style="color: rgb(255, 255, 255);" href="../Bodhi%20Beyahad/Bodhi%20Beyahad.html" style="text-decoration:none" target="_top"><small>Bodhi Beyahad</small></a></td>
 
      <td style="text-align: center;"><a style="color: rgb(255, 255, 255);" href="../Duo%20des%20Marais/Duo%20des%20Marais.html" style="text-decoration:none" target="_top"><small>le Duo des Marais</small></a></td>
 
      <td style="text-align: center; vertical-align: middle;"><small><span style="color: rgb(255, 255, 255);"><font color="#ffffff">Masero</font></small></td>
 
       
      <td style="text-align: center;"><a style="color: rgb(255, 255, 255);" href="../Un%20Ciel%20Cribl%E9/Un%20Ciel%20Cribl%E9.html" style="text-decoration:none" target="_top"><small>Un Ciel Cribl&eacute;</small></a></td>
 
      <td style="text-align: center; vertical-align: middle;"><a style="color: rgb(255, 255, 255);" href="../Contact.html" style="text-decoration:none" target="_top"><small>Contact</small></a></td>
 
    </tr>

Reply

Marsh Posté le 03-04-2006 à 12:12:51   

Reply

Marsh Posté le 03-04-2006 à 16:39:12    

ça on peux le dire c'est de la belle merde ;)
 
Aller efface tous ça..et fais nous un truc propre..
 
c'est dur là, mais je te jure qu'aprés ça sera beaucoup mieux :D

Reply

Marsh Posté le 03-04-2006 à 19:10:23    

c'est pas gagné!
marche toujours pas avec Firefox

 
    <tr>
      <td style="text-align: center;"><a style="color: rgb(255, 255, 255);" href="les%20Musiques%20du%20Voyage/les%20Musiques%20du%20Voyage.html" style="text-decoration:none">rrrrrrr</a></td>
       
      <td style="text-align: center;"><a style="color: rgb(255, 255, 255);" href="les%20Musiques%20du%20Voyage/les%20Musiques%20du%20Voyage.html" style="text-decoration:none">tttttttt</a></td>
 
      <td style="text-align: center;"><a style="color: rgb(255, 255, 255);" href="les%20Musiques%20du%20Voyage/les%20Musiques%20du%20Voyage.html" style="text-decoration:none">cccccc</a></td>
 
      <td style="text-align: center;"><a style="color: rgb(255, 255, 255);" href="les%20Musiques%20du%20Voyage/les%20Musiques%20du%20Voyage.html" style="text-decoration:none">ssssss</a></td>
 
      <td style="text-align: center;"><a style="color: rgb(255, 255, 255);" href="les%20Musiques%20du%20Voyage/les%20Musiques%20du%20Voyage.html" style="text-decoration:none">ooooooo</a></td>
 
      <td style="text-align: center;"><a style="color: rgb(255, 255, 255);" href="les%20Musiques%20du%20Voyage/les%20Musiques%20du%20Voyage.html" style="text-decoration:none">lllllllll</a></td>
    </tr>
 
y a pas beaucoup de différence avec avant mais j'ai utilisé un logiciel donc il ferait des trucs pas corrects???

Message cité 1 fois
Message édité par Paran le 03-04-2006 à 19:25:05
Reply

Marsh Posté le 03-04-2006 à 19:23:08    

Paran a écrit :

c'est pas gagné!


 
Peut-être que FF n'aime pas le doublement de l'attribut style dans une même balise.
Essaie en groupant tes 2 styles ainsi:
 

style="color: rgb(255, 255, 255); text-decoration:none;"


 

Reply

Marsh Posté le 03-04-2006 à 19:28:06    

Citation :

style="color: rgb(255, 255, 255); text-decoration:none;"


 
OUI OUI ça marche ça, merci!
Il est si pourri mon code?

Reply

Marsh Posté le 03-04-2006 à 19:47:11    

HORRIBLE ;)
 
1_ met tout les attributs de style dans un css.
2_ pas de tableau pour la mise en page, seulement pour des données tabulaires.
 
3_ Va voir les liens donnés non de diou... :fou:  
 
 :jap:  :jap:  ;)

Reply

Marsh Posté le 03-04-2006 à 19:56:51    

ben oui je sais mais pour l'instant j'arrive pas à comprendre le css alors que php etc... je situe.
 
css je nage mais il faut que je m'y mette et déjà que je galère avec le html  
 
merci pour tout

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed