[Résolu]Problème menu en fonction du naviguateur

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par phandil, 30 Juin 2007.

  1. phandil
    phandil Nouveau WRInaute
    Inscrit:
    21 Juillet 2006
    Messages:
    19
    J'aime reçus:
    0
    Bonjour, voilà j'ai un problème en créant mes menus sur ma page internet (et en voulant respecter les normes W3C) voilà ce que ca donne:


    --> http://gagnerdestunes.awardspace.com/societe/index.htm

    c nickel sur FF mais par contre sur IE le cadre ne s'allonge pas

    si vous pouviez m'aider :)

    Partie du code CSS:

    Code:
    #menuh{	
    	float: left;
    	margin-right: -610px;
    	margin-top: 10px;
    	padding-left: 20px;
    }
    
    .mdiv{
    	margin: 10px 22px 10px 15px;
    }
    
    #corp {
    	width: 800px;
    	margin: auto;
    	background: #C9C9C9 url(images/fond.jpg) repeat-y;
    	text-align: left;
    }
    
    #conteneur {
    	width: 590px;
    	float: right;
    }
    
    #contenu {
        text-align: justify;
    	margin-right: 20px;
    }
    
    #footer {
    	width: 800px;
    	height: 100px;
    	margin: auto;
    	background: url(images/footer.jpg) top repeat-y;
    }
    
    #copyright {
    	font-size: 10px;
    	float: right;
        padding-top: 25px;
    	margin-right: 25px;
    	text-align: right;
    	color: #2a2a2a;
    }
    
    #copyright a:link, #copyright a:visited {
    	color: #2a2a2a;
        text-decoration: none; 
    }
    
    #copyright a:hover, #copyright a:active {
    	color: #2a2a2a;
    	font-weight: bold;
    	text-decoration: none; 
    }
    
    
    #liens {
    	font-size: 11px;
    	position: relative;
        margin-left: 0px;
    }
    #liens ul {
    	list-style: none;
        list-style-image:url('images/puce.gif');
    	padding: 0;
    	margin: 0;
    }
    #liens li a:link, a:visited {
    	background: none;
        color: #5F5F5E;
    	text-decoration: none; 
    }
    
    #liens li a:hover, a:active {
    	background: none;
        color: #FF5400;
    	font-weight: bold;
    	text-decoration: none; 
    }
    
    
    #liens1 {
    	font-size: 11px;
    	position: relative;
        margin-left: 0px;
    }
    #liens1 ul {
    	list-style: none;
        list-style-image:url('images/puce.gif');
    	padding: 0;
    	margin: 0;
    }
    
    #liens1 li a:link, a:visited {
    	background: none;
        color: #5F5F5E;
    	text-decoration: none; 
    }
    
    #liens1 li a:hover, a:active {
    	background: none;
        color: #FF5400;
    	font-weight: bold;
    	text-decoration: none; 
    }
    #liens2 {
    	font-size: 11px;
    	position: relative;
        margin-left: 0px;
    }
    #liens2 ul {
    	list-style: none;
        list-style-image:url('images/puce.gif');
    	padding: 0;
    	margin: 0;
    }
    
    #liens2 li a:link, a:visited {
    	background: none;
        color: #5F5F5E;
    	text-decoration: none; 
    }
    
    #liens2 li a:hover, a:active {
    	background: none;
        color: #FF5400;
    	font-weight: bold;
    	text-decoration: none; 
    }
    
    #liens3 {
    	font-size: 11px;
    	position: relative;
        margin-left: 0px;
    }
    #liens3 ul {
    	list-style: none;
        list-style-image:url('images/puce.gif');
    	padding: 0;
    	margin: 0;
    }
    
    #liens3 li a:link, a:visited {
    	background: none;
        color: #5F5F5E;
    	text-decoration: none; 
    }
    
    #liens3 li a:hover, a:active {
    	background: none;
        color: #FF5400;
    	font-weight: bold;
    	text-decoration: none; 
    }
    
    #liens4 {
    	font-size: 11px;
    	position: relative;
        margin-left: 0px;
    }
    #liens4 ul {
    	list-style: none;
        list-style-image:url('images/puce.gif');
    	padding: 0;
    	margin: 0;
    }
    
    #liens4 li a:link, a:visited {
    	background: none;
        color: #5F5F5E;
    	text-decoration: none; 
    }
    
    #liens4 li a:hover, a:active {
    	background: none;
        color: #FF5400;
    	font-weight: bold;
    	text-decoration: none; 
    }
    
    #liens5 {
    	font-size: 11px;
    	position: relative;
        margin-left: 0px;
    }
    #liens5 ul {
    	list-style: none;
        list-style-image:url('images/puce.gif');
    	padding: 0;
    	margin: 0;
    }
    
    #liens5 li a:link, a:visited {
    	background: none;
        color: #5F5F5E;
    	text-decoration: none; 
    }
    
    #liens5 li a:hover, a:active {
    	background: none;
        color: #FF5400;
    	font-weight: bold;
    	text-decoration: none; 
    }
    
    
    
    #nav {
    	font-size: 11px;
    	width: 800px;
    	position: absolute;
    	top: 0px;
    	left: 0px;
    }
    
    #nav ul {
    	list-style: none;
    	padding: 0;
    	margin: 0;
    }
    
    #nav li {
    	background: none;
    }
    
    .nav1 a:link, .nav1 a:visited {
    	color: #fc2b02;
    	font-size: 11px;
    	font-weight: bold;
    	position: absolute;
    	top: 47px;
    	left: 65px;
    }
    
    .nav1 a:hover, .nav1 a:active {
    	color: #0F1D4B;
    	text-decoration: none;
    	font-weight: bold;    
    }
    
    .nav2 a:link, .nav2 a:visited {
    	color: #fc2b02;
    	font-size: 11px;
    	font-weight: bold;
    	position: absolute;
    	top: 47px;
    	left: 235px;
    }
    
    .nav2 a:hover, .nav2 a:active {
    	color: #0F1D4B;
    	text-decoration: none;
    	font-weight: bold;    
    }
    
    .nav3 a:link, .nav3 a:visited {
    	color: #fc2b02;
    	font-size: 11px;
    	font-weight: bold;
    	position: absolute;
    	top: 47px;
    	left: 405px;
    }
    
    .nav3 a:hover, .nav3 a:active {
    	color: #0F1D4B;
    	text-decoration: none;
    	font-weight: bold;    
    }
    
    .nav4 a:link, .nav4 a:visited {
    	color: #fc2b02;
    	font-size: 11px;
    	font-weight: bold;
    	position: absolute;
    	top: 47px;
    	left: 577px;
    }
    
    .nav4 a:hover, .nav4 a:active {
    	color: #0F1D4B;
    	text-decoration: none;
    	font-weight: bold;    
    }
    
    
     
  2. Leonick
    Leonick WRInaute accro
    Inscrit:
    8 Août 2004
    Messages:
    19 274
    J'aime reçus:
    0
  3. phandil
    phandil Nouveau WRInaute
    Inscrit:
    21 Juillet 2006
    Messages:
    19
    J'aime reçus:
    0
    erreur réparé mais prob toujours existant....
     
  4. phandil
    phandil Nouveau WRInaute
    Inscrit:
    21 Juillet 2006
    Messages:
    19
    J'aime reçus:
    0
    c bon problème résolu :)
     
Chargement...
Similar Threads - [Résolu]Problème menu fonction Forum Date
[Résolu]Problème de soulignement dans un menu Développement d'un site Web ou d'une appli mobile 9 Juillet 2007
[RESOLU]Probleme tres simple CSS menu Développement d'un site Web ou d'une appli mobile 28 Juin 2007
[RESOLU]probleme lors de l'update des informations Développement d'un site Web ou d'une appli mobile 7 Avril 2010
[Resolu]Probleme soumission boutique 1and1 Problèmes de référencement spécifiques à vos sites 25 Mai 2009
[Résolu]Problème avec Ajax Développement d'un site Web ou d'une appli mobile 23 Août 2008
[résolu]Problème insoluble avec un ORBER BY Développement d'un site Web ou d'une appli mobile 15 Juillet 2008
[Resolu]Probleme installation forum PHPBB Développement d'un site Web ou d'une appli mobile 11 Juillet 2008
[résolu]problème d'indexation url finissant par /1 Crawl et indexation Google, sitemaps 20 Juin 2008
[Résolu]Problèmes d'accent dans le Flux RSS Développement d'un site Web ou d'une appli mobile 29 Mai 2008
[Résolu]Problème de syntaxe pour une RewriteRule URL Rewriting et .htaccess 5 Mai 2008
[résolu]Probleme serveur chez ovh Administration d'un site Web 5 Janvier 2008
[résolu]probleme de recuperation des checkbox Développement d'un site Web ou d'une appli mobile 31 Décembre 2007
[Résolu]Problème avec imagerotate() Développement d'un site Web ou d'une appli mobile 30 Décembre 2007
[résolu]problème d'une simple redirection .php en .html URL Rewriting et .htaccess 27 Août 2007
[resolu]problème css IE6 Développement d'un site Web ou d'une appli mobile 6 Juin 2007
[résolu]Problème affichage DIV sous Firefox Développement d'un site Web ou d'une appli mobile 15 Avril 2007
[resolu]Problème FCKeditor Développement d'un site Web ou d'une appli mobile 7 Août 2006
[Resolu]Problème activex flash Développement d'un site Web ou d'une appli mobile 1 Juin 2006
[Résolu]Problème affichage numéro Développement d'un site Web ou d'une appli mobile 19 Avril 2006
[Résolu]Problème JS - replace Développement d'un site Web ou d'une appli mobile 21 Mars 2006