Image cliquable

Réponses

• Hamtaro Member

  juin 2010 juin 2010 modifié

  C'est parce que ton image est incrusté dans le bckground de ton header.
  
  Tu as deux solutions :
  tu fais un lien sans texte (ce que tu as fait) par dessus et tu lui donnes une taille pareil que ton image de fond
  tu mets plutôt ton image dans le contenu de ton header en utilisant une balise <img>
  
  Le plus simple et moins bidouillant étant la deuxième solution (quoique...). Dans les 2 cas, cela demande un peu de connaissance en html et css (pour le premier cas)
  
  J'ai fait un essai :
  
  Essai en modifiant ton css comme suit
  

  #header h1 a {
  color: #CBD416;
  display: block;
  height: 70px;
  text-decoration: none;
  width: 550px;
  }
  
  #header h1 {
  color: white;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 0px;
  }
  
  #header {
  background: url(http://www.art-rc.com/themes/art/img/logoart2.png) no-repeat;
  color: #482018;
  margin: 0px auto;
  width: 900px;
  }
  

  Sous Chrome et Mac, aucuns soucis
  
  N.B :
  
  Petit bonus, enlève la couleur sur le background de la balise html
  

  html {
  background: #F3F3F3;
  color: #555;
  font: normal normal normal 75%/1.7em 'Lucida sans unicode', Lucida, Tahoma, Arial, sans-serif;
  margin: 0px;
  padding: 0px;
  }
  
  qui devient 
  
  html {
  color: #555;
  font: normal normal normal 75%/1.7em 'Lucida sans unicode', Lucida, Tahoma, Arial, sans-serif;
  margin: 0px;
  padding: 0px;
  }
  

  Parce que sur les grandes résolutons d'écran comme moi, on a un bandeau gris en bas de page
• super_g2 Member

  juin 2010

  le truc important est la notion de display:block dans le css.
  
  sinon, ce que t'a écrit HamHam est nickel a priori (avant test quoi ^^).