Sujets similaires

Sujet: Probléme code qui depasse sur le forum Jeu 04 Oct 2012, 13:40

Bonjours a tous ,voila je vous contacte car j'ai essayez le code d'orange pour les 3 collones avec l'effet zoom sur un forum test : http://testewf.lebonforum.com/

J'aimerai savoir comment modifier la taille de mon entete car comme vous pouvez le constatez , celui sort sur le reste sur forum

Voici le code

Code:: ------------<div class="cssactif_pa_main">
<h1>Bienvenue sur le forum</h1><div><div class="cssactif_pa_colonne colgauche">
<div class="cssactif_pa_header">
<h2>Concept</h2>
<p> Prochain Pay Per View de L'EWF </p>
</div>
<p><img src="http://s4.noelshack.com/uploads/images/14710027600125_ppv.bmp" border="0" alt="" /></p>
<p> Ut sollicitudin sem vel ligula pulvinar vehicula. Aliquam sagittis risus adipiscing nisi placerat ac bibendum nisi tincidunt. Maecenas imperdiet, dolor eu elementum dapibus, leo elit dapibus orci, ut ornare purus purus at nisl. Praesent consectetur tincidunt neque id vulputate.</p>
</div>
<div class="cssactif_pa_colonne colcentre">

<div class="cssactif_pa_header">
<h2>Nouveautés</h2>
<p>La monnaie virtuel fait son apparition ! </p>
</div>
<div class="new"><em>14/07</em> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit.</div>
<div class="new"><em>05/07</em> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit.</div>
<div class="new"><em>23/06</em> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit.</div>
<div class="new"><em>21/06</em> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit.</div>
</div>
<div class="cssactif_pa_colonne coldroite">

<div class="cssactif_pa_header">
<h2>Matt</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit. </p>
</div>
<div class="pers">
<img src="http://wrestling.insidepulse.com/wordpress/wp-content/uploads/2012/03/Cody-Rhodes-120x120.png">
Nath'<br>
<font color="Red">Admin</font><br>
<a href="#pv1">Voir la fiche</a>
</div>
<div class="pers">
<img src="http://wrestling.insidepulse.com/wordpress/wp-content/uploads/2012/03/Chris-Jericho-120x120.jpg">
Prénom & nom<br>
Groupe<br>
<a href="#pv1">Voir la fiche</a>
</div>
<div class="pers">
<img src="http://image.noelshack.com/fichiers/2012/28/1342357997-avatar_vide.jpg">
Prénom & nom<br>
Groupe<br>
<a href="#pv1">Voir la fiche</a>
</div>
<div class="pers">
<img src="http://image.noelshack.com/fichiers/2012/28/1342357997-avatar_vide.jpg">
Prénom & nom<br>
Groupe<br>
<a href="#pv1">Voir la fiche</a>
</div>
<div class="pers">
<img src="http://image.noelshack.com/fichiers/2012/28/1342357997-avatar_vide.jpg">
Prénom & nom<br>
Groupe<br>
<a href="#pv1">Voir la fiche</a>
</div>
</div>

</div>
</div>
------

Merci d'avance

Sujet: Re: Probléme code qui depasse sur le forum Jeu 04 Oct 2012, 21:46

Salut EWF,
Tu as mis une image de 360px de haut + du texte et la hauteur des colonnes est prévue pour être de 400px fixe, dans le CSS correspondant.
Si tu veux garder ta grande image, tu peux augmenter la hauteur de colonne à 500 ou 550 px environ (fais tes essais), dans cette partie là du CSS de la PA :

Code:: .cssactif_pa_colonne { /* Style général des colonnes */
float: left; /* Place les colonnes un à côté de l'autre */
width: 33%; /* Donne la grandeur des colonnes */
background-color: #FFFFFF; /* Couleur de fond */
height: 400px; /* Hauteur des colonnes: doit être fixe */
color: #777777; /* Couleur du texte */

Par contre, je ne sais pas pourquoi, alors qu'elle est prévue pour être fixe, sa dimension suit celle du contenu. Un codeur pourra certainement répondre. (J'ai essayé avec !important, ça ne change rien)

Et la réponse m'intéresse... aussi. Wink

EDIT : Je réfléchis et en fait, je ne comprends pas la mention : "doit être fixe"... puisqu'elle ne l'est pas. u^u

Sujet: Re: Probléme code qui depasse sur le forum Ven 05 Oct 2012, 00:11

*Si je ne m'abuse, si elle doit être fixe c'est juste pour indiquer qu'on doit à tout prix mettre une valeur, c'est à dire qu'on ne peut pas laisser la hauteur se régler automatiquement avec le contenu des colonnes (donc ne rien mettre comme valeur à HEIGHT ou ne simplement pas mettre la propriété...). C'est logique quand on n'y pense, car étant donné (je n'ai pas été voir le reste du CSS mais je suppose qu'il doit être conçu de la sorte) que la propriété qui crée l'effet de ''zoom'' appartient au CSS3, on a voulu crée un effet de transition. Donc si on veut zoomer, on doit savoir à partir de quoi on zoom, si on ne sait pas de quoi eh bien... ça ne fonctionnera pas Razz

*cours regarder le code*

Donc ce que Pamina a dit est exact Smile

Tu n'as qu'à augmenter la hauteur des colonnes et ça devrait fonctionner. Sinon, si tu veux la laisser à 400px, si tu rajoutes:

Code:: overflow: auto;

à la partie de code que Pamina a donné, ça rajoutera une scrollbar Wink

Citation :: Par contre, je ne sais pas pourquoi, alors qu'elle est prévue pour être fixe, sa dimension suit celle du contenu. Un codeur pourra certainement répondre. (J'ai essayé avec !important, ça ne change rien)

Elle suit celle du contenu? De ce que je vois, ça ne la suit pas ça ne fait que déborder :/ Que veux-tu dire exactement?

Pour ce qui est du fait que le titre est super éloigné du haut, c'est causé par le padding (marges internes) de la PA. De ce que je vois dans le code original, Orange a mit 30px mais sur firebug, je vois que toi tu as mis 100px, je te conseille donc, si tu veux que ce soit plus large sur les côtés mais pas autant en haut, de le faire ainsi:

Code:: .cssactif_pa_main {
width: 1000px;
padding-left: 100px;
padding-right: 100px;
padding-top: 30px;
padding-bottom: 30px;
margin: 0 auto;
}

Sujet: Re: Probléme code qui depasse sur le forum Ven 05 Oct 2012, 05:26

Salut Fire-Fly,
J'avais mal vu, en effet, "ça dépasse" ^^(j'avais mis une image en bas, sur mon essai, qui cachait la limite de la colonne).
Ce qui trompe également, c'est que le contenu qui "dépasse" subit l'effet hover, du coup, on oublie que la "colonne" de 400px, n'est en fait que le fond.
Je pensais que "fixe" empêchait le dépassement, justement. Je suis allée trop vite. ^^
Merci de tes précisions !

Sujet: Re: Probléme code qui depasse sur le forum Ven 05 Oct 2012, 07:22

Merci pour tous les gars .Vous êtes des dieux :DDDDD

Juste une question : Si je veut redire la taille des bloc bleu vert et violet ?

C'est quel code a modif ?