28219 sujets

CSS et mise en forme, CSS3

[résolu] Créer un logo cliquable, bordure de 2px dés que lien

Bonjour,

ça fait exactement 4 heures que je ne trouve pas le bug, j'en peu plus.
Quoique je fasse j'ai une ligne de 2 pixels en dessous de mon image sur tous mes navigateurs.

C'est très clair : dés que je transforme mon image en lien (que ce soit un background ou une image dans le code) il me met ça, malgrés les border 0, c'est vraiment usant !

CSS


#entete  {
	background: #669 url(../IMG/d/h.gif) top left no-repeat;
	color: #000;
	height: 74px; (largeur de mon image)
	padding-bottom: 10px;
	}


Xhtml :


<div id="entete"><a href="#" title="Retour &agrave; la page d&acute;accueil">Mon site</a></div>

Modifié par Samuel Berg (28 Oct 2005 - 09:24)
Ouuuuuuuuuuuuf !!!!!!

Enfin la solution :
<div id="header pour mettre un background et à l'intérieur un lien sur une image découpé du logo coupée un peu en bas pour qu'en se calant en haut le trait blanc n'apparaisse pas. J'ai donc ensuite créer un #header img { dans lequel j'ai mis un vertical-align: top ! Smiley biggrin

Espéront que ça passe la validation W3c tout ça Smiley ohwell
Modifié par Samuel Berg (27 Oct 2005 - 17:12)
Administrateur
Samuel Berg a écrit :

En plus j'ai mis les dimenssions de l'image, c'est demandé pour l'accessibilité mais il me dit que pour le Xhtml Strict c'est pas valide il faut mettre des mesures en % !!! Smiley eek
Qu'est-ce que c'est que cette histoire ? Smiley sweatdrop

Pour ton problème, cela va être difficile sans exemple en ligne ou visuel : je n'arrive pas à reproduire ton "bug" chez moi Smiley decu

a écrit :
Heu comment vous faites pour faire un bandeau cliquable vous ?
En général :
- Si l'image d'arrière-plan n'est que décorative : un simple élément <a> dimensionné, avec un arrière-plan.
- Sinon, l'image d'arrière-plan est pertinente : un élément <img> entouré d'un <a>

PS : ton problème ne serait-il pas par hasard comparable à ça ? http://forum.alsacreations.com/faq/#item58
Modifié par Raphael (27 Oct 2005 - 17:13)
a écrit :


Erreurs (2)


Ligne
31

Colonne: 100
Erreurs: Valeur non-valide "74 px" dans l'attribut "height".
Seuls sont permis les nombres entiers ou les mentions en pourcentage (par exemple 10%).
Position de l'erreur: ...g src="IMG/i/l.png" width="321 px" height="74 px" alt="Logo, cliquez pour retourner à l´a

Colonne: 84
Erreurs: Valeur non-valide "321 px" dans l'attribut "width".
Seuls sont permis les nombres entiers ou les mentions en pourcentage (par exemple 10%).

Position de l'erreur: ...eil du site"><img src="IMG/i/l.png" width="321 px" height="74 px" alt="Logo, cliquez pour
Administrateur
"74 px" --> jamais d'espace entre la valeur et l'unité.
Du coup, il croit que tu n'as pas mis d'unité.
Modifié par Raphael (27 Oct 2005 - 17:15)
Salut,

Il me semble que si tu mets les dimensions dans la BALISE img, tu ne dois pas mettre les unités. (sauf pour les pourcentages;) Par contre je ne sais pas si le fait de mettre les dimensions dans la balise img est valide XHTML strict..
Bonjour,

1. les attributs height et width de l'élément img sont valides en HTML4.01 - XHTML1.0 - XHTML1.1 - strict comme transitional.

2. les valeurs de height et width ne doivent pas être suivies de l'unité px.

Exemple de code valide XHTML1.0 :
<img src="foo.png" width="100" height="100" alt="lorem ipsum" />
Sujet clos
Aller à