Problème visuel dans la page d'envoi de message [résolu] Bouton_activeProblème visuel dans la page d'envoi de message [résolu] Bouton_hoverProblème visuel dans la page d'envoi de message [résolu] Fb-hoverProblème visuel dans la page d'envoi de message [résolu] Fb-active
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
» Structure de Qui Est En Ligne (1)
Problème visuel dans la page d'envoi de message [résolu] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème visuel dans la page d'envoi de message [résolu] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème visuel dans la page d'envoi de message [résolu] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème visuel dans la page d'envoi de message [résolu] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème visuel dans la page d'envoi de message [résolu] EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Problème visuel dans la page d'envoi de message [résolu] EmptyMar 07 Fév 2023, 08:40 par Oxtran

» Mettre votre © Copyright dans le footer de votre forum
Problème visuel dans la page d'envoi de message [résolu] EmptyMar 07 Fév 2023, 07:35 par Oxtran

» Barre(s) Hitskinienne
Problème visuel dans la page d'envoi de message [résolu] EmptyVen 03 Fév 2023, 17:22 par Krager

Le Deal du moment : -17%
Casque de réalité virtuelle Meta Quest 2 ...
Voir le deal
249.99 €

Partagez
 

Problème visuel dans la page d'envoi de message [résolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://walkonvanityruins.forumactif.org/
YumikoSayaka
YumikoSayaka
{ Membre }
{ Membre }

Féminin Messages : 9



Problème visuel dans la page d'envoi de message [résolu] Empty
Bonjour  Problème visuel dans la page d'envoi de message [résolu] 73120010 ,
alors pour que je poste une question, il faut vraiment que je sois désespérée, ce qui est le cas xDD

Mon problème réside dans l'action de poster un message : le tableau d'envoi de message est trop long et déforme le fond de page :
» Adresse en hide :

» Screen + ciblage du problème


- Mon forum est en 700 de largeur
- Je code sur Chrome (je sais pas si c'est important mais dans le doute xD)
- Toutes les modifications de Template "Poster & Messages Privés" ont été supprimées (parce que j'ai quand même cherché toute seule pour modifier la taille du tableau, mais rien à faire, ça bouge pas >.<)
- J'ai modifié l'éditeur de texte via le CSS (code ci dessous), mais même en mettant genre "300px" pour la taille, le tableau ne bouge pas.
Code:
/***********************************************APPARENCE NOUVEL EDITEUR*/

.sceditor-container.ltr.sourceMode{background-color :white;border: none !important;}
div.sceditor-toolbar{
background-color :white !important; /*couleur autour des boutons*/
border: none !important;
}

.sceditor-container iframe, .sceditor-container textarea {
background-color: white!important; /*couleur de la zone d'ecriture*/
color: #464646 !important;
border: 1px solid #9e0c0c!important;
-x-system-font:none;
font-size:11px !important;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:11px;
margin:0px!important;
padding:5px !important;
text-align:justify !important;
width:auto;!important;
height : 240px !important;}
        
div.sceditor-group
        {
          background-color: white !important;
          color: white !important;
          border-top: 1px solid #9e0c0c!important;
          border-bottom: 1px solid #9e0c0c!important;
          border-left: 0px;
          border-right: 0px;
          margin:0px!important;
          margin-bottom:3px!important;
          background-color: #e9e9e9 !important;
        }
    
a.sceditor-button.hover {background-color: white !important;}
.sceditor-button-headers{display:none!important;}

#sceditor_smilies ,#sce_smilies_body .row1 , #sce_smilies_body {background:white; max-width: 200px !important;
margin: 0px!important; padding:0px!important;}
#sceditor_smilies {border: 1px solid #9e0c0c; margin: 0px!important; padding:0px!important;}

 
/*********************************************FIN APPARENCE NOUVEL EDITEUR*/

J'espère avoir donné toutes les infos importantes =/
Merci d'avance de votre attention Problème visuel dans la page d'envoi de message [résolu] 3451650135


Dernière édition par YumikoSayaka le Ven 02 Jan 2015, 09:47, édité 1 fois
MessageSujet: Problème visuel dans la page d'envoi de message [résolu]   Problème visuel dans la page d'envoi de message [résolu] EmptyJeu 01 Jan 2015, 10:59
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème visuel dans la page d'envoi de message [résolu] Empty
Hello Yumiko Smile

Bonne année !

Pourrais tu ouvrir un forum aux invités où l'on pourrait poster dessus s'il te plait (pour voir le problème directement) Smile ?
MessageSujet: Re: Problème visuel dans la page d'envoi de message [résolu]   Problème visuel dans la page d'envoi de message [résolu] EmptyJeu 01 Jan 2015, 17:20
Revenir en haut Aller en bas
http://walkonvanityruins.forumactif.org/
YumikoSayaka
YumikoSayaka
{ Membre }
{ Membre }

Féminin Messages : 9



Problème visuel dans la page d'envoi de message [résolu] Empty
Bonsoir !
Ouiii merci ! Bonne année à toi aussi *o*

J'ai ouvert le premier forum "votre 1er forum" =)
Merci de bien vouloir jeter un coup d’œil à cette page troll Problème visuel dans la page d'envoi de message [résolu] 577704309
MessageSujet: Re: Problème visuel dans la page d'envoi de message [résolu]   Problème visuel dans la page d'envoi de message [résolu] EmptyJeu 01 Jan 2015, 19:28
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème visuel dans la page d'envoi de message [résolu] Empty
Hello Yumiko Smile

Il me semble que le problème vient de la largeur du sujet du message Smile
Normalement la largeur du textarea est calculée en js par rapport à la largeur déjà présente sur ton forum (je crois).

Dans ton template posting_body normalement il y a ceci :

Code:
<input class="post" style="width:450px" type="text" name="subject" value="{SUBJECT}" size="45" maxlength="{TOPIC_TITLE_MAXLENGTH}" tabindex="2" title="{TOPIC_TITLE_LENGTH_EXPLAIN}" onkeypress="if (event.keyCode==13){return false}" />

Ce qui nous intéresse est le CSS mis pour sa taille : style="width:450px"
450px est trop large pour ton forum, tu peux donc diminuer cette valeur comme tu le souhaites (par exemple 400px), ou bien tu peux mettre "100%" à la place de "450px", comme ça le sujet prendra toute la place disponible.

Dis nous si avec cette modification c'est mieux Smile ?
MessageSujet: Re: Problème visuel dans la page d'envoi de message [résolu]   Problème visuel dans la page d'envoi de message [résolu] EmptyVen 02 Jan 2015, 08:46
Revenir en haut Aller en bas
http://walkonvanityruins.forumactif.org/
YumikoSayaka
YumikoSayaka
{ Membre }
{ Membre }

Féminin Messages : 9



Problème visuel dans la page d'envoi de message [résolu] Empty
Han j'avais pas vu ça T.T

C'était bien là le problème, c'est réglé ! Merci beaucoup pour ton aide Problème visuel dans la page d'envoi de message [résolu] 2176505670
MessageSujet: Re: Problème visuel dans la page d'envoi de message [résolu]   Problème visuel dans la page d'envoi de message [résolu] EmptyVen 02 Jan 2015, 09:47
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème visuel dans la page d'envoi de message [résolu] Empty
Super, contente d'avoir pu t'aider Smile

Je lock et j'archive.
MessageSujet: Re: Problème visuel dans la page d'envoi de message [résolu]   Problème visuel dans la page d'envoi de message [résolu] EmptyVen 02 Jan 2015, 13:01
Revenir en haut Aller en bas
Contenu sponsorisé




Problème visuel dans la page d'envoi de message [résolu] Empty
MessageSujet: Re: Problème visuel dans la page d'envoi de message [résolu]   Problème visuel dans la page d'envoi de message [résolu] Empty
Revenir en haut Aller en bas
 

Problème visuel dans la page d'envoi de message [résolu]

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

 Sujets similaires

-
» Problème d'alignement dans une page d'acceuil (résolu)
» [résolu]Retirer auteur & message dans un topic RESOLU
» [Page d'accueil] Un cadre déformé par le Message sur la page d'accueil [RÉSOLU]
» Problème mise en page message
» (résolu) enlever un intitulé dans le profil des message.

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-

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