Disparition de la moitier d'une page lors du passage au dessus d'un lien.

djangoboy Messages postés 54 Date d'inscription lundi 14 avril 2003 Statut Membre Dernière intervention 25 septembre 2007 - 31 janv. 2006 à 06:33
djangoboy Messages postés 54 Date d'inscription lundi 14 avril 2003 Statut Membre Dernière intervention 25 septembre 2007 - 31 janv. 2006 à 21:44
Bonsoir à tous,


Mon problème est simple je veux savoir si quelqu'un à déja vu ce qui se passe sur ce site quand on passe sur ces liens ! http://www.ruche-vacances.com/test/ avec internet explorer. Si oui, quelq'un peut m'expliquer comment je dois faire pour y remedier, merci d'avance.

Bonne soirée a vous !


.: Dj.Ango :.

6 réponses

malalam Messages postés 10839 Date d'inscription lundi 24 février 2003 Statut Membre Dernière intervention 2 mars 2010 25
31 janv. 2006 à 09:55
Hello,

en tous cas, c'est rigolo ;-)

Je n'ai pas troiuvé pourquoi, en regardant le code source html, ni en regardant ta css. Ceci dit, ce qui est sûr, c'est que IE, au passage sur les lien (hover, ou onmouseover) cache ta div contenant. J'ai vu que tu avais des fonctions js hide() et show() non utilisées apparemment. Et dans ta css, un style #cachee. Cherche de ce côté là. Quelquechose passe en display: none;
supergyver Messages postés 29 Date d'inscription jeudi 19 février 2004 Statut Membre Dernière intervention 14 février 2007
31 janv. 2006 à 17:42
Pour moi, ça vient bien du CSS.

J'ai fait différents tests et je pense avoir identifier la ligne qui cause l'erreur:



A.menu:hover {

FONT-SIZE: 12px; COLOR: #cccc99; FONT-FAMILY: arial; TEXT-DECORATION: underline

}



Si tu la supprime de ton CSS, il n'y a plus l'erreur...

Par contre, comme ça, je ne vois pas ce qui ne lui plaît pas dans cette ligne.
djangoboy Messages postés 54 Date d'inscription lundi 14 avril 2003 Statut Membre Dernière intervention 25 septembre 2007
31 janv. 2006 à 18:53
MErci beacoup pour votre aide,

mais je m'explique un peu d'avantage, A.menu:hover, c'est quand on passe av ec la souris sur le lien, pour que celui-ci change de couleut ou de casse. Mais c'est vrais que ma ligne n'a rien de faux.

Sinon jutilise pas de onmoseover me semble t'il, koi ke je l'ai petetre oublier de l'elever, c'set vrai, c'est une piste. Je vais voir ce que ca donne. Cependant c'et tout de meme très surprenant a mon gout.

Je vous tien au courant des péripeties.

MErci pour votre aide, et idée car je ne comprenai plus rien a ce que je faisais !

Bonne soirée !
FhX Messages postés 2350 Date d'inscription mercredi 13 octobre 2004 Statut Membre Dernière intervention 18 avril 2015 3
31 janv. 2006 à 19:04
Le point virgule qui manque p-e ?
A.menu:hover {
FONT-SIZE: 12px; COLOR: #cccc99; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
par :
A.menu:hover {
FONT-SIZE: 12px; COLOR: #cccc99; FONT-FAMILY: arial; TEXT-DECORATION: underline;
}

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
djangoboy Messages postés 54 Date d'inscription lundi 14 avril 2003 Statut Membre Dernière intervention 25 septembre 2007
31 janv. 2006 à 21:35
RE a tous, j'ai remarquer que IE interprete les style css très différament car il mélange certain elements, mais ce n'est pas grave, j'ai ajouté le point virgule, merci FhX, mais rien n'a changer, j'ai maintenant réenvoyer sur internet avec d'autre pages, car j'ai fini les traduction et là cela fonctionne. Mais un autre probleme aparament relier a celui ci est arrivé, les lien ne sont pas souligné, tout effet de style et nié sur certain lien, qui dépendent des langues.



Je vous passe le fichier CSS:

body {
/*STRUCTURE*/
background-color: #000000;
/*font*/
color: #FFFFFF;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
/* BARRE DE SCROLL */
scrollbar-face-color: #577432;
scrollbar-highlight-color: #89a25d;
scrollbar-shadow-color: #3c5022;
scrollbar-3dlight-color: #577432;
scrollbar-arrow-color: #CCCC99;
scrollbar-track-color: #89a25d;
scrollbar-darkshadow-color: #2b3c15;
}
#container {
position: relative;
clear: left;
width: 750px;
margin: auto;
padding: 0;
background-color: #21205A;
border: 1px solid #CCCC99;
}
#top {
position: relative;
clear: left;
}
#img_golf {
position: relative;
float: left;
padding-top: 50px;
padding-left: 20px;
height: 100px;
font-size : 22px;
text-align: center;
}
#img_ruche1 {
position: relative;
float: right;
width: 200px;
height: 134px;
margin-right: 2px;
margin-top: 4px;
padding-right: 2px;
padding-left: 2px;
padding-top: 3px;
padding-bottom: 2px;
vertical-align: center;
border: 1px solid #CCCC99;
}
#img_ruche2 {
position: relative;
clear: left;
width: 196px;
height: 132px;
vertical-align: center;
background-image: url(img/ruche5.gif);
background-repeat: no-repeat;
background-position: center top;
}




#titre {
position: relative;
clear: left;
height : 30px;
margin-right: 4px;
margin-left: 4px;
border: 1px solid #CCCC99;
background-color: #3B3B7A;
vertical-align: bottom;
/* font */
font-size: 24px;
color: CCCC99;
font-weight: bold;
text-align: left;
}
#flag {
position: relative;
float: left;
height : 30px;
width : 162px;
margin-right: 4px;
margin-left: 4px;
background-color: #3B3B7A;
vertical-align: bottom;
/* font */
text-align: left;
font-size: 2px;

}
#titre_texte {
position: relative;
float: left;
margin-right: 4px;
margin-left: 4px;
background-color: #3B3B7A;
vertical-align: bottom;
/* font */
font-size: 24px;
color: CCCC99;
font-weight: bold;
text-align: left;
}

#middle {
position: relative;
clear: left;
}
#menucontainer {
position: relative;
float: left;
margin-top: 4px;
width: 170px;
}
#menu {
position: relative;
clear: left;
width: 140px;
height: 240px;
padding-top: 20px;
text-align: left;
}
#principale {
position: relative;
float: left;
width: 573px;
background-color: #3B3B7A;
border: 1px solid #CCCC99;
margin-top: 4px;
margin-bottom: 4px;
}
#bottom {
position: relative;
clear: left;
background-color: #3B3B7A;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 12px;
border-top: 1px solid #CCCC99;
/* font */
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
text-align: right;
color: #FFFFFF;
}

#photo {
position: relative;
clear: left;
width: 559px;
margin-top: 3px;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 3px;
padding-top: 4px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
border: 1px solid #CCCC99;
text-align: center;
}
#texte {
position: relative;
clear: left;
width: 556px;
margin-top: 3px;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 3px;
padding-top: 4px;
padding-left: 3px;
padding-right: 6px;
padding-bottom: 3px;
border: 1px solid #CCCC99;
/* font */
font-family: Arial, Verdana, Helvetica, sans-serif;
text-align: justify;
font-size: 13px;
color: #ffffff;
}
#punten {
position: relative;
float: left;
text-align: left;
}
#arrangement_cadre {
position: relative;
float: left;
width: 200px;
margin-right: 5px;
margin-left: 1px;
background-color: #89a25d;
border: 1px solid #CCCC99;
/* font */
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #103835;
}
#arrangement_titre {
position: relative;
clear: left;
width: 205px;
background-color: #577432;
border-bottom: 1px solid #CCCC99;
/* font */
color: #FFFFFF;
text-align: center;
}
#arrangement_texte {
position: relative;
clear: left;
width: 195px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
/* font */
}
#maatwerk {
position: relative;
clear: left;
width: 195px;
border-top: 1px solid #CCCC99;
background-color: #CCCC99;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 2px;
/* FONT */
}
#float_left {
float: left;
padding-right: 2px;
padding-bottom: 10px;
}
#float_right {
float: right;
padding-left: 10px;
padding-bottom: 10px;
}
#clear_left {
clear: left;
padding-right: 20px;
padding-bottom: 10px;
}
img {
padding-right: 10px;
padding-bottom: 10px;
}
/* CACHEE */
#cachee {
position: absolute;
display: none;
clear: left;
visibility: hidden;
}

/* IMAGES */

/*POLICES & COULEURS*/
#titre_desc {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
#description_tilleul1 {
position: relative;
float: left;
padding-left: 35px;
padding-right: 32px;
padding-top: 13px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #FFFFFF;
}
#description_tilleul2 {
position: relative;
float: left;
padding-left: 10px;
padding-right: 32px;
padding-top: 10px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #FFFFFF;
}
#gras {
font-weight: bold;
}
/* CACHEE */
#cachee {
position: absolute;
display: none;
clear: left;
visibility: hidden;

}

/* LISTE */
#ul_menu {
margin-left: 15px;
}
#li_menu {
list-style-type: disc;
list-style-image: none;
list-style-position: outside;
text-align: left;
}
#ul2 {
margin-left: 15px;
}

#li2 {
list-style-type: none;
list-style-image: none;
list-style-position: inside;
text-align: left;
}
ul{
margin-left: 15px;
}
li {
list-style-type: disc;
list-style-image: none;
list-style-position: inside;
text-align: left;
}
td {
text-align: left;
}
a.menu:link {
color: #FFFFFF;
text-decoration: none;
font-family: arial;
font-size: 13px;
}
a.menu:visited {
color: #FFFFFF;
text-decoration: none;
font-family: arial;
font-size: 12px;
}
a {
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
input {
font-weight: bold; font-size: 10px; color: #333366; font-family: verdana, arial, helvetica, sans-serif; background-color: #CCCC99
}
textarea {
font-weight: bold; font-size: 10px; color: #333366; font-family: verdana, arial, helvetica, sans-serif; background-color: #CCCC99
}
select {
font-weight: bold; font-size: 10px; color: #333366; font-family: verdana, arial, helvetica, sans-serif; background-color: #CCCC99
}




ET je vous passe aussi le fichier php :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="robots" content="all" />
<title>Welkom bij Domaine la Ruche, in de Drôme in zuid frankrijk op Domaine la Ruche</title>
<meta name="Description" content="Golfdrome - Volledig verzorgde golfarrangementen in de Drôme in zuid Frankrijk op domaine la Ruche. Verrassende golfcourses en sfeervolle accomodaties, voor alleenstaanden-koppels-groepen. Golf in puur Natuur.">
<meta name="keywords" content="golfdrome, golf, golfbaan, golfarrangement, golfvakantie, sport, Drôme, Provence, Frankrijk, golfclub, sagnol, valdaine, annonay, st didier, albon, chanalets, chapelle en vercors, doe vakantie, sportieve vakantie, arrangementen, golfsport, golfen, golfspelen, aktief, vakantie, rust, golfcourse, reunie, recreatie, sportief, wandelen, zwemmen, vakantieverblijf, tourisme, trainen, uitrusten, handicap, hole, stress, bed&breakfast, chambre d'hôtes, gîte, fietsen, mountainbiken, bedrijfsuitje, arrangement, lopen, luieren, onthaasten, ontspannen, ontspanning, ontstressen, golfer, golfspel, sporttraining, vtt, privacy, proshop, weekend, vakantiegevoel, Rhône-Alpes, Ruche, huisje, holidayhome, domaine, green fee, guestroom, caddy, fairway, gastenkamer, competitie, familie, golfarrangement, verblijf, mountainbike, zuidfrankrijk, zwembad, holidays">
<meta name="author" content="Dj.Boy">

<noscript>

phpMyVisites : logiciel gratuit de mesure d'audience et de statistiques de sites Internet (licence libre GPL, logiciel en php/MySQL)



</noscript>




*/
?>


</dody>
</html>
djangoboy Messages postés 54 Date d'inscription lundi 14 avril 2003 Statut Membre Dernière intervention 25 septembre 2007
31 janv. 2006 à 21:44
Je suis désolé pour la présentation, mais les retour a la ligne ne fonctionnent pas correctement sur ce site avec le navigateur OPERA (o cas ou un admin passe par ici) c'set info sont a vérifié bien sur !
Rejoignez-nous