Impossible d'enlever marge

Impossible d'enlever marge - HTML/CSS - Programmation

Marsh Posté le 16-02-2009 à 17:04:25    

Bonjour !
J'ai commencé une nouvelle version de mon site mais j'ai un petit souci : j'ai un menu déroulant positionné en css, constitué de 5 onglet, seulement voila il y a une marge sur le coté droit du menu qui fait apparaitre un scroll horizontal alors que toute les marges sont "0". Je ne veux pas seulement enlever le scroll (ce que je faisais jusqu'a présent), mais parvenir à enlever la marge.  
 Voilou, j'espère avoir été clair...

Reply

Marsh Posté le 16-02-2009 à 17:04:25   

Reply

Marsh Posté le 16-02-2009 à 17:16:58    

Shakermaker42 a écrit :


Voilou, j'espère avoir été clair...


Non
 
Pas de code, pas de lien vers ton site, tu veux qu'on regarde dans notre boule de cristal?

Reply

Marsh Posté le 16-02-2009 à 18:48:21    

voila l'adresse http://unofficialoasis.free.fr , c'est encore la première version mais le problème est egalement présent. Le scroll horizontal a été enlevé dc pr voir la marge créée, il faut utiliser la mollette de la souris...
Voici le css :
 
<style type="text/css" media="screen">
 
<!--  
A:link {color: #ffffff; text-decoration: none}
A:visited {color: #ffffff ; text-decoration: none}
A:hover {color: #ffffff ; text-decoration: none}
-->
 
body {
color:black;
background-color:black;
background-image:url(oasis.jpg);
}
 
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
 
list-style-type: none;
}
#menu {
position: absolute;
top: 31%;
left: 6%;
width:36%;
z-index:100;
 
}  
 
#menu dl {
margin:none;
float: left;
width: none;
width:42%;
}
 
#menu dt {
cursor: pointer;
border: none;
margin: none;
}
#menu dd {
display: block;
border: none;
width:"100%";
}
 
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
 
color: #000;
background-color: #ddd;
padding: none;
border: none;  
}
 
#news {
position: absolute;
top: 0%;
left: 42%;
width:42%;
z-index:100;
width:100%;
 
}  
 
#bio {
position: absolute;
top: 0%;
left: 84%;
width:42%;
z-index:100;
width:100%;
 
}  
 
#disco {
position: absolute;
top: 0%;
left: 126%;
width:42%;
z-index:100;
width:100%;
 
}  
 
#gal {
position: absolute;
top: 0%;
left: 168%;
width:42%;
z-index:100;
width:100%;
 
}  
 
#zone_de_texte {
position: absolute;
top: 65%;
left: 5%;
width:100%;
z-index:100;
 
}  
#bandeau {
position: absolute;
top: 2%;
left: 0%;
width:100%;
z-index:100;
}
 
#pied_de_page {
position: absolute;
top: 92%;
left: 35%;
width:100%;
z-index:100;
 
}  
 
</style>
 
Voila désolé de pas avoir été plus clair tout à l'heure ^^.

Reply

Marsh Posté le 16-02-2009 à 19:02:21    

Pour commencer, j'emploierais des class que je modifie sur ton menu déroulant.
Si par défaut ton sous-menu est caché par les css, cela sera beaucoup rapide que par js.
Car pour le moment, comme ton site est lent, je vois les sous-menu pendant 3 secondes
 
Ensuite, je ferais du code qui soit lisible par un moteur de recherche, donc donner un "alt" à toutes les images du menu.
 
Pour finir, retire le caractère bizarre qui traîne dans ta balise meta content. Là tu pourras passer ton site au validateur w3c et nettoyer le code des p qui traînent au miieu du bazar. C'est peut-être de la là que vient ton problème de marge (les p dans #zone_de_navigation)
 
 

Reply

Marsh Posté le 16-02-2009 à 19:18:19    

ok merci je vais voir tout ça !

Reply

Marsh Posté le 21-02-2009 à 16:27:48    

juste pour info tu l as téléchargé où ton script ?
ils ont pas un forum [:petrus dei]


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed