chevauchement génant du texte

**jive** · 04/09/2007, 00h07

Bonjour,

Je suis sur le point de finaliser mon site mais je termine pas une petite mise en forme de ma page d'accueil et là ca ce gâte.

J'ai manipulé les css à tatons jusque là et du coup je ne sais pas si mon probléme peu être résolu ou non.

mon body donne ca :

Code :

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

1
2
3
4
5
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align:center;
}

j'ai un conteneur :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
#conteneur {
width: 850px;
margin: 0 auto; 
background-color:#DBF9F0;
text-align:left;
border-style:solid;
border-width: 0px;
border-style: inset; 
border-style: outset; 
border-style: ridge; 
}

j'ai un menu à droite définie comme ceci :

Code :

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

1
2
3
4
5
6
#droite {
background-color:#DBF9F0;
margin-left:631px;
border-style:solid;
border-width: 1px;
}

un haut

Code :

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

1
2
3
4
5
6
7
8
9
10
11
#haut {
height: 20px;
background-color:#21A56F;
border-top-style:solid;
border-top-color:#000000;
padding-top:5px;
text-align:right;
margin-top:0px;
border-top:-1px;
padding-right:5px;
}

un pied :

Code :

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

1
2
3
4
5
6
7
8
9
#pied {
height: 30px;
background-color: #83E6B4;
font-size:9px;
padding-left:10px;
padding-top:5px;
clear: both;
 
}

si vous voulez j'ai mis au centre une photo et je veux pouvoir inserer du texte qui commence en haut à droite de ma photo et ensuite va continuer en dessous. mais le probléme c'est que mon texte dépasse soit sur la photo, soit sur le menu de droite.

Est ce que selon vous l'architecture de départ est mauvaise ou bien est ce que des fonctions css me permette de contrôler le non chevauchement ?

Merci de vos pistes éventuelles.

**Linaa** · 04/09/2007, 00h39

Il nous faudrait soit le code HTML de la page, soit un schéma illustrant la position de tes blocs

**jive** · 04/09/2007, 23h43

Voici mon code aprés l'avoir nettoyé du php
Je met à la fin un lien vers la page capturé

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<html>
<head>
<link rel="stylesheet" href="CSS/css2.css" type="text/css" />
 
 
 
</head>
<body>
 
 
 
	<div id="conteneur"> 	
 
 
	  <div id="haut">
			<a href="*********">*********</a> |
			<a href="*********">*********</a> |
		 	<a href="*********">*********</a> |
		 	<a href="*********">*********</a> |
		 	<a href="*********">*********</a>
 	 </div>
 
 <div id="centre">
 
 
 
  <div id="gauche">
 
  <div id="photoaccueil"> 
  <img src ="candidats/danLAB" width='152 cm' height='132'/>    
 
  </div>
 
 
	blabalba blabalba blabalba blabalba blabalba blabalba
	blabalba blabalba blabalba blabalba blabalba blabalba
	blabalba blabalba blabalba blabalba blabalba blabalba
	blabalba blabalba blabalba blabalba blabalba blabalba
	blabalba blabalba blabalba blabalba blabalba blabalba
	blblabalba blabalba blabalba blabalba blabalba blabal
	blabalba blabalba blabalba blabalba blabalba blabalba		
 
 
 
</div>
 
 
    <div id="droite"> 
 
 <!---debut balise de droite-->
      <b> 
 
 
  <div id="news"> 
        <center>
          Nouveautes 
        </center>
  </div>
 
 </b><br>
 
    <div id="news"> 
        <center>
          Actualites 
        </center>
   </div>
 
</b><br>
    </div>
	  <!---fin balise de droite-->
 
 
 
  </div><!--fin balise centre-->
 
 
  <div id="pied" >
  </div>
 
	  </div>
 
 
 
 
</div>
</body>
</html>

http://www.courcay.com/paitphoto

Merci de votre aide

chevauchement génant du texte

CSS

Discussions similaires

Partager

Partager