Image cliquable

artusart

Bonjour,

Je suis actuellement en phase de découverte et d'apprentissage de HTML CSS ...

Je ne trouve pas de solution pour créer un lien cliquable sur le logo (en haut a gauche). http://www.art-rc.com

Si quelqu'un peu m'aider a trouver une solution ou un bon tuto, je suis preneur!

Merci d'avance

""Longue vie à PluXML qui j'espère deviendra aussi performant que ces confrères CMS""

Hamtaro

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

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 ^^).