Mon texte depasse

gaya_102 -  
NookZ Messages postés 2376 Statut Membre -
Bonjour,
voila montexte depasse du cadre

http://www.sandrineetgwen.fr/emelinejourj.php

 #texte
 {


padding-left:330px;
padding-top:150px;

 }


comment je peux y remedier?
A voir également:

4 réponses

NookZ Messages postés 2376 Statut Membre 514
 
y'a un div non? Le texte est bien dedans?
0
gaya_102
 
oui il est bien dans un div
0
titof29 Messages postés 46 Statut Membre 20
 
Ajoute :

width:500px;

et adapte 500px par la bonne largeur.
0
gaya_102
 
ca marche toujours pas je vous donne tout mon code


body {
background-color: #FBE3DE;

} 
body2 {
background-color: #FBE3DE;
margin-right:auto;
margin-left: auto;
background-color: #FBE3DE;

} 

img {
border:0;
vertical-align:middle;
}

a { 
text-decoration:none; }

#unite
{
position:absolute;
left:50%;
margin-left:-490px;
width: 980px;
top:50%;
margin-top:-271px;
height: 542px;
background-image : url("image/fond_emeline.jpg");
background-repeat: no-repeat;
border :2px solid black;
}


#rubrique
{
position:absolute;
left:50%;
margin-left:-490px;
width: 980px;
top:50%;
margin-top:-271px;
height: 542px;
background-image: url("image/fond_rubrique.jpg");
background-attachment: fixed; /* fixe le fond*/
background-repeat: no-repeat;
border :2px solid black;
}
 
 
 #texte
 {


padding-left:330px;
padding-top:150px;
width:300px;
 }
 
#rubrique2
{
width: 980px;
height: 542px;
margin: auto;
background-image : url("image/fond_rubrique.jpg");
background-repeat: no-repeat;
border :2px solid black;
}

.menu
{
width: 980px;
height: 126px;
}
.en_tete
{
width: 980px;
height: 173px;
}
.bas_page
{
width: 980px;
height: 243px;
}

/* pour le menu deroulant */


#menuderoulant
{
width: 644px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}

#menuderoulant li
{
float: left;
margin: 0;
padding: 0;
border: 0;
}

#menuderoulant .sousmenu
{
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
background: yellow;
}

#menuderoulant .sousmenu li
{
margin: 0;
padding: 0;
border: 0;
}
/* on cache tout les menus avec la propriété display none*/

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
 background: #3B4E77;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #F2462E;
}
 



<!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>Jour J</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />




<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design_emeline4.css" />

	   
	   </head>
 
   <body>
       <div id="rubrique">        
           <div>
		   <?php
include("menu.php");
?> 
           <div id="texte"> 
		   
		   
		   
		   keeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
		   sdffffffffffffffffffffffffffffffffffff
		   sdffffffffffffffffffffffffff
		   ffffffffffffffffffffffffffffffff
		   fffffffffffffffffffffffffffffffffffffffffffffffff
		   ffffffffffffffffffffffffffffffffffffffffffff
		   ffffffffffffffffffff
		   ffffffffff
		   fffffffffffffffffffffffff
		   ffffffffffffffffffffffffff
		   fffffffffffffffffffffffff
		   ffffffffffffffffff
		   ffffffffffffffff
		   ffffffffffffffffffffff
		   ffffffffffffffffffffff
		   fffffffffffffffffffff
		   fffffffffffffffffffffffffffff
		   ffffffffffffffffffffffff
		   fffffffffffffffffffffff
		   ffffffffffffffffffffffffffffffff
		   ffffffffffffffffffffffffffffff
		   ffffffffffffffffffffffffffffffff
		   fffffffffffffffffffffffffffffffff
		   fffffffffffffffffffffffffffffffffffffff
		   ffffffffffffffffffffffffffff
		   ffffffffffffffffffffffffffffffffff
		   
		   
		   
		   
		   </div>
		 
		   </div>
		   </div>
		   <script type="text/javascript">
    initMenu();
</script>
		   
		   	<script type="text/javascript">
			var imgs = document.getElementsByTagName('img');
			
			for (var i = 0; i < imgs.length; i++)
			{
				if (imgs[i].className == 'rollOver')
				{
					imgs[i].onmouseover = (function() { var a = this.src; this.src = this.alt; this.alt = a; });
					imgs[i].onmouseout = (function() { var a = this.src; this.src = this.alt; this.alt = a; });
					imgs[i].className = '';
				}
			}
			
			</script>
   </body>
</html>
0
titof29 Messages postés 46 Statut Membre 20
 
Le problème vient du fait que tu aies une chaîne de caractère sans espace (les "ffff"), dans ce cas là on ne peux pas aller à la ligne alors tout est à la suite.
Insère du vrai texte et tu n'auras pas ce problème.
0
gaya_102
 
j'ai fais ce que tu m'as dit

mais voila

http://www.sandrineetgwen.fr/emelinejourj.php
0
NookZ Messages postés 2376 Statut Membre 514
 
#texte
{
padding-left:330px;
padding-top:150px;
width:300px;
}

il faut en plus définir la hauteur : height
et overflow:auto;
0
gaya_102
 
je vois mon problème. En fait faut que je réfléchisse sur la mise en forme de ma page. C'est a dire soit je fais un scrolling sur le coté soit j'agrandis ma page. Mais comme je veux que mon fond d'écran reste (je veux garder ma photos toujours en bas de page
0
NookZ Messages postés 2376 Statut Membre 514 > gaya_102
 
Alors utilisez le scroll :)
0