Rechercher : dans
Par :

Cadre bleu sous firefox + CSS diférentes

Dernière réponse le 14 avr 2009 à 16:11:44 alexislevrai, le 14 avr 2009 à 13:36:05 
 Signaler ce message aux modérateurs

Bonjour tout le monde,

je voulais savoir:

- pourquoi sous Firefox ou IE j'ai des cadres bleu autour de mes images ? et pas sur Safari ou Chrome. (http://www.musthaveonline.fr/futur)


- et aussi comment attitré une Css différente pour tel ou tel navigateur ?

Configuration: Mac OS X
Safari 528.16

Meilleures réponses pour « Cadre bleu sous firefox + CSS diférentes » dans :
Firefox - enlever les icones des liens dans la barre personnelle VoirEnlever les icônes dans la barre des raccourcis sous Firefox   Rendez-vous dans le dossier de configuration de Firefox qui se trouve : Sous Windows : C:\Documents and Settings\[Nom...
Enlever la bordure sur une image dans un lien en HTML/CSS VoirVous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Télécharger Web Developer Toolbar VoirWebDeveloper est une extension firefox représentant une formidable boîte à outils pour examiner et manipuler les pages web. On peut: Activer/Désactiver java, javascript, HTTP Referer, cache... Manipuler les cookies, les désactiver par domaines,...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...

1

mailbox13630, le 14 avr 2009 à 13:40:25

Dans ton css, ajoute:


img
{
border:none;
}

Abracacabra...Plus de bordure bleue!

Répondre à mailbox13630

2

alexislevrai, le 14 avr 2009 à 13:42:21

Magique =D, Merci.


Et d'un navigateur a l'autre, les images ne se placent pas pareille, est il possible d'avoir une CSS pour chaque navigateur ?

Répondre à alexislevrai

3

internetasso, le 14 avr 2009 à 13:43:20

Le mieux c'est carrément les virer car ils n'apportent rien, donc :
<img src="http://www.musthaveonline.fr/futur/wp-content/uploads/musique.png" width="50" height="50" title="Musique" border="0">

en ajoutant border="0" tu auras plus de probleme nul part...
Hébergements associatifs sur Serveurs Redhat Linux - Bande Passante illimitée
La création d'un site commence par la réflexion de son devenir...

Répondre à internetasso

4

mailbox13630, le 14 avr 2009 à 13:47:05

Là, je rencontre le même pb que toi.

Je ne suis pas une experte, mais il faut savoir qu'il est impossible qu'un site soit à l'identique d'un navigateur à l'autre; en tout cas, c'est l'information que j'ai lue à mainte reprises.
Il faut se faire une raison, c'est comme ça. (à moins qu'il y ait une ligne de code miracle qui vienne de sortir du four ;-))...
Les navigateurs n'interprètent pas tous les sites de la même façon.
Il faut "juste" trouver la mise en page la plus "propre" et la plus proche de ce que tu souhaites...en faisant des test d'affichage sur les principaux navigateurs utilisés.

Bon courage

Répondre à mailbox13630

5

Dalida, le 14 avr 2009 à 14:37:26

Salut,

il faut savoir qu'il est impossible qu'un site soit à l'identique d'un navigateur à l'autre
c'est pas vrai mais c'est pas faux non plus.

les navigateurs ont des interprétations différentes des règles CSS mais cela tend à se gommer.
pour des mises en page simple on peut obtenir une mise en page identique sur tous les navigateurs (hormis les questions de police de caractères qui auront toujours une petite différence à droite ou à gauche).

pour y arriver :
• utiliser un code HTML 100% valide ;
• utiliser des CSS 100% valide ;
• initialiser les valeurs des marges et espacements ;
• se méfier des positions absolues et relatives ;
• etc.

mais aussi :
• adaptez vos exigences à la réalité des navigateurs…

pour Alexis, la page contient des erreurs de HTML (ça ne résout pas tout mais c'est la base) et en ce qui concerne les hacks, commentaires conditionnels et autres bricolages pour adapter le style au navigateur il faut s'en méfier et ne les utiliser qu'en dernier recourt.
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

6

alexislevrai, le 14 avr 2009 à 15:32:08

Internetasso -->
je peux pas mettre <img src="..."> car c'est un plug in qui me génère l'image en fonction de la catégorie du post et donc la ligne est une ligne php


mailbox13630,-- >
Je te tiendrai au courant si je trouve comment adapter parfaitement pour chaque navigateur :D


Dalida -->

c'est pas ma faute si W3C ne comprend pas que je veuille mettre des mahuscules =D Firebug lui n'en trouve presque pas.

Répondre à alexislevrai

7

 Dalida, le 14 avr 2009 à 16:11:44

c'est pas ma faute si W3C ne comprend pas que je veuille mettre des mahuscules
des majuscules en XHTML (cf. §4.2), c'est sûr c'est du grand art !

que les navigateurs ne soient pas consciencieux ne nous dispense pas de l'être.
tu utilises un balisage sans respecter le règles de base et tu t'étonnes de ne pas obtenir ce que tu veux, y a pas grand chose à attendre de mieux.
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida