La Communauté TitaXium > Texte Mal Placé Suite À La Découpe

Version complète : Texte Mal Placé Suite À La Découpe

La Communauté TitaXium > Service Communication > Espace Developpement

NyTrO

11 Apr 2005, 18:12

Salut, j'ai fais une demande de découpe qui a été réalisé très rapidement (merci Nico) mais j'ai un problème. Le texte déborde sur le cadre, je voudrais qu'il reste uniquement dans la zone centrale. Comment dois-je faire ?

:-D
Voilà l'aperçu du problème :ici

Merci d'avance

nonos

11 Apr 2005, 19:24

margin-right

NyTrO

11 Apr 2005, 19:32

Citation (nonos @ lundi 11 avril 2005 à 19h24)

margin-right

Merci de ta réponse, mais où introduire celà ?

Jojo

12 Apr 2005, 16:58

Je te conseil de mettre tout simplement un tableau, avec une largeur fixe et sa devrais être bon !
A+ ^_^

Xtouch

12 Apr 2005, 17:29

Bouh jojo !!! Ce serait vraiment une méthode moche de barbare !
Ca gacherai tout le mal du développeur qui a fait la découpe proprement !
Enfin presque proprement

Bon, je pense avoir trouvé un moyen :
Dans ton fichier style.css, tu remplaces :

Code

#centre {
    background: url(images/fond_centre.jpg) repeat-y;
    width:594px;
    height:600px;
    float:left;
    overflow:auto;
margin:right;
}

Code

#centre {
    background: url(images/fond_centre.jpg) repeat-y;
    width:554px;
    height:600px;
    float:left;
    overflow:auto;
margin:right;
}

Et je crois que c'est bon

NyTrO

12 Apr 2005, 18:01

Merci Joj mais je préfère la méthode de Xtouch

C'est bon c'est limité dans le cadre mais maintenant, il me manque un bout de design

Faut que je fasse quoi ?

Merci d'avance ^_^

nonos

12 Apr 2005, 18:05

mettre plutot juste : margin-right:10px;
Ensuite, il faut choisir la bonne valeur, à toi d'essayer.

Xtouch

12 Apr 2005, 19:21

exact nonos

Je crois que c'est dans les environ de margin-right: 40px;

Essaye ce code donc :

Code

#centre {
background: url(images/fond_centre.jpg) repeat-y;
width:554px;
height:600px;
float:left;
overflow:auto;
margin-right: 40px;
}

NyTrO

12 Apr 2005, 20:06

Les 2 méthodes sont identiques et ont le même problème à voir ici.
Le problème je pense viens du fais que les bourdures sont prises en compte dans le menu et le bloc central, ils faudrai que celà soit complètement idépendant non ? :unsure:

Merci pour votre aide :innocent:

nonos

13 Apr 2005, 06:23

remplace sa :

Code

#centre {
background: url(images/fond_centre.jpg) repeat-y;
width:554px;
height:600px;
float:left;
overflow:auto;
margin:right;
}

par

Code

#centre {
background: url(images/fond_centre.jpg) repeat-y;
width:594px;
height:600px;
float:left;
overflow:auto;
margin-right:40px;
}

NyTrO

13 Apr 2005, 12:16

Citation (nonos @ mercredi 13 avril 2005 à 06h23)

remplace sa :

Code

#centre {
background: url(images/fond_centre.jpg) repeat-y;
width:554px;
height:600px;
float:left;
overflow:auto;
margin:right;
}

par

Code

#centre {
background: url(images/fond_centre.jpg) repeat-y;
width:594px;
height:600px;
float:left;
overflow:auto;
margin-right:40px;
}

C'est la même chose que Xtouch, et celà ne marche pas cela vient à mon avis de la découpe du design, faudrait que les bords soient indépendants

nonos

13 Apr 2005, 12:30

prends mon msn : two_eleven@hotmail.fr

Xtouch

13 Apr 2005, 12:47

Rha làlà ! Si seulement la gestion des boîtes n'était pas si foireuse sous Internet Explorer !
Il suffirait de mettre un bête padding-right !

Sinon, il te reste la solution suivante :
tu remets comme la découpe d'origine, et tu mets ton texte dans une autre boîte div.

C'est à dire que tu fais comme ça :

Code

<div style="width:554px; margin:0;>
Ton texte blabalbalbal
</div>

nonos

13 Apr 2005, 12:51

ouy bien un p centre non ?

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.