Texte/contenu qui dépasse de son bloc

Résolu
rémoundo Messages postés 408 Date d'inscription   Statut Membre Dernière intervention   -  
Giorgiolino Messages postés 253 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour à tous

J'ai un problème qui me titille depuis deux jours ,c'est que j'ai mon contenue qui dépasse du bloc et qui va se cacher derrière la colonne (parce que j'ai mis un z-index dans le css pour la colonne de droite )

http://nintendow.olympe-network.com/1.png : avec le z-index
http://nintendow.olympe-network.com/2.png : sans le z-index
http://nintendow.olympe-network.com/3.png : avec le z-index

que faire ?
si vous voulez un code de css ya pas de problème


Merci d'avance !
A voir également:

11 réponses

rémoundo Messages postés 408 Date d'inscription   Statut Membre Dernière intervention   17
 
oui ,j'ai essayer notepad mais il ne me plait pas trop .bloc note me suffit .
3
Giorgiolino Messages postés 253 Date d'inscription   Statut Contributeur Dernière intervention   52
 
Certes...Bloc notes EST suffisant.

A ceci près qu'il ne te permettra pas de détecter une erreur comme celle que tu as faite.
Tout dépendra du nombre d'erreurs que tu fais (tout le monde en fait) et que tu temps que
tu as envie de passer à debugger.
0
phenX Messages postés 704 Date d'inscription   Statut Membre Dernière intervention   23
 
tu a entourer ton bloc texte dans un div avec un width ?
0
rémoundo Messages postés 408 Date d'inscription   Statut Membre Dernière intervention   17
 
alors oui c'est une div :

	    <div id="right_haut"></div>
	    <div id="rightbk">
		    <h2>bienvenue sur ...</h2>
<p>
Il était une fois un bûcheron et une bûcheronne qui avaient sept enfants, tous des garçons. L'aîné n'avait que dix ans et le plus jeune n'en avait que sept. On s'étonnera que le bûcheron ait eu tant d'enfants en si peu de temps; mais c'est que sa femme allait vite en besogne, et n'en faisait pas moins de deux à la fois. Ils étaient très pauvres, et leurs sept enfants les incommodaient beaucoup, parce qu'aucun d'eux ne pouvait encore gagner sa vie. 
</p>
	</div>
		<div id="right_bas"></div>

j'ai essayer avec width sa n'a pas marcher mais je ne sais pas si je l'ai fais correctement :/
0
phenX Messages postés 704 Date d'inscription   Statut Membre Dernière intervention   23
 
tu petu donner ton css de right_haut et rightbk ??
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
rémoundo Messages postés 408 Date d'inscription   Statut Membre Dernière intervention   17
 
est le css :

#right_haut {
margin-left: 0px;
height: 100px;
widht: 665px;
position: relative;
background: url(images/right-top.png) no-repeat;

}

#rightbk {
margin-left:0px;
widht: 665px;
background: url(images/right-bk.png) repeat-y;
padding-left: 15px;
padding-right: 15px;
padding-top: 0px;
padding-bottom: 5px;
position: relative;
}

#right_haut {
margin-left:0px;
height: 20px;
widht: 665px;
position: relative;
background: url(images/right-top.png) no-repeat;
}

#rightbk {
margin-left:0px;
widht: 665px;
background: url(images/right-bk.jpg) repeat-y;
padding-left: 15px;
padding-right: 15px;
padding-top: 0px;
padding-bottom: 5px;
position: relative;
}

#rightbk h2 {
font-size: 1.3em;
color: #2366a7;
margin: 0;
padding: 0;
margin-bottom: 10px;
padding-bottom: 0.3em;
width: 600px;
border-bottom: 1px dashed #C0C0C0;
}

#rightbk h3 {
color: #2366a7;
margin: 0;
margin-bottom: 10px;
0
phenX Messages postés 704 Date d'inscription   Statut Membre Dernière intervention   23
 
pk ton <div id="right_haut"></div> n'encadre rien ?
0
rémoundo Messages postés 408 Date d'inscription   Statut Membre Dernière intervention   17
 
parceque c'est comme sa dans le kit graphique original , le right_haut n'est que le haut du bloc ,une image quoi !
0
phenX Messages postés 704 Date d'inscription   Statut Membre Dernière intervention   23
 
deja moi je mettrais ton width a 600px de #rightbk et je virerais les <p></p>
0
rémoundo Messages postés 408 Date d'inscription   Statut Membre Dernière intervention   17
 
Ne marche pas désoler :/
0
rémoundo Messages postés 408 Date d'inscription   Statut Membre Dernière intervention   17
 
pas d'autre solution ?
0
Giorgiolino Messages postés 253 Date d'inscription   Statut Contributeur Dernière intervention   52
 
Salut,
c'est une simple erreur d'orthographe dans ton fichier css :

Ecris width et non pas widht (d'abord le T, puis le H à la fin)

Bon courage.
0
rémoundo Messages postés 408 Date d'inscription   Statut Membre Dernière intervention   17
 
merci sa marche !
0
Giorgiolino Messages postés 253 Date d'inscription   Statut Contributeur Dernière intervention   52
 
Voilà qui bien.
Un éditeur de texte intelligent (type gEdit sous Linux ou Notepad sous Windows)
permet de détecter ce genre d'erreur, puisqu'une propriété ml orthographiée ne sera
pas colorée automatiquement comme les autres.

ça pourra t'être utile pour la suite.

@+
0