Défilement hors de son cadre Bouton_activeDéfilement hors de son cadre Bouton_hoverDéfilement hors de son cadre Fb-hoverDéfilement hors de son cadre Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Défilement hors de son cadre EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Défilement hors de son cadre EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Défilement hors de son cadre EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Défilement hors de son cadre EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Défilement hors de son cadre EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Défilement hors de son cadre EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Défilement hors de son cadre EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Défilement hors de son cadre EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -35%
Philips Hue Kit de démarrage : 3 Ampoules Hue ...
Voir le deal
64.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Défilement hors de son cadre

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Défilement hors de son cadre Empty
Bonjour/Bonsoir/Hello/Hola/Annyeonghaseyo/Ohayoooooo ♥️

Désolée si le titre est pas super explicite... bref.
Alors j'ai un léger problème ._.

http://iko-test.forumactif.com/forum.htm

J'ai deux box rose saumon avec un marquee vers le haut. Jusque là, tout va bien. Toutefois, le texte débute bien avant le box rose, et je ne sais pas pourquoi. Je dois avouer que moi + marquee = new, donc... ._.

Est-ce que quelqu'un a une solution?

Voici mon code HTML entier:
Spoiler:

Le code d'une des box au cas où vous seriez perdu xD
Code:
<td width=60%>
      <center><div class="infos"><marquee direction="up" scrollamount="2">• Le forum est NC-15 et peut contenir des scènes de hentaï/yaoi/yuri; si vous n'aimez pas, passez votre chemin.<br>
      • Nous demandons un minimum de 15 lignes par rp, et vous ne pouvez pas le commencer avant d'avoir fait votre présentation et votre fiche de personnage<br>
      • Bien consulter le règlement et la liste des avatars pris avant de s'incrire.<br>
      • Veuillez privilégier les personnages prédéfinis, ils sont importants pour l'histoire.</marquee></div></center>
   </td>

Et le CSS de la PA:
Spoiler:

C'est probablement tout con xD mais ça m'arrive souvent.

Merci d'avance pour vos réponses =D
PS: J'utilise Firefox, la version la plus récente je crois bien.
MessageSujet: Défilement hors de son cadre   Défilement hors de son cadre EmptySam 19 Juin 2010, 22:58
Revenir en haut Aller en bas
http://akumano-rol.nice-board.net/forum.htm
Tony
Tony
{ Membre }
{ Membre }

Masculin Messages : 36



Défilement hors de son cadre Empty
salut je ne suis pas un expert mais ton erreur se trouvait dans le code:

Code:
.infos {
background-color: #e67f77;
border: 1px solid #D4D4D4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 300px;
height: 180px;
overflow: auto;
font-family: georgia, serif;
font-size: 12px;
}

il manquait de cela
Code:

height: 200px;

dans une conclusion total est tel générale du code:

Spoiler:


le css a aussi été un peu altéré

Spoiler:


ami m'a parfaitement fonctionné^^

des saluts et pourvu que et servez-toi
MessageSujet: Re: Défilement hors de son cadre   Défilement hors de son cadre EmptyDim 20 Juin 2010, 02:32
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Défilement hors de son cadre Empty
Bonjour ^^

Héhé je n'avais pas vu que Tony avait posté pendant que je rédigeais mon message. J'ai été un peu long... Je ne sais pas si ses indications auront résolu ton problème, donc je te résume ce que j'ai pu trouver.

J'ai testé ton code sur mon forum et je n'ai pas observé ce problème du texte qui sort du cadre. J'avoue ne pas avoir très bien compris, car ton marquee est bien contenu dans ton div. Mais je ne suis pas du tout un spécialiste des marquee, et il se peut qu'un point m'ait échappé.
Ce que je constate par contre, c'est une barre de défilement qui se place à droite du texte. Elle provient du overflow:auto de ta classe infos. Il faut mettre hidden ici pour "couper" le texte, qui sera de toute façon visible grâce au défilement du marquee.
Je ne sais pas très bien comment expliquer ça, mais avec auto la hauteur apparente de ta balise sera bien celle que tu as définie, mais sa hauteur réelle sera celle de ton texte, et la différence sera couverte par la barre de défilement. Je ne sais pas si je suis clair... ^^"

Je n'ai trouvé qu'une seule erreur dans ton code, et que Tony n'a pas corrigée : il y a un /tr isolé. Mais pareillement il se peut que je n'aie pas tout vu.
Il est très bien construit, mais n'oublie pas les guillemets autour des attributs, notamment quand tu utilises width="x%" et les slashs de br / et à la fin des balises images. Ca fonctionne sans, mais il vaut mieux les mettre. Pareil pour les < center > que tu utilises. Dans les dernières versions du html on ne l'emploie plus, car l'alignement du texte fait partie de sa mise en forme, et la mise en forme se fait via le css, seul le contenu restant dans le html. Ceci dit, ce n'est pas une erreur.

Je t'ai remis ton html, en indiquant l'endroit où se trouve la balise tr en trop.

Si les quelques points que j'ai pu indiquer n'ont pas d'effet, essaie d'appliquer la hauteur à la cellule du tableau et de ne rien mettre pour height dans .infos. Je ne peux pas voir s'il y a de changement après ça ou pas, puisque là où j'ai testé je n'ai pas eu de problème, mais j'avais eu le même souci avec la largeur d'une balise... et j'avais passé un sacré moment à chercher avant de trouver tout bêtement ça. J'ignore si ça aura le même effet ici.

Spoiler:


Fu'
MessageSujet: Re: Défilement hors de son cadre   Défilement hors de son cadre EmptyDim 20 Juin 2010, 04:48
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Défilement hors de son cadre Empty
Bon donc merci à vous deux pour vos réponses =D
J'ai du vous donner le mauvais code ._. parce que j'avais enlevé l'overflow:auto sur mon forum. Bref xD
J'ai mit 200px comme l'a dit Tony, et ça marche, n'empêche que j'aurais aimé que ça marche avec 150px xD mais ce n'est pas grave.~

Sinon, pour le /tr isolé, c'est vrai qu'il était isolé comme ça mais c'est parce que avant j'ai mit une autre /tr, qui était en trop. Je l'ai enlevé et voilà =D mais si tu ne me l'aurais pas dit, je ne l'aurais pas vu. Je me suis demandé aussi pourquoi elle était toute seule XD

Donc pour mes br, je les mets parfois les / mais souvent j'oublie parce que dans la PA ils s'enlèvent automatiquement ._. les images aussi d'ailleurs... mais j'avoue ne pas y penser souvent XD Les guillemets je les oublie rarement en plus ;__; mais c'est bon de me l'avoir fait remarqué~

Et pour mon center, je devrais mettre align="center", c'est ça? x)

Bon au risque d'être chiante, j,ai une dernière question ._.
J'ai déjà essayé pour mon menu de mettre les liens à gauche, et au survol ils se déplacent à droite. J'ai utilisé text-align: left pour le normal et text-align: right pour le hover. Pourtant, ça n'a pas marché. Avez-vous une idée du comment faire? ._.
Je sais que là sur ma PA c'est centré, mais bon xD
MessageSujet: Re: Défilement hors de son cadre   Défilement hors de son cadre EmptyDim 20 Juin 2010, 12:51
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Défilement hors de son cadre Empty
Bonjour,

Votre problème est-il résolu ?
MessageSujet: Re: Défilement hors de son cadre   Défilement hors de son cadre EmptyVen 25 Juin 2010, 09:28
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Défilement hors de son cadre Empty
Oui c'est résolu maintenant merci, j'ai trouvé le problème comme une grande *_*
Mais bon xD (avait pas vu les news messages)

Je classe =D
MessageSujet: Re: Défilement hors de son cadre   Défilement hors de son cadre EmptyMer 30 Juin 2010, 11:55
Revenir en haut Aller en bas
Contenu sponsorisé




Défilement hors de son cadre Empty
MessageSujet: Re: Défilement hors de son cadre   Défilement hors de son cadre Empty
Revenir en haut Aller en bas
 

Défilement hors de son cadre

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» PA hors cadre. [Terminé]
» Soucis avec le défilement.
» Défilement arrêté
» Probleme de Defilement
» Problème défilement

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit