Conserver bordure aux images pointant vers un lien [Résolu]

Gagea · Message par **Gagea** » 08 août 2008, 10:15

Suite aux posts d'hier sur les pop-up qui m'ont beaucoup intéressée j'ai fait quelques essais et je me suis aperçue que la bordure disparaissait sur les images pointant vers un lien. Comment faire pour la conserver?

Merci.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Message par **chinon37** » 08 août 2008, 11:06

Un exemple?

Gagea · Message par **Gagea** » 08 août 2008, 11:38

OK - voici ma page d'exercices
Je m'aperçois en visionnant sur internet que le texte alternatif n'apparaît pas alors que je l'ai mis à chaque image. Encore une autre interrogation

Merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Message par **chinon37** » 08 août 2008, 11:55

1- le texte alternatif ne doit s'afficher que si l'image ne s'affiche pas. J'ai désactivé l'affichage des image sur FF etj'ai le texte "triangle de Pascal" qui s'affiche. Donc tout va bien ...
2- la bordure disparait car un style interne a été appliqué à certaines images avec une bordure à 0px. Comme la balise <img> se trouve après la balise <a>, il est normal que la bordure disparaisse. Donc tout va bien...

Allez, aubergiste, une autre bière!

Gagea · Message par **Gagea** » 08 août 2008, 15:56

Oui, tout va bien sauf que j'ai essayé de plaquer les images flottantes à droite et à gauche complètement contre les bords et que je n'y suis pas encore arrivée.
poc a poc (c'est du catalan) et merci Chinon pour tes explications et la bière.
A bientôt.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Gagea · Message par **Gagea** » 09 août 2008, 10:58

Bonjour à tous,
J'ai repris ma page d'exercices qui est un petit récapitulatif de mes essais CSS pour les images. Dites-moi s'il n'y a pas d'erreurs ou s'il a des meilleurs procédés.
Merci d'avance.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Message par **Ymai** » 09 août 2008, 11:35

Bonjour
Intellectuellement, le fait de devoir mettre une image dans un <div> pour pouvoir la centrer me paraît peu satisfaisant. Mais je n'ai pas trouvé d'alternative pour éviter ce cas particulier.
Donc, tout me paraît correct.

Une petite question toutefois: pourquoi traiter des images supportant des liens comme s'il s'agissait de cas particuliers? Avec ou sans lien, le traitement n'est-il pas le même?
Ou alors, je suggérerais simplement de traiter ce cas séparément.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.1) Gecko/2008072820 Firefox/3.0.1

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 09 août 2008, 12:20

Ymai a écrit :Bonjour
Intellectuellement, le fait de devoir mettre une image dans un <div> pour pouvoir la centrer me paraît peu satisfaisant. Mais je n'ai pas trouvé d'alternative pour éviter ce cas particulier.

Mieux: utiliser un paragraphe <p>!

Encore mieux: changer le type de display de "inline" à "block"
img.centrer { display: block; margin-left: auto; margin-right:auto;}

Je crois que cela doit coincer un peu avec les IE< IE7, à vérifier.

Gagea · Message par **Gagea** » 09 août 2008, 12:33

Ymai a écrit :pourquoi traiter des images supportant des liens comme s'il s'agissait de cas particuliers? Avec ou sans lien, le traitement n'est-il pas le même?

Tu as tout-à-fait raison mais comme tu pourras le voir sur les messages précédents j'avais eu un problème avec les images avec lien: toutes perdaient la bordure et j'en avais déduit, à tort, que c'était dû au lien. Je ne sais d'ailleurs pas encore pourquoi toutes ces images-là avaient la règle border none et pas les autres. Merci pour ta réponse. Je vais essayer d'approfondir ce qu'a ajouté Fabrice mais je ne crois pas que ça soit de mon niveau.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Message par **Ymai** » 09 août 2008, 13:14

Gagea a écrit :Je vais essayer d'approfondir ce qu'a ajouté Fabrice

Ah oui, parce que c'est LA bonne solution.

mais je ne crois pas que ça soit de mon niveau.

Mais si, mais si!!

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.1) Gecko/2008072820 Firefox/3.0.1

Gagea · Message par **Gagea** » 09 août 2008, 15:02

J'ai rajouté la deuxième méthode indiquée par Fabrice. C'est vrai qu'elle plus simple qu'avec un div. Merci.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Geckozone

Conserver bordure aux images pointant vers un lien [Résolu]

Conserver bordure aux images pointant vers un lien [Résolu]

Qui est en ligne ?