bordure lien image

Répondre
Meeper
le 11/08/2006 à 18:33
Meeper
Salut,
voila mon soucis c'est que lorsque je crée un lien image
<a href="http://blabla.com"><img src="image.gif" alt="image" /></a> j'ai une bordure sur mon image
j'ai une css je met
A{color: #ffffff}
A:link{color: #ffffff}
A:visited {color: #ffffff}
A:hover {color: #ffffff}

avec firefox cette bordure disparait .. super
mais bien sur sous IE elle reste smiley
j'ai bien essayer dans la page html de mettre border="0" mais quand je valide w3c ca met une erreur
j'ai essayer plusieurs bidouillage et je ne parviens tjrs pas a faire disparaitre cette bordure je suppose que ca doit etre tout con ??
merci pour l'aide
Meeper
le 11/08/2006 à 19:12
Meeper
Ce forum je l'adore il suffit que je pose une question dessus et 5 min après je trouve la soluce :o)
merci quand meme lol
Michel_57
le 12/08/2006 à 00:54
Michel_57
si tu l'as trouvée tu peux peut-être l'indiquer, histoire que le forum contienne le maximum de questions avec solution ;)
pour ceux qui utilisent le moteur de recherche :p
Merci LEPHPFACILE et tous ses membres :)
Meeper
le 12/08/2006 à 10:42
Meeper
Oui bien sur mais je suis heuu comment dire un gené tellement c'est simple la solution smiley
en fait j'ai laissé tomber ma solution avec le
A{color: #ffffff}
A:link{color: #ffffff}
A:visited {color: #ffffff}
A:hover {color: #ffffff}

dans ma feuille de style et j'ai mis
.lienimage
{
bordure: 0px;
}

tu vois c'est très débile mais je me disais que si je mettais le bordure à 0 directement sur ma page htm et qu'elle n'etait pas validée W3c et bien que en mettant le bordure à 0 dans ma css ca ne la validerai pas non plus et pourtant elle est bien valide et c'est ok pour Ie et FF
en fait c'est du au fait que je me decide enfin de faire des pages valides mais que je me lance dans l'aventure sans trop de connaissances au passage si quelqu'un a une bonne doc pour moi, une doc de newbie smiley @ +
Keika
le 13/08/2006 à 03:37
Keika
tu as mis bordure :0px; dans un css et ca t'as enlevé la bordure autour d'un image ????

normalement faut plutot faire ca :

div#tonID img {
border: 0px ;
}


et non pas mettre ca en francais... là j'ai pas compris. ou alors IE ce mets à faire la différence des langues dans les codes des pages.. sympa

et pareil, pour tes liens pas la peine de mettre des majuscules... d'ailleur ton css ne devrait pas etre valide si tu mets des A majuscules... m'enfin bon
Le PHP --> C'est dur !
Keika
le 13/08/2006 à 03:38
Keika
et derniere chose:

pas besoin du :

a:hover { color: #FFFFFF;}

surtout si la couleur ne doit pas changer quand la souris passe dessus...
Le PHP --> C'est dur !
Meeper
le 13/08/2006 à 12:31
Meeper
Non lol le bordure c'est une erreur sur le post
je vais essayer ton truc c'est par convention qu'on met le div# devant le nom de l'id ??
salut
Meeper
le 13/08/2006 à 23:32
Meeper
Me revoila avec mes soucis de css

voila j'ai trouver un tuto sur le site du zero pour faire une mise en page uniquement en css
et maintenant j'essaie de realiser mes mises en pages et j'ai quelques soucis qui sont pas expliqués dans ces tutos smiley
donc voici mon code
http://www.lephpfacile.com/wall/wall.php?id=3042
c'est à se prendre la tête surtout que ce qui fonctionne sous Ie fonctionne pas forcément sur FF et l'inverse aussi smiley
et aussi j'abuse la mais avec mes balises <ul><li> sous Ie les puces n'appairaissent pas et sous FF elles apparaissent ?? comment les faires disparaitres ??
merci de votre aide ;) et vive le css smiley
Keika
le 15/08/2006 à 09:58
Keika
alors, voyons ca:

.image
{
border: 0;
}

Ca je suppose que c'est pour que toutes tes images n'aient pas de bordure. Pour que ton navigateur le comprenne, tu attribues une class (.image dans le css) à chacune de tes images (un truc genre <balise class="image">). Ca doit te prendre la tete, non ? ^_^

Comme toutes tes images doivent apparaitre grace à une balise de ce genre:

<img src="image.jpg" alt="image" title="image" />


Je te propose de regarder dans quoi tes images s'affichent. S'affichent-elles dans un div, un paragraphe (<p>), un tableau (<table>) ? Et ensuite de faire une règle plus générale. Je te donne l'exemple de regle si c'est dans un div (et là l'exemple fera que tu n'auras aucune bordure pour toute image se situant dans un div):

div img { border: 0 ;}


Ensuite :

float: left; /* flottement du logo à droite */

Dans mes derniers cours d'anglais je me souviens avoir lu que LEFT signifiait GAUCHE et non droite... :D

Next ^_^:

#rubriques /*ce bloc prend toue la largeur */
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

Je ne sais pas comment est fait ton site donc je fais dans la supposition. Mais tu devrais mettre cette regle dans body, non ? Si tu veux que ce soit ces polices qui s'affichent partout sur ton site...

... :

ul#menu li
{float: left ;text-align: center ;}]

bon là tu consideres que ul est comme un div alors que non ! Le div sert pour le placement, alors que ul n'est que de la présentation. Enfin je ne suis pas clair mais ton truc ne peux pas fonctionner. Avec le HTML d'en dessous essaye plutot ca (dans le css):

#rubriques ul a{
margin-left: 20px ;
}

Et surtout, les puces ca mets les texte à la VERTICALE et non à l'horizontale... l'exemple que je t'ai mis fonctionne chez moi et les menus sont à l'horizontale ^_^. Et aussi vire (dans le HTML)
id="menu" --> qui ne sert à rien...
et tous les <li></li> qui entourent les <a> et sa roulera.

Autres chose:

Ton div infos2 est décalé par rapport à infos1. Essaye de trouver pourquoi, c'est pas tres compliqué c'est une de tes trois lignes dans le css pour infos2 qui ne devrait pas etre là ^_^


Si tu as toujours des problemes et que tu ne trouves vraiment pas, demande moi j'ai gardé les sources qui fonctionne chez moi ^_^

Ciao
Le PHP --> C'est dur !
Meeper
le 16/08/2006 à 15:53
Meeper
Bonjour et merci pour tes conseils

pour le logo à droite bien vu smileyapparement la gauche et la droite c'est pas tjrs mon fort (et le css non plus smiley )soit le logo se trouve bien a gauche :)
pour le div img tu as bien raison c'est bien plus pratique merci
en fait pour m'exercer j'ai donc suivi le tuto su siteduzeroet j'ai essayer de mettre en pratique d ela même façon qu'il construise leur exemple donc eux c'est un premier bloc pour la banniere en dessous un bloc à gauche pour le menu et a cote de ce bloc un autre bloc pour le contenu et un bloc en dessous pour le pied de page moi ne sacahnt pas tro p comment positionner j'ai creer un bloc a gauche pour le logo un a droite pour la banniere en dessous un bloc a gauche pourmettre des icones etjusta a cote donc a droite :) pour d'autres icone , en dessous un bloc qi prend la largeur des autres blocs du dessus et finalement un bloc pied de page qui prend aussi toute la largeur voila en gros comment j'ai construit toute cela
|bloc 1| bloc 2 | logo,banniere
-----------------
|bloc 3| bloc 4 |icones , date
-----------------
|bloc 5 rubrique|
-----------------
|bloc 6 contenu |
-----------------
|bloc 7 footer .|
-----------------
Déjà je pense qu'avant de me lancer j'aurai du demander si ma façon de construire le site est bonne ?
en fait j'ai deux probleme de decalge un du au margin top:5px; dans ,info2 mais l'autre decalage en fait .. uniquement sous IE mes deux blocs en float donc entete1 et info1 sont en decalage par rapport au reste
j'ai chercher sur le net apparement c'est un bug de Ie Three pixel jog en fait les deux bloc en flottant left(donc droite smiley lol)subissent un decalage de 3 pixels et ils disent de mettre un height à 1% dans le bloc general mais dans ma construction j'ai pas de bloc général
en bref je vais encore chercher à tous ca ce qui me deroute c'est comment placer des elements a droite et comment en placer a gaauche dans le meme bloc c'est pour ca que je veux faire un bloc a gauche et un a droite a cause des mon habitude avec les tableaux :)

en tous cas un grand merci je replonge dans mes css et a plus tard
smiley
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours