High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Liens-images & Div sous IE??????

Dernière réponse le 18 aoû 2008 à 12:28:47 pijaku, le 2 aoû 2008 à 16:18:28 
 Signaler ce message aux modérateurs

Bonjour à toutes et à tous,
Dans le site que je travaille (en local avec le bloc notes), j'ai inséré des div qui contiennent des liens images comme ceci :
html :
<div id="drapeaux">
<a href="index.html"><img src="images/drapeaufrance.jpg"></a>
<a href="indexpl.html"><img src="images/drapeaupologne.jpg"></a>
<a href="indexen.html"><img src="images/drapeauanglais.gif"></a>
</div>
css :
div#drapeaux
{

height: 30px ;
margin-bottom: 5px;
text-align: right ;
}
J'ai procédé comme cela car je ne testait que sous Firefox. Quel bonheur, tout fonctionnait et c'était même joli!! Le problème s'est dévoilé lorsque j'ai testé sous IE... De belles croix rouges sur fond blanc sont apparues. J'ai lu quelque part que IE n'aime pas les div associées à des liens images. Par contre je ne sais pas quel code html et css utiliser pour modifier cela. Ca ne me dérange pas de refaire une feuille de style juste pour IE mais je ne sais pas quoi mettre dedans pour que tout s'affiche. Pourriez vous m'aider pour cela?
Merci d'avance.

Meilleures réponses pour « Liens images & Div sous IE?????? » dans :
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...
Problème pour ouvrir les liens dans Outlook VoirSi Outlook est dans l'impossibilité d'ouvrir un lien hypertexte, ou si les liens dans les messages ouvrent l'explorateur sans charger la page Web, il suffit de suivre l'une des procédures suivantes : Méthode 1 Méthode 2 Méthode 3 Pour...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Posez votre question Répondre

1

billwate, le 2 aoû 2008 à 17:29:37

Les belles croix rouges sur fond blanc, c'est parceque IE ne trouve pas les images.
Je ne pense pas que ce soit lié au DIV. Vérifie bien tes emplacements dans le paramètre SRC
de la balise IMG

   
Répondre à billwate

2

pijaku, le 3 aoû 2008 à 12:25:55

Salut,
Merci mais ça n'est pas un problème d'emplacement de fichier. J'ai vérifié et tout fonctionne sous firefox. Peut être du à un div qui "passerai au dessus"... Quelqu'un pourrait me donner des tuyaux la dessus?

   
Répondre à pijaku

3

billwate, le 3 aoû 2008 à 14:25:46

J'ai copié ta description et collé dans un fichier test.htm
que j'ai placé à la racine de mon site local (meme niveau que
index.htm) ainsi que le fichier css qui l'accompagne.
J'ai utiiisé les images que j'avais à ma disposition (cela ne change rien)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test div et images liens</title>
<link href="styleacc.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="drapeaux">
<a href="index.html"><img src="cm/amor.png"></a>
<a href="indexpl.html"><img src="cm/down.png"></a>
<a href="indexen.html"><img src="cm/img003.jpg"></a>
</div>
</body>
</html>

dans le css : styleacc.css
div#drapeaux
{
height: 30px ;
margin-bottom: 5px;
text-align: right ;
}

Firefox et Explorer (version 6) affichent bien
tous les deux les images liens.
Je crois qu'il faut chercher la solution du problème
dans les autres lignes de ta page.

Sous IE, si tu as eu à déplacer les images, clique
sur le bouton refresh dans la barre d'outil A chaque pas en arrière, il faut en faire au moins deux en avant

   
Répondre à billwate

4

pijaku, le 3 aoû 2008 à 22:40:51

Salut,
je pense à une option IE que je n'aurais pas autorisé......... C'est tellement la merde depuis que j'ai vista que peut être il ne veux pas m'afficher mer liens images parce que je ne l'ai pas autorisé....

   
Répondre à pijaku

5

pijaku, le 3 aoû 2008 à 23:00:16

Salut à tous..........
Euh désolé de vous déranger mais si je balance tout mon code (html et css) ici quelqu'un pourra t'il me dépanner?

   
Répondre à pijaku

6

billwate, le 3 aoû 2008 à 23:17:36

Oui, j'aimerais bien voir avec toi A chaque pas en arrière, il faut en faire au moins deux en avant

   
Répondre à billwate

7

pijaku, le 4 aoû 2008 à 09:14:43

Salut,
A n'y rien comprendre..... Au boulot ce matin j'ouvre mon "index.html" avec IE6. Pas de souci, je n'ai touché à rien... C'est peut être du à IE7 ou alors dans mes options internet à la maison je n'ai pas "autorisé le contenu" de je ne sais quoi... Je retente ce soir et te tiens au courant. En tout cas merci de ton aide.

   
Répondre à pijaku

8

pijaku, le 4 aoû 2008 à 22:09:31

Bonsoir,
Mon site fonctionne sous IE6, Fierfox, sans aucun problème. Par contre sous IE7 c'est la m*****!!! C'est ma faute, j'en suis persuadé mais je ne trouve pas mon erreur. En fait les images-liens sont placées dans un div lui même placé dans un div qui est lui placé dans 1 div "conteneur". Sous IE7 j'ai droit (non pas à une croix rouge comme je l'avais déjà indiqué) à un petit carré contenant un petit carré rouge un triangle bleu et 1 rond vert. Bref pas d'image et le lien ne fonctionne pas. Je suis perdu aidez moi s'il vous plait.....

   
Répondre à pijaku

9

 pijaku, le 18 aoû 2008 à 12:28:47

Salut,
Problème résolu tout seul..... Le code était tout bon, j'ai juste copié-collé le code html et css en entier dans un nouveau fichier et tout fonctionne... Mystères de l'informatique!!
Merci

   
Répondre à pijaku
Posez votre question Répondre
Ils ont besoin de votre aide