Bonjour,
Je viens de coder un site sans être un pro, sous wordpress. http://vlalafacture.esy.es/
Les pages index.php et page.php sont codées presqu'à l'identique et pourtant un décalage du site de quelques pixels survient de l'une à l'autre.
header
Index
Page
Est ce que quelqu'un saurait m'aider ?
Merci beaucoup
Mon CSS
Je viens de coder un site sans être un pro, sous wordpress. http://vlalafacture.esy.es/
Les pages index.php et page.php sont codées presqu'à l'identique et pourtant un décalage du site de quelques pixels survient de l'une à l'autre.
header
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/style.css" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div id="site">
<div id="head" >
<img src="/site/FR.jpg"><img src="/site/NL.jpg">
<a href="http://vlalafacture.esy.es"><img src="/site/entete.jpg"></a>
<ul id="menu-demo2">
<li class="hop"><a href="#"><img src="/site/lecomite.jpg"></a>
<ul>
<li><a href="/?page_id=34">Qui sommes-nous ?</a></li>
<li><a href="/?page_id=7">Nos actions</a></li>
<li><a href="/?page_id=32">Nos revendications</a></li>
</ul>
</li>
<li class="hop"><a href="#"><img src="/site/lacrise.jpg"></a>
<ul>
<li><a href="/?page_id=9">Analyse</a></li>
<li><a href="/?page_id=29">En bande dessinée</a></li>
</ul>
</li>
<li class="hop"><a href="/?page_id=11"><img src="/site/agenda.jpg"></a>
</li>
<li class="hop"><a href="/?page_id=13"><img src="/site/medias.jpg"></a>
</li>
<li class="hop"><a href="/?page_id=15"><img src="/site/contact.jpg"></a>
</li>
</ul>
</div>Index
<?php get_header(); ?>
<div id="content">
<?php query_posts( 'page_id=5' ); while (have_posts()) : the_post(); ?>
<?php the_content(); ?>
</div>
<?php endwhile; ?>
</div>Page
<?php get_header(); ?>
<div id="content">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php the_content(''); ?>
</div>
<?php endwhile; endif; ?>
</div>Est ce que quelqu'un saurait m'aider ?
Merci beaucoup
Mon CSS
*, body, html{margin:0;padding:0;}
.clear{clear:both;}
body{font-family: arial;
font-weight: normal;
color:#111111;}
#site{margin-left: auto;
margin-right: auto;
width : 820px; }
#head{
float:left;
height:380px;}
#content{margin-top:2px;}
.ie #content{margin-top:2px;}
.chrome #content{margin-top:2px;}
.opera #head{top:2px;}
.opera #content{margin-top:2px;}
#content{
margin-left: auto;
margin-right: auto;
width : 600px;}
a:link,a:visited{text-decoration:none;
color:#000000;}
a img{ border:none;}
a{color:#000000;}
.hop{
margin-left:-5px;}
#menu-demo2, #menu-demo2 ul{
list-style:none;
float:left;
}
#menu-demo2 li{
display:inline-block;
position:relative;
}
#menu-demo2 ul{
margin-left:10px;
position:absolute;
z-index: 1000;
max-height:0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu-demo2 li:hover ul{
max-height:15em;
}
/* background des liens sous menus */
#menu-demo2 li:first-child li,
#menu-demo2 li:nth-child(2) li,
#menu-demo2 li:nth-child(3) li,
#menu-demo2 li:last-child li{
background:#FFFFFF;
}
/* background des liens menus et sous menus au survol */
#menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover,
#menu-demo2 li:nth-child(2):hover, #menu-demo2 li:nth-child(2) li:hover,
#menu-demo2 li:nth-child(3):hover, #menu-demo2 li:nth-child(3) li:hover,
#menu-demo2 li:last-child:hover, #menu-demo2 li:last-child li:hover{
background:#FFFFFF;
}
/* les a href */
#menu-demo2 a{
text-decoration:none;
display:block;
}
#menu-demo2 ul a{
padding:0px 0;
}
#menu-demo2 li:hover li a{
color:#000;
text-transform:inherit;
}
#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
color:#000;
}
