Pb avec mon site sous mozilla et IE

Résolu
fanfanloup Messages postés 15 Date d'inscription   Statut Membre Dernière intervention   -  
fanfanloup Messages postés 15 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour, mon fils m'a fait un site mais ça ne marche pas bien du tout. IL y a le fanfanloup sous le papillon qui ne s'affiche pas et les photos disparaissent enfin l'encadrement car la photo elle ne s'ouvre pas. sur la page des bagues qui est le 2° carré sur la page perle c'est flagran. au secours, de quoi ça vient. voici mon site
http://frouss2.free.fr/bagues.html c'est la page des bagues justement, il manque aussi le mot retour à coté du bouton bleu, je ne comprends pas car les 2 autres s'affichent bien.
merci pour votre aide
voici la page css des bagues
#logo
{
float:left;
background-image:url("papillon30.gif");
background-repeat:no-repeat;
margin-left:40px;
margin-top:-532px;
width:80px;
height:80px;
border:none;
}

#logo1
{
float:left;
background-image:url("logo_fanfanloup_text.png");
background-repeat:no-repeat;
margin-left:20px;
margin-top:-442px;
width:110px;
height:40px;
border:none;
}

#papillonmail
{
float:left;
background-image:url("email_animaux17.gif");
background-repeat:no repeat;
margin-left:19px;
margin-top:-20px;
padding:0px;
width:150px;
height:60px;
border:none;
}

body
{
background-image:url("fond fanfanloup.jpg");
background-repeat:no-repeat;
margin-left:auto;
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: 0.7em;
}

#bt1
{
background-image:url("boutons/bt3.jpg");
background-repeat:no-repeat;
float:left;
margin-top:-260px;
margin-left:15px;
width:80px;
height:20px;
border:none;
}

#bt2
{
background-image:url("boutons/bt1.gif");
background-repeat:no-repeat;
float:left;
margin-top:-200px;
margin-left:15px;
width:80px;
height:20px;
border:none;
}

#bt3
{
background-image:url("boutons/bt1.jpg");
background-repeat:no-repeat;
float:left;
margin-top:-100px;
margin-left:15px;
width:80px;
height:20px;
border:none;
}

#email1
{
background-color:#ffd3fd;
}

#validnews
{
background-image:url("boutons/bt7.jpg");
background-repeat:no-repeat;
float:left;
margin-top:-36px;
margin-left:168px;
width:85px;
height:25px;
border:none;
}

#email
{
color:#e543bc;
margin-top:486px;
margin-left:-810px;
border:none;
}

#liencreation
{
background-image:url("liencreation.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-330px;
margin-left:20px;
width:130px;
height:40px;
border:none;
}

#lientricot
{
background-image:url("lientricot.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-210px;
margin-left:92px;
width:100px;
height:40px;
border:none;
}

#lienperle
{
background-image:url("lienperle.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-270px;
margin-left:92px;
width:100px;
height:40px;
border:none;
}

#lienretour
{
background-image:url("lienretour.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-110px;
margin-left:92px;
width:100px;
height:40px;
border:none;
}

#lientirets
{
background-image:url("lientirets.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-140px;
margin-left:18px;
width:260px;
height:30px;
border:none;
}

#bt1:hover
{
background-image:url("boutons/bt3.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-260px;
margin-left:15px;
width:80px;
height:20px;
border:none;
}

#bt2:hover
{
background-image:url("boutons/bt3.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-200px;
margin-left:15px;
width:80px;
height:20px;
border:none;
}

#bt3:hover
{
background-image:url("boutons/bt3.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-100px;
margin-left:15px;
width:80px;
height:20px;
border:none;
}

#gallery
{
margin-top:-506px;
margin-left:630px;
}

.gallerycontainer{
position: relative;
width:360px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #fdffbf;
margin: 0 2px 2px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #ff356a;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -446px; /*position where enlarged image should offset horizontally */
top:0px;
z-index: 50;
}

#logocomms
{
background-image:url("logo-postercommentaire.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:7px;
margin-left:210px;
width:240px;
height:40px;
border:none;
}
A voir également:

2 réponses

internetasso Messages postés 1054 Date d'inscription   Statut Membre Dernière intervention   177
 
c'est forcément dur dur de se faire une idée, puisque le charmant bambin vous a mis un script qui empeche le clic droit...donc solution radicale qui consiste à éditer le fichier source de votre page, montre que tous les liens sont à rectifier...
Exemple :
Dans votre page :
<a href="index.html"><img scr="papillon30.gif" id="logo1"/></a>
<a href="perle.html"><img scr="boutons/bt1.gif" id="bt1"/></a>
<a href="tricot.html"><img scr="boutons/bt3.jpg" id="bt2"/></a>
<a href="perle.html"><img scr="boutons/bt1.jpg" id="bt3"/></a>

le chemin de vos photos était valable quand votre site était sur votre ordinateur, mais quand on upload le tout sur le serveur on met le lien physique réel (c'est à dire l'adresse url complète du lien photo)
<a href="index.html"><img scr="http://frouss2.free.fr/images/papillon30.gif" id="logo1"/></a>

sachant que dans cette ligne le dossier "images" est en théorie celui qui est sur votre serveur free, jeter un oeil sur votre FTP pour savoir dans quel dossier il a mis les photos et inscrivez le vrai nom de dossier...
Ainsi le réel chemin de vos images sera indiqué et elles pourront enfin apparaitre sur votre page...
Au boulot et bon courage
keep cool and relax !!!

La création d'un site commence par la réflexion de son devenir...
0
fanfanloup Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
bonjour
Pour les écrtitures, je suis arrivée à en placer quelques unes, c'est trés long. Mais pour les images impossible. Je vais attendre mon fils mais je ne sais pas quand il vient, quelle galére mais le coté positif c'est que j'apprends des choses.
bon dimanche
0
fanfanloup Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
bonsoir
ça y est ça marche j'ai plus qu'à mettre toutes mes pages à jour. Les photos ne s'affichent que si elles sont en PNG alors je transforme. J'ai trouvé toute seule et je suis contente. Merci de votre aide quia été bien utile.
bonne soirée
0
fanfanloup Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
bonjour
Merci beaucoup pour votre réponse et votre aide. Je vais essayer de rectifier pour les images sinon je vais attendre que fiston vienne et lui montrer la réponse. Je donnerai des nouvelles de mon site.
bonne journée
0