Accueil > Forum > > > > Disparition de la moitier d'une page lors du passage au dessus d'un lien.
 Disparition de la moitier d'une page lors du passage au dessus d'un lien.
mardi 31 janvier 2006 à 06:33:25 |
Disparition de la moitier d'une page lors du passage au dessus d'un lien.
djangoboy
|
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 :. |
|
mardi 31 janvier 2006 à 09:55:24 |
Re : Disparition de la moitier d'une page lors du passage au dessus d'un lien.
malalam
|
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;
|
|
mardi 31 janvier 2006 à 17:42:07 |
Re : Disparition de la moitier d'une page lors du passage au dessus d'un lien.
supergyver
|
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.
|
|
mardi 31 janvier 2006 à 18:53:23 |
Re : Disparition de la moitier d'une page lors du passage au dessus d'un lien.
djangoboy
|
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 !
|
|
mardi 31 janvier 2006 à 19:04:42 |
Re : Disparition de la moitier d'une page lors du passage au dessus d'un lien.
FhX
|
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;
}
|
|
mardi 31 janvier 2006 à 21:35:58 |
Re : Disparition de la moitier d'une page lors du passage au dessus d'un lien.
djangoboy
|
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 :
Welkom bij Domaine la Ruche, in de Drôme in zuid frankrijk op Domaine la Ruche
|
|
mardi 31 janvier 2006 à 21:44:09 |
Re : Disparition de la moitier d'une page lors du passage au dessus d'un lien.
djangoboy
|
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 !
|
|
Cette discussion est classée dans : page, passage, moitier, disparition, dessus
 Répondre à ce message
 Sujets en rapport avec ce message
passage de variables via un lien classique [ par ChocoBiscuit ]
Bonjour tout le monde....Est il possible d'ouvrir un lien dans la même fenêtre, et de lui passer des variables utilisables en PHP?exemple concret...on
Passage de variable perte de donnée [ par ehmarc ]
j'ai un formulaire sur plusieurs pages et sur madeuxième page je veu passer ma requete SQL directement donc je la met dans une variable $requetedans u
passage tableau d'instance [ par Sk8yo ]
sk8yobonlour a tous,voila mon pbm, en fait dans une page php je rempli un tableau dont chacune des cases est une instance de classe et j aimerai le fa
passage de parametre dans pop-up [ par nikeu01 ]
Salut, je voudrais passer des parametre en post depuis une page php vers une autre page php qui s'ouvre dans une pop-up. quand je le fais or de la pop
Passage tableau de page en page [ par lebedmouth ]
Salut tout le monde je suis au bord du suicide!! lol.voila mon probleme:J ai un tableau a faire passer en parametre soit par un get ou un post.j ai es
Disparition de données [ par medmen ]
J'ai un probleme au niveau d'affichage de données, dans la page d'acceuil de mon site , je clique sur un lien pour acceder à la rubrique "mes news" ok
passage de variable + lien [ par Jordan59 ]
Bonjour à tous,Je suis en train de réaliser en TP un petit site d'ecommerce.Sur ma page à gauche, j'affiche les derniers produits vendus sous forme de
passage de variables de pages en pages [ par chouchou1 ]
Bonjour, J ai un petit souci: j ai une premiere page dans laquelle je rempli un formulaire. Et ensuite un traitement des données dans d autres pages.J
Passage de variable d'une page a l'autre de manière securisé... [ par kahiros ]
Bonjour tout le monde,jusqu'a present je n'ai jamais eu besoin de poster de message étant donné la foules d'informatiosn deja presente sur le site.Tou
probleme de passage de variable php... [ par cedricdric ]
Voici plusieur jours que je cherche une solution à ce problème:J'aimerai ouvrir par le biais de ma page d'index ( voir le script ci dessous). Pour cel
 Livres en rapport
|
Derniers Blogs
 IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|