Sujets similaires

Dernière édition par drey le Mer 02 Mar 2011, 09:26, édité 1 fois

Bonjour/bonsoir !

Voilà, j'utilise le moteur Mozilla Firefox, et mon forum est en version phpbb2, css et templates modifiées.

Mon accordéon fonctionne parfaitement !
Cependant lorsque je mets un texte dedans "exemple du texte actuel : BLABLABLABLABLABLA", celui ne revient pas à la ligne, en gros on ne voit que le début de la phrase, la fin étant cachée, invisible... :/

Ma question est donc : quel code css, balise html dans le code (autre) dois-je faire ?

Voici le css de l'accordéon si besoin est :

Spoiler:

Et le code HTML de ma PA :

Spoiler:

(que les balises soient en div/span ne change rien apparemment... du moins pas pour mon soucis de retour à la ligne automatique ^^'

Et enfin mon forum : http://crazy-journey.kanak.fr/

Un grand merci à celui qui se penchera sur mon problème Razz

Dernière édition par Hiro' le Mer 02 Mar 2011, 08:48, édité 1 fois

Yo'

Pour faire un retour a la ligne , il faut rajouter un <br>

Et, met ton texte dans un span avec une largeur(width) pour un retour a la ligne auto Wink

Oui je sais bien, mais le problème c'est qu'avec cette solution je ne peux pas justifier mon texte si ? *auquel cas je passerai pour un boulet du codage xD*

J'ai édité Wink

Spoiler:

Je me suis pas trompé dans le code ?
Car si c'est un sans faute (youpie ^^) et bien le span width ne fonctionne pas. J'ai tenté avec des pixels (l'accordéon étant de 125 px de large) mais là aussi cela ne fonctionnait pas :S

*désolé de vous embêter ><*
Cordialement.

Hop'

Si tu veux que grand texte ne quitte pas l'accordéon, tu peux justifier le texte avec cette propriété:

Code:: text-align: justify;

Et je le mets où dans le code css exactement ? A chaque valeur ?
(je viens d'essayer de le placer mais ça ne semble pas vouloir fonctionner T.T)

Mets ce code à cette class:

Code:: .postbody{
text-align: justify;
}

Spoiler:

Code:: /* accordeon de la PA */

#vkwicks .kwicks li{
width: 125px;
height: 100px;
margin-bottom: 3px;
}
#vkwicks #kwick1 {
background-color: #FF5100;
}
#vkwicks #kwick2 {
background-color: #B33900;
}
#vkwicks #kwick3 {
background-color: #FFD000;
}
#vkwicks #kwick4 {
background-color: #B39200;
margin-bottom: none;
}

.kwicks {
list-style: none;
position: relative;
margin: 0;
padding: 0;
}
.kwicks li{
display: block;
overflow: hidden;
padding: 0;
cursor: pointer;
}

.returnToKwicks {
display:block;
border:1px dashed #888;
padding:5px;
float:right;
}
.returnToKwicks:hover {
background-color: #5e5e76;
text-decoration: none;
color: #aaa;
}

.postbody{
text-align: justify;
}

/* Titre des catégories */

a.forumlink {
display:block ;
font-family:trebuchet MS;
font-size: 16px;
text-decoration: none; /* Décoration du texte : overline */
text-transform: lowecase ; /* Uppercase, capitalize, none, lowecase */
padding-bottom: 2;
text-align: left ;left/* Alignement du texte : left, right, center ou justify */
font-size: 16px;
color: #916060; /* Couleur du texte */
background-color: #EBF6DE;
border-bottom:#A4DC98 2px solid;
border-right:#A4DC98 1px solid;
}

a.forumlink:hover {
display:block ;
color: #40A497 ; /* Couleur du texte au survol */
text-transform: uppercase;
background-color: #EBF6DE;
border-bottom:#A4DC98 2px solid;
border-right:#A4DC98 1px solid;
}

/* aparence lien sous forum dans sous forum */ /*ne pas toucher */

.titre {
border-top:#A4DC98 2px solid;
border-bottom:#A4DC98 2px solid;
background-color: #EBF6DE;
font-family:trebuchet MS;
text-transform: lowecase ;
background-color: #FFFFFF;
font-size: 12px;
}

.titre:hover {
border-top:#A4DC98 2px solid;
border-bottom:#A4DC98 2px solid;
background-color: #EBF6DE;
font-family:trebuchet MS;
color: #40A497 ; /* Couleur du texte au survol */
text-transform: uppercase;
background-color: #FFFFFF;
font-size: 12px;
}

/* justification des rp */

.postbody {
padding-left: 30px;
padding-right: 30px;
text-align:justify;
}

body {
text-align:justify;
}

/* fond de notre PA */

.bestutofond {
background-image:url(http://nsa26.casimages.com/img/2011/02/28/11022807370597918.png);
background-position:top center;
background-repeat:no repeat;
}

/* Lien normal des topics */

a.topictitle{
text-decoration: [ underline | overline | line-through | blink ];
font-variant: [ normal | small-caps | inherit ];
color : #COULEUR;
font-size: TAILLEpx;
font-face: POLICE D'ÉCRITURE; }

/* Lien visité des topics */

a.topictitle:visited{
text-decoration: [ underline | overline | line-through | blink ];
font-variant: [ normal | small-caps | inherit ];
color : #COULEUR;
font-size: TAILLEpx;
font-face: POLICE D'ÉCRITURE; }

/* Lien survolé des topics */

a.topictitle:hover{
text-decoration: [ underline | overline | line-through | blink ];
font-variant: [ normal | small-caps | inherit ];
color : #COULEUR;
font-size: TAILLEpx;
font-face: POLICE D'ÉCRITURE;
letter-spacing : ESPACEMENTpx; }

*Les codes peuvent être modifiés afin de correspondre à vos besoins (vous pouvez ajouter un fond (background-color), mettre le texte en italique (font-style), etc ...)

/* pointillés sous les liens */

a { text-decoration: none !important;
border-bottom : 1px dotted #000000
}

/* HTML associé : Votre Titre */

/* LIMITE TAILLE AVATAR */
.limitation-avatar img {
max-width: 150px;
max-height: 200px;
}.

/* HTML à placé dans template viewtopic : {postrow.displayed.POSTER_AVATAR}
après {postrow.displayed.POSTER_AVATAR} */

Et sur le forum, comme vous pouvez le constater aucun changement dans l'accordéon qui résiste encore Sad

*merci de m'aider en tout cas =)*

INFO : solution trouvée, vos codes marchent bel et bien, mais après avoir recherché sur le web, voir 'mot trop long' ma fait tilter que blablablablabla tout attaché était considère comme un seul mot, et donc... justifier un seul mot est souvent dur, et le couper avec des retours à la ligne encore plus, en soit c'est de ma faute ^^'

Ma foi, merci beaucoup à vous, vous êtes trop aimables Smile