Texte/contenu qui dépasse de son bloc

Résolu/Fermé
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 - 29 oct. 2009 à 16:58
Giorgiolino Messages postés 253 Date d'inscription vendredi 15 mai 2009 Statut Contributeur Dernière intervention 2 mars 2015 - 2 nov. 2009 à 13:23
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 !

11 réponses

rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
30 oct. 2009 à 21:08
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 vendredi 15 mai 2009 Statut Contributeur Dernière intervention 2 mars 2015 52
2 nov. 2009 à 13:23
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 mercredi 4 mai 2005 Statut Membre Dernière intervention 28 août 2012 23
29 oct. 2009 à 17:00
tu a entourer ton bloc texte dans un div avec un width ?
0
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
29 oct. 2009 à 17:03
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 mercredi 4 mai 2005 Statut Membre Dernière intervention 28 août 2012 23
29 oct. 2009 à 17:04
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 mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
29 oct. 2009 à 17:06
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 mercredi 4 mai 2005 Statut Membre Dernière intervention 28 août 2012 23
29 oct. 2009 à 17:08
pk ton <div id="right_haut"></div> n'encadre rien ?
0
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
29 oct. 2009 à 17:10
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 mercredi 4 mai 2005 Statut Membre Dernière intervention 28 août 2012 23
29 oct. 2009 à 17:17
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 mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
29 oct. 2009 à 17:26
Ne marche pas désoler :/
0
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
29 oct. 2009 à 17:44
pas d'autre solution ?
0
Giorgiolino Messages postés 253 Date d'inscription vendredi 15 mai 2009 Statut Contributeur Dernière intervention 2 mars 2015 52
29 oct. 2009 à 18:46
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 mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
30 oct. 2009 à 08:11
merci sa marche !
0
Giorgiolino Messages postés 253 Date d'inscription vendredi 15 mai 2009 Statut Contributeur Dernière intervention 2 mars 2015 52
30 oct. 2009 à 10:14
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