Bonjour à tous,

Je suis entrain d'essayer de créer un site (intranet) pour ma boite, j'ai suivis le tutoriel de votre site pour créer mon site.
Voici le CSS:

body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	background:#41b7d4;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
}
div#conteneur
{
	width: 1000px ;
	height: auto;
	margin: 0 auto ;
	text-align: left ;
	border: 1px solid #0066CC;
	background: #fff ;
}
h1#header
{
	border: 1px solid #000000;
	height: 100px ;
	background: url(header.jpg) no-repeat left top ;
}
ul#menu
{
float: left ;
border: 1px dashed #41b7d4;;
padding: 0 ;
height: auto ;
width: 200px;
margin: 0 0 10px 10px;
list-style-type: none ;
text-align: center ;
}
ul#menu li
{
	float: left ;
	text-align: left ;
}
ul#menu li a
{
	padding:0 0 0 15px;
	width: 175px ;
	color: #000000;
	display: block ;
	text-decoration: none ;
	border-bottom: 1px dashed #FF6600;
	background: url(croix.jpg) no-repeat left bottom ;
	
}
p#menu
{
border-bottom: 2px dashed #FF6600;
}

div#contenu
{
margin: 0px 0px 0 10px ;
float: left ;
display: block ;
width:770px;
border-left: 2px dashed #41b7d4;
border-right: 2px dashed #41b7d4;
}
div#contenu h2
{
	margin: 0 10px 0 10px;
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #FF6600 ;
	background: url(bouton.jpg) no-repeat left bottom ;
	border-bottom: 1px solid #41b7d4 ;
	border-left: 1px solid #41b7d4 ;
}

div#information
{
clear: left;
margin: 10px auto;
padding: 0 15px 0 0;
text-align: right ;
color: #0066CC ;
}

Le html:
<?php session_start(); ?>
<?php
if(!isset($_SESSION['login'])) {
	include('login.php');
	echo $_SESSION['login'];
	echo 'Vous n\'êtes pas autoris´ à acceder à cette zone';
	echo '<br>';
  
  exit;
}
else
{
echo '<div id="auth"> Bienvenue sur l\'espace restreint</div> ';
}
?> 
<!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" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Acceuil</title>
<LINK href="site.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="conteneur">
			<h1 id="header"><a href="acceuil.php"></a></h1>

			<ul id="menu">
			<p class="titre_menu"> prix de revient:</p>
			<li><a href="visupdr1.php">Visualisation</a></li>
			<li><a href="ajoutpdr.php">Ajout </a></li>
			<li><a href="pdrvisu1.php">Calcul temp réel</a></li>

			<p class="titre_menu"> matiere/emballage:</p>
			<li><a href="">Ajout: matiere premiere</a></li>
			<li><a href="">Ajout: emballage</a></li>
			<li><a href="modmatiere1.php">Modification: matiere premiere</a></li>
			<li><a href="modemballage1.php">Modification: emballage</a></li>

			<p class="titre_menu"> Partie Romulad:</p>
			<li><a href="romuald1.php">Listing des prix de revient</a></li>

			<p class="titre_menu"> Commande Founisseur:</p>
			<li><a href="steph1.php">Commande founisseur</a></li>
			<li><a href="">ok</a></li>
			</ul>
			<div id="contenu">
				<h2>Un titre</h2>
Six autres offres sont également proposées sous les appellations « Superplan Reloaded » et 
« Serveurs Pro Reloaded », les premières étant toutes équipées de Core 2 Duo E6550 et de 4 Go 
de mémoire vive (à partir de 70,56 euros TTC), les secondes donnant accès à des processeurs Intel 
Xeon et une bande passante d'un gigabit par seconde (à partir de 118,40 euros par mois tout de même). 
Notez enfin que ces offres sont sans engagement de durée.Les prix des offres « Kimsufi » sont respectivement 
de 23,91 euros par mois pour la moins onéreuse, de 43,06 euros par mois pour la formule XL et de 55,02 euros 
par mois pour l'offre XXL qui n'est pas encore dévoilée. La guerre des prix que se livrent donc les principaux 
fournisseurs de ce type de service commence à être bénéfique pour les consommateurs que nous sommes.

				<h2>Un titre</h2>
Six autres offres sont également proposées sous les appellations « Superplan Reloaded » et 
« Serveurs Pro Reloaded », les premières étant toutes équipées de Core 2 Duo E6550 et de 4 Go 
de mémoire vive (à partir de 70,56 euros TTC), les secondes donnant accès à des processeurs Intel 
Xeon et une bande passante d'un gigabit par seconde (à partir de 118,40 euros par mois tout de même). 
Notez enfin que ces offres sont sans engagement de durée.Les prix des offres « Kimsufi » sont respectivement 
de 23,91 euros par mois pour la moins onéreuse, de 43,06 euros par mois pour la formule XL et de 55,02 euros 
par mois pour l'offre XXL qui n'est pas encore dévoilée. La guerre des prix que se livrent donc les principaux 
fournisseurs de ce type de service commence à être bénéfique pour les consommateurs que nous sommes.
			</div>
<div id="information">
Ceci est la version v0.1a5. Merci de contacter Florent pour les bug rencontrés.
</div>


</div>

</body>
</html>



J'ai un petit problème je n'arrive pas a attribuer a mon <p> qui se trouve dans l'ul id menu des propriété css (couleur etc...)

Ou se situe mon problème? Doit-je utiliser une class?


Merci d'avance pour votre aide.

guigui69
Bonjour guigui69,

Smiley lol Je souris parce que j'ai un peu "ramassé" dernièrement... Smiley sweatdrop

ul ne peut contenir que des li Smiley cligne

Ceci étant dit, je n'ai pas vu la définition de ta classe "titre_menu" dans ta feuille de styles ?
Mais effectivement, tu peux parfaitement définir l'aspect de cette list item par une classe :

<ul id="menu">
<li class="titre_menu"> prix de revient:</li>
<li><a href="visupdr1.php">Visualisation</a></li>
<li><a href="ajoutpdr.php">Ajout </a></li>
<li><a href="pdrvisu1.php">Calcul temp réel</a></li>

<li class="titre_menu"> matiere/emballage:</li>
<li><a href="">Ajout: matiere premiere</a></li>
<li><a href="">Ajout: emballage</a></li>
<li><a href="modmatiere1.php">Modification: matiere premiere</a></li>
<li><a href="modemballage1.php">Modification: emballage</a></li>

etc...
</ul>


Et y définir les propriétés que tu souhaites Smiley cligne

Cdt,
Sylvain
Modifié par 6l20 (17 Apr 2008 - 18:28)
Bonjour,

Utiliser des titre pour faire des titres, c'est mieux.

<div id="menu">
	<h2>Première partie</h2>
	<ul>
		<li>...</li>
		<li>...</li>
		<li>...</li>
	<ul>
	<h2>Deuxième partie</h2>
	<ul>
		<li>...</li>
		<li>...</li>
		<li>...</li>
		<li>...</li>
	<ul>
</div>
Florent V. a écrit :

Bonjour,
Utiliser des titre pour faire des titres, c'est mieux.

Certainement Smiley jap
Merci pour votre aide, je modifie ça dans ma page.

Autre question:

Dans la partie contenue, Je vais devoir afficher un tableau (assez grand) et je voudrais savoir si il y a une propriété a rajouter quelque part pour que mon tableau reste afficher correctement.

Exemple:

Ma partie contenue faits 700px de largeur et mon tableau en question en fait 1000px. Comment mon contenue va réagir? va-t-il afficher le tableau correctement? va-t-il créer des scrool pour se déplacer a droit a gauche ?

Merci d'avance pour votre aide.

guigui69
guigui69 a écrit :
Ma partie contenue faits 700px de largeur et mon tableau en question en fait 1000px.

Le tableau débordera sur la droite du conteneur.

guigui69 a écrit :
va-t-il créer des scrool pour se déplacer a droit a gauche ?

Non, sauf si ton conteneur est en overflow: auto par exemple.

Tu peux envisager de créer un conteneur juste pour le tableau:
<div id="content">
	<h1>Bla bla mon titre</h1>
	<p>Du contenu...</p>
	<div class="table-wrap">
		<table>...</table>
	</div><!-- .table-wrap -->
</div><!-- #content -->

Et côté CSS:
div.table-wrap {overflow: auto;}


Mais ce mécanisme ne sera pas forcément satisfaisant, et on peut envisager d'afficher certains tableaux assez conséquents dans des pages séparées, sans conteneur avec limite de 700px de largeur.
Modifié par Florent V. (21 Apr 2008 - 09:20)
Merci pour ton aide je regarde ca,

J'ai un nouveau petit soucis.

code html

<?php session_start(); ?>
<?php
if(!isset($_SESSION['login'])) {
	include('login.php');
	echo $_SESSION['login'];
	echo 'Vous n\'êtes pas autoris´ à acceder à cette zone';
	echo '<br>';
  
  exit;
}
else
{
echo '<div id="auth"> Bienvenue sur l\'espace restreint</div> ';
}
?> 
<!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" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Acceuil</title>
<LINK href="site.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="conteneur">
			<h1 id="header"><a href="acceuil.php"></a></h1>
<div id="menu">
			<h2>Prix de revient</h2>
			<ul>
			<li><a href="visupdr1.php">Visualisation</a></li>
			<li><a href="ajoutpdr.php">Ajout </a></li>
			<li><a href="pdrvisu1.php">Calcul temp réel</a></li>
			</ul>
			<h2>M.premieres/emballages</h2>
			<ul>
			<li><a href="">Ajout: matiere premiere</a></li>
			<li><a href="">Ajout: emballage</a></li>
			<li><a href="modmatiere1.php">Modification: matiere premiere</a></li>
			<li><a href="modemballage1.php">Modification: emballage</a></li>
			</ul>
			<h2>Romuald</h2>
			<ul>
			<li><a href="romuald1.php">Listing des prix de revient</a></li>
			</ul>
			<h2>Fournisseur</h2>
			<ul>
			<li><a href="steph1.php">Commande founisseur</a></li>
			<li><a href="">ok</a></li>
			</ul>
</div>
			<div id="contenu">
				<h2>Un titre</h2>
Six autres offres sont également proposées sous les appellations « Superplan Reloaded » et 
« Serveurs Pro Reloaded », les premières étant toutes équipées de Core 2 Duo E6550 et de 4 Go 
de mémoire vive (à partir de 70,56 euros TTC), les secondes donnant accès à des processeurs Intel 
Xeon et une bande passante d'un gigabit par seconde (à partir de 118,40 euros par mois tout de même). 
Notez enfin que ces offres sont sans engagement de durée.Les prix des offres « Kimsufi » sont respectivement 
de 23,91 euros par mois pour la moins onéreuse, de 43,06 euros par mois pour la formule XL et de 55,02 euros 
par mois pour l'offre XXL qui n'est pas encore dévoilée. La guerre des prix que se livrent donc les principaux 
fournisseurs de ce type de service commence à être bénéfique pour les consommateurs que nous sommes.

			</div>
<div id="information">
Ceci est la version v0.1a5. Merci de contacter Florent pour les bug rencontrés.
</div>


</div>

</body>
</html>


css:

body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	background:#41b7d4;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
}
div#conteneur
{
	width: 1000px ;
	height: auto;
	margin: 0 auto ;
	text-align: left ;
	border: 1px solid #0066CC;
	background: #fff ;
}
h1#header
{
	border: 1px solid #000000;
	height: 100px ;
	background: url(header.jpg) no-repeat left top ;
}
div#menu 
{
float: left ;
border: 1px dashed #41b7d4;
padding: 0 ;
height: auto ;
width: 200px;
margin: 0 0 10px 10px;
text-align: center ;
}

div#menu ul
{
border: 1px solid #FF6600;
padding : 0;
}
div#menu li
{
margin : 0 auto;
border: 1px solid #FF0000;
list-style-type: none ;
text-align: left ;
}
div#menu  li a
{
margin : 0 0 0 0;
	color: #000000;
	display: block ;
	text-decoration: none ;
	border: 1px solid #FF6600;
}

div#menu h2
{
padding:0 0 0 15px;
text-align: left ;
border: 1px solid #FF6600;
background: url(croix.jpg) no-repeat left;
font-size: 1.0em ;
}

div#contenu
{
margin: 0px 0px 0 10px ;
float: left ;
display: block ;
width:770px;
border-left: 2px dashed #41b7d4;
border-right: 2px dashed #41b7d4;
}
div#contenu h2
{
	margin: 0 10px 0 10px;
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #FF6600 ;
	background: url(bouton.jpg) no-repeat left bottom ;
	border-bottom: 1px solid #41b7d4 ;
	border-left: 1px solid #41b7d4 ;
}

div#information
{
clear: left;
margin: 10px auto;
padding: 0 15px 0 0;
text-align: right ;
color: #0066CC ;
}


J'ai fait la modifie pour mettre des titre dans les menus, le problème c'est que les "li" sont décalé et ne veulent pas se coller contre le bord a gauche
http://img254.imageshack.us/my.php?image=cssyz7.jpg
(la flèche noir à gauche)

Quel propriété me manque t-il pour mes "li" se recolle à gauche.

Merci pour l'aide que vous avez deja apportée

guigui69
Donc pour mes tableaux qui vont être assez long en largeur (et en hauteur) si je met overflow dans le conteneur (ou le contenue)? Cela va agrandir la page c'est bien ca?

Car mes page vont soit avoir du texte avec des champs à remplir ou bien afficher plusieurs tableaux de 1000px de largeur et d'une hauteur encore plus grande.

guigui69
guigui69 a écrit :
Donc pour mes tableaux qui vont être assez long en largeur (et en hauteur) si je met overflow dans le conteneur (ou le contenue)? Cela va agrandir la page c'est bien ca?

Non.
http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow

guigui69 a écrit :
Car mes page vont soit avoir du texte avec des champs à remplir ou bien afficher plusieurs tableaux de 1000px de largeur et d'une hauteur encore plus grande.

Eh bien soit tu pars sur un design de 1000px de large, soit tu exiles ces tableaux en annexe de tes documents, dans des pages HTML séparées compatibles avec des contenus de 1000px de large.