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 -
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;
}
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;
}
{
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:
- Pb avec mon site sous mozilla et IE
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Downloadhelper mozilla - Télécharger - Outils pour navigateurs
- Site x - Guide
2 réponses
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...
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...
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
ç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