Problème avec mon design

Bonjour j'ai mit le meme code que m@ateo pour ensuite le modifier :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur PSPlayer</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="test2.css" />
</head>
<body>
<span="baniere"><img src="baniere.bmp"></span>

<div id="en_tete">

</div>

<div id="menu"> 

<div id="menu">

<div class="element_menu">
<h3>Page d'acceuil</h3>
<ul>
<a href="page1.html"><img src="tuto.png"></a>
<a href="page1.html"><img src="tuto.png"></a>
<a href="page1.html"><img src="tuto.png"></a>
<a href="page1.html"><img src="tuto.png"></a>
<a href="page1.html"><img src="tuto.png"></a>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>

<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="page4.html">Lien</a></li>
<li><a href="page5.html">Lien</a></li>
<li><a href="page6.html">Lien</a></li>
</ul>
</div>

</div>

<div id="corps">
</div>

<div id="pied_de_page">
</div>
</body>
</html>

body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/fond.png");
}

/* L'en-tête */

#en_tete
{
width: 760px;
height: 100px;
background-image: url("images/banniere.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}

/* Le menu */

#menu
{
float: left;
width: 120px;
}

.element_menu
{
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 20px;
}

/* Quelques effets sur les menus */

.element_menu h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}

.element_menu a
{
color: #B3B3B3;
}

.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}

/* Le corps de la page */

#corps
{
margin-left: 350px;
margin-bottom: 5px;
padding: 5px;

color: #B3B3B3;
background-color: #626262;

border: 2px solid black;
}

#corps h1 /* Tous les titres h1 du corps */
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
height: 30px;

background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */

padding-left: 20px;
color: #B3B3B3;
text-align: left;
}
a img
{
border: none;
}
#pied_de_page
{
padding: 5px;

text-align: center;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 1px solid black;
}

.baniere
{
text-align: 90px;
}

Et voila quand je mes mon titre je met Bonjour sa rentre et des que je met un espace sa va a la ligne mes je ne veut pas je veut que sa continue sur la meme ligne comment faire .

Merci

EDIT : j'ai IE 6 et pardon pour le mn a la place de mon j'en ai pas fait expres

Pour mn titre

Problème avec mon design

Supprimer

Modérer

Signaler le message aux modérateurs