Problème de mise en page avec feuille de style css

**leroivert** · 14/11/2005, 22h14

Bonsoir à tous,

j'essaie la mise en page d'un site en css + les blocs div et je rencontre un soucis.

à vous de voir, si vous avez une idée :
http://thierry.melleraud.free.fr/yum2/

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<html>
<head>
<link href="yum2/charte.css" rel="stylesheet" type="text/css" />
<title>Association FORMA CONSULT</title>
</head>
 
<body>
<div class="head1">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#3,0,0,0" width="800" height="147" 
 
align="middle">
<param name="SRC" value="../yum2/banniere.swf">
<param name="QUALITY" value="high">
<param name="BGCOLOR" value="#FFFFFF">
<embed src="../yum2/banniere.swf" pluginspage="http://www.macromedia.com/shockwave/download/" type="application/x-shockwave-flash" width="800" height="147" align="middle" 
 
quality="high">
</embed></object>
</div>
<div class="head2" align="center">
<div class="menu">
  <a href="../yum2/index.php?view=page1">Accueil |</a>
  <a href="../yum2/index.php?view=association">Association |</a>
  <a href="../yum2/index.php?view=articles">Articles |</a>
  <a href="../yum2/index.php?view=liens">Liens |</a>
  <a href="../yum2/index.php?view=contacts">Contacts</a>
</div>
</div>
<div class="news">
</div>
<div class="centre">
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse potenti. Cras leo nibh, aliquet nec, interdum et, consequat sed, nulla. Praesent nec quam quis augue 
 
auctor pulvinar. Nunc vehicula wisi et mi. Quisque ultricies volutpat metus. Nulla eu erat sed mauris euismod tempor. Aliquam sit amet quam vitae massa dignissim fringilla. Nam pharetra 
 
lobortis velit. Donec scelerisque, nisl a molestie vulputate, urna lectus rhoncus ante, in congue lacus erat ac urna. Duis quam. Phasellus diam eros, ullamcorper dictum, lacinia in, accumsan 
 
vel, felis. Ut at sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
 
<p>Sed gravida leo sed quam. Aenean vitae pede a felis semper vestibulum. Mauris non ante. Pellentesque suscipit lectus at erat. Integer et risus id tortor pellentesque tempus. Aliquam 
 
dui nulla, suscipit nec, consectetuer a, fringilla at, diam. Aliquam fermentum. Pellentesque augue lorem, dignissim id, adipiscing sit amet, luctus at, purus. Integer nec arcu ac dui placerat 
 
rutrum. Maecenas dignissim, justo nec rhoncus dignissim, nulla felis vehicula massa, in commodo quam erat vitae lectus. Vestibulum lectus mauris, hendrerit nec, dapibus non, tempus nec, 
 
erat</p>
</div>
</body>
</html>

mon fichier css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
body {
background-image: url('../yum2/img/fond.jpg');
margin: 0px;/* sans marges, la page sera collée aux bords */
font-family: Verdana, Geneva, Arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
}
 
.head1 {
width: 800px;
height: 147px;
}
 
.head2 {
background-image: url('../yum2/img/navbar.jpg');
width: 800px;
height: 19px;
} 
 
.news {
background-color: #48779E;
position: absolute;
left:0; /* on place le bloc gauche à gauche en position absolue */
width: 280px;
height: 600px;
}
 
.centre {
background-color: #ffffff;
margin-left: 280px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 520px;
height: 600px;
}
 
.menu a {
font-size: 11px;
font-family: Verdana, Geneva, Arial, sans-serif; /* on définit la police de base dans la page */
font-color: #8D8E8F;
text-decoration: none;
}

Merci pour vos réponses.

**Nesmontou** · 14/11/2005, 22h44

Salut

Envoyé par leroivert

à vous de voir

A toi de nous dire ce que tu souhaites obtenir, quelques sont les écarts entre ce que obtiens et ce que tu espères...

Donne-nous les détails de ce qui t'embête ;-)

**francis m** · 14/11/2005, 23h39

+1
parce que je ne vois pas ce qui t'embête...

**leroivert** · 15/11/2005, 09h36

merci pour vos réponses et c'est bien vrai que je n'ai pas précisé mon problème.

je crée un nouveau post avec plus de précisions, merci encore.

Problème de mise en page avec feuille de style css

CSS

Discussions similaires

Partager

Partager