[Xhtml/Css] problèmes de placement d'images par cdel06 - page 1

Salut
Je suis entrain de coder un design
Il reste encore qqs problèmes, donc si vous avez des idées pour comment les réparer, n'hésitez pas.

Citation : problèmes

sous ie

la barre de fin (bloc "fin") s'affiche bien avec un seul px de largeur mais la taille du bloc est tout de même trop large.

sous ff et ie

les images ajouts.gif et actualites.gif ne sont pas centrées.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" />
</head>

<body>


<div id="header"> </div>
<div id="menu_h"> </div>


<div id="conteneur">

<div id="menu">
<div id="menu_top"> </div>
</div>



<div id="contenu">
<div id="news"></div>
<div id="ajouts"> <img src="images/ajouts.gif" alt="ajouts.gif, 1 kB" title="ajouts" height="14" width="231"></img> </div>
<div id="actualites"> <img src="images/actualites.gif" alt="actualites.gif, 0 kB" title="actualites" height="14" width="161"></img> </div>
<div id="site"> <img src="images/site.gif" alt="site.gif, 0 kB" title="site" height="8" width="610"></img> </div>
</div>

<div id="bas"> </div>
<div id="fin"> </div>

</div>

</body>
</html>

html, body
{
width: 791px;
background-color: #e0e4e0;
margin: auto;
}

/* En-tête */
#header
{
width: 791px;
height: 158px;
background-image: url("images/header.gif");
margin-top: 5px;
}

#menu_h
{
width: 791px;
height: 43px;
background-image: url("images/menu_h.gif");
margin-top: 5px;
}
/* Fin de l'en-tête */

#conteneur
{
width:788px;
margin-top: 5px;
background-image: url("images/conteneur.gif");
}

/* Menu */
#menu
{
width: 158px;
float: left;
}

#menu_top
{
width: 156px;
height: 58px;
background-image: url("images/menu_top.gif");
margin-left: 1px;

}
/* Fin du menu */

#contenu
{
width: 624px;
border-top: 1px black solid;
float: right;
padding-top: 5px;
}

#news
{
width: 187px;
height: 22px;
background-image: url("images/news.gif");
margin: auto;
}

#ajouts
{
width: 300px;
background: none;
margin-top: 5px;
border: 1px black solid;
float: left;
margin-left: 3px;
margin-bottom: 5px;
}

#actualites
{
width: 300px;
background: none;
margin-top: 5px;
border: 1px black solid;
float: right;
margin-right: 3px;
margin-bottom: 5px;
}

#site
{
width: 610px;
background: none;
margin-top: 5px;
border: 1px black solid;
clear: both;
margin: auto;
}

#bas
{
clear: both;
}

#fin
{
width: 788px;
height: 1px;
background-image: url("images/bas.gif");
background-repeat: no-repeat;
margin-top: 5px;
}

merci beaucoup d'avance pour les réponses à venir
et encore merci pour vos réponses précédentes !

Ps: J'ai oublié de réindiquer le site

cdel06

30 janvier 2006 à 19:24:52

zeunyton

30 janvier 2006 à 21:56:30

#fin
{
width: 788px;
height: 1px;
background-image: url("images/bas.gif");
background-repeat: no-repeat;
margin-top: 5px;
}

Je pense quand diminuant le margin-top sa devrais fonctionner.

31 janvier 2006 à 20:12:31

Non, dsl
ça marche pas, le bloc fin se rapproche certes mais il est tjrs aussi large alors qu'il ne devrait faire qu'un px de large.

[Xhtml/Css] problèmes de placement d'images

[Xhtml/Css] problèmes de placement d'images

Supprimer

Modérer

Signaler le message aux modérateurs