Plusieurs problèmes Bouton_activePlusieurs problèmes Bouton_hoverPlusieurs problèmes Fb-hoverPlusieurs problèmes 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
» Système d'onglets simple et personnalisable
Plusieurs problèmes EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Plusieurs problèmes EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Plusieurs problèmes EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Plusieurs problèmes EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Plusieurs problèmes EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Plusieurs problèmes EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Plusieurs problèmes EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Plusieurs problèmes EmptySam 11 Fév 2023, 06:04 par Krager

-20%
Le deal à ne pas rater :
Oceanic – Climatiseur monobloc réversible mobile 3530 W /12000 BTU
254.99 € 319.99 €
Voir le deal

Partagez
 

Plusieurs problèmes

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://voyagearoundtheworld.forumsactifs.com/index.htm?sid=9d809
Delphine
{ Membre }
{ Membre }

Féminin Messages : 20



Plusieurs problèmes Empty
Bonjour !

Problème 1 :

Alors en fait, dans mon message j'utilise des codes mais le problème c'est que parfois, ces codes ne marchent plus et tout mon message redevient normal.
Alors normalement mon message devrait faire ça :

Spoiler:

Et parfois les cadres bleu ne fonctionne plus et les textes redeviennent normal (désolé je n'ai pas d'image).


Problème 2 :

Sur plusieurs de mes messages, j'ai cet espace là qui m'embête et je ne sais pas comment l'enlever.

Spoiler:


Problème 3 :

Ensuite, la largeur de mon forum est limitée à 80% et dans les codes de mes cadres, j'ai mis une certaine largeur pour que mon forum ne s'élargisse pas mais il s'élargit quand même.


Code :

Je vais vous donner le code du message dont je parle dans mes trois problème, le voici :

Bonjour et bienvenue à tous sur Horse Star. J'espère qu'après une petite visite sur ce forum, vous vous déciderez à vous inscrire à commencer une aventure avec nous. Je voudrais vous prévenir que je n'ai pas mis de codes dans le règlement car je pense que vous êtes assez grand et assez responsable pour lire un règlement si vous souhaitez vous inscrire sur le forum.
Sachez que même si ce forum ressemble beaucoup au jeu Horse Star, ce n'est pas le même jeu et il faut bien différencier les deux ! Wink
Si vous souhaitez connaître les conditions de jeu, le concept en quelques sortes; vous pouvez aller voir ce sujet.

Code:
<div class="fiche" style="width:550px"><div style="text-align: center; margin: auto; width: 100%;"><div class="titreacc">Personnage</div><br><div style="width: 550px; overflow: auto;"><div class="nomdetaclass" align="justify">Sur le forum, il vous faudra incarner un personnage :
• Vous pouvez incarnez une célébrité, soit par le nom, soit par l'image (avatar et signature), soit par les deux mais si vous choisissez d'incarner un acteur, ne dîtes pas qu'il a fait des films dans son passé. Inventez lui une histoire unique.
• Si votre personnage est inconnu, vous pouvez librement inventer son prénom, ainsi que son nom. Si vous choisissez l'image d'une personne inconnue, merci d'indiquer d'où la photo provient.
Les noms de famille sont répertoriés dans [url=http://horsestar.forums-actifs.com/reglement-et-contexte-f1/noms-de-celebrites-t5.htm#5]cette partie[/url] ainsi que les images de célébrités dans [url=http://horsestar.forums-actifs.com/reglement-et-contexte-f1/images-de-celebrites-t6.htm]cette partie[/url].
Sachez que vous incarnez l'humain et non le cheval. Vous pouvez décrire les faits et gestes de votre cheval mais vous ne savez pas ses pensées. Comme dans la vrai vie quoi !
<br></div></div></div></div>
<div class="fiche" style="width:550px"><div style="text-align: center; margin: auto; width: 100%;"><div class="titreacc">Détails Techniques</div><br><div style="width: 550px; overflow: auto;"><div class="nomdetaclass" align="justify">• Pour vos avatars, merci de les mettre à cette taille : 150 pixels de largeur et 300 pixels de hauteur. Si vous avez un problème, contactez moi. Sinon, allez voir nos avatar dans la galerie.
• Pour vos signature, merci de vérifier leur taille : 600 pixels de largeur maximum et 400 pixels de hauteur maximum. (Si votre signature dépasse ces mesures, des barres de défilement s'afficheront pour voir votre signature entièrement.)
• J'ai autorisé les membres à se désinscrire alors ce n'est pas pour rien. Si le forum ne vous plait plus ou que vous n'êtes plus très actif, vous pouvez vous désinscrire en l'annonçant dans la partie [url=http://horsestar.forums-actifs.com/absences-desinscriptions-f8/]Absences/Désinscriptions[/url]. Comme son nom l'indique, cette partie sert aussi à nous prévenir quand vous allez être absent.
• L'auto délestage est activé. Tous les 7 jours, l'âge des sujets est vérifié. Les sujets de plus de 90 jours sont supprimés. Si vous souhaitez demandez que votre sujet ne soit exceptionnellement pas supprimé, faîtes une requête [url=http://horsestar.forums-actifs.com/foire-aux-questions-contactez-le-staff-f9/]ici[/url]. Il sera alors déplacé dans les [url=http://horsestar.forums-actifs.com/archives-f13/]archives[/url].<br></div></div></div></div>

Voilà les codes CSS que j'utilise avec :

Code:
.titreacc {
border-bottom: 3px solid #423628;
text-align: center ;
font-size: 16px;
background:#CED1BA;
color: #453C35;
-moz-border-radius: 10px #423628;
border-right: 3px solid #423628;
-moz-border-radius: 10px #423628;
border-left: 3px solid #423628; }

.fiche {
      margin: auto;
      padding: 10px;
      color: #5C5345;
      text-align: center ;
      width: 275px;
      border: 2px solid #423628;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
      background-color : #90B8C2; }
MessageSujet: Plusieurs problèmes   Plusieurs problèmes EmptyJeu 26 Aoû 2010, 06:50
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Plusieurs problèmes Empty
Bonjour.

Concernant ton premier problème, vérifie que le html soit bien activé, depuis ton panneau d'administration (Général > Messages et e-mails : configuration), dans ton profil (Préférences > Toujours autoriser le html : oui), et sur le message posté (dans les options cocher : autoriser le html).
Si tout est bien activé, vérifie que tu as nommé tes classes correctement, à la fois dans ton message et dans le css de ton forum.

Pour le second, il a déjà été évoqué de nombreuses fois. Il est dû aux balises qui ne sont pas placées à la suite les unes des autres. Tu le corrigeras en supprimant tous les sauts de ligne entre les balises, et entre balises et texte (en laissant celui qui sépare deux paragraphes de texte). (Vas voir dans les ressources, un logiciel permettant de "recoller" les balises a été proposé).

Pour la largeur, utilises des pourcentages à la place de largeurs fixes, et je pense que ça corrigera le problème.

Concernant le code que tu as posté, tu peux le simplifier énormément en supprimant tous ces div imbriqués les uns dans les autres inutilement. Pour chaque paragraphe tu as 4 div alors que deux suffisent. En premier ton div avec la classe fiche, en second celui avec la classe titreacc, qui est tout de suite refermé.
Supprimes également tous ces style qui ne sont pas utiles et places tes propriétés dans ton css, à moins qu'elles soient spécifiques à uniquement ce message. Dans ce cas, place ton style dans la même balise div que celle qui contient ta classe. Tu n'as pas besoin d'en rajouter un second à la suite.
Code:
<div class="nom" style="propriétés;"> texte </div>


Furase
MessageSujet: Re: Plusieurs problèmes   Plusieurs problèmes EmptySam 28 Aoû 2010, 12:36
Revenir en haut Aller en bas
http://voyagearoundtheworld.forumsactifs.com/index.htm?sid=9d809
Delphine
{ Membre }
{ Membre }

Féminin Messages : 20



Plusieurs problèmes Empty
Tous ces problèmes sont réglés, merci beaucoup. Smile En fait, c'était tous ces div en trop qui faisait que le forum s'élargissait. ^^

Et désolé j'en ai encore un autre. Il faudrait qu'il y ai un espace entre la première ligne et la deuxième ligne de ma barre de navigation :

Spoiler:

Voilà les codes CSS de la barre :

Code:
a.mainmenu {
border-bottom: 3px solid #423628;
text-align: center ;
font-size: 16px;
background:#CED1BA;
color: #453C35;
-moz-border-radius: 10px #423628;
border-right: 3px solid #423628;
-moz-border-radius: 10px #423628;
border-left: 3px solid #423628;
padding-right: 15px; }

a.mainmenu:hover {
text-decoration: none;
background-color: #5EAABD;
border-bottom: 3px solid #423628;
border-top: 3px solid #423628;
-moz-border-radius: 10px #423628;
border-right: 3px solid #423628;
-moz-border-radius: 10px #423628;
border-left: 3px solid #423628;
text-align: center ;
font-size: 16px;
padding-right: 15px; }
MessageSujet: Re: Plusieurs problèmes   Plusieurs problèmes EmptySam 28 Aoû 2010, 12:48
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Plusieurs problèmes Empty
Je ne suis pas sûr que ça fonctionnera, mais essaie de rajouter
Code:
margin-bottom: 5px;
dans ta classe a.mainmenu (j'ai mis 5px mais tu peux essayer d'autres valeurs).

Pourquoi as-tu mis une couleur dans tes propriétés border-radius ? Je ne suis pas sûr que ce soit compris par le navigateur. Que voulais-tu faire ?


Fu'
MessageSujet: Re: Plusieurs problèmes   Plusieurs problèmes EmptySam 28 Aoû 2010, 13:16
Revenir en haut Aller en bas
http://voyagearoundtheworld.forumsactifs.com/index.htm?sid=9d809
Delphine
{ Membre }
{ Membre }

Féminin Messages : 20



Plusieurs problèmes Empty
Ba je sais plus, je crois que j'ai du copier le code de quelque part ... En fait j'en sais rien du tout, je vais les enlever. ^^

Ton code ne marche pas. :/ Tampi, c'est pas très grave, tant qu'on peut cliquer sur les liens correctement c'est le principal. ^^
MessageSujet: Re: Plusieurs problèmes   Plusieurs problèmes EmptySam 28 Aoû 2010, 13:19
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Plusieurs problèmes Empty
Essaie de rajouter le margin en plaçant également dans le css la propriété
Code:
display: inline-block ;

C'est un problème qui arrive souvent avec les barres de navigation. Personnellement j'utilise généralement des images et je n'ai jamais fait de recherche sur le sujet. Et je n'ai malheureusement pas le temps de m'y pencher pour le moment. Un autre codeur pourra peut-être t'en dire plus. Dans le doute, dois-je laisser le topic ouvert ou puis-je le classer ?


Fu'
MessageSujet: Re: Plusieurs problèmes   Plusieurs problèmes EmptySam 28 Aoû 2010, 13:45
Revenir en haut Aller en bas
http://voyagearoundtheworld.forumsactifs.com/index.htm?sid=9d809
Delphine
{ Membre }
{ Membre }

Féminin Messages : 20



Plusieurs problèmes Empty
C'est bon, ça marche ! ^^
Vous pouvez le classer, merci. Smile
MessageSujet: Re: Plusieurs problèmes   Plusieurs problèmes EmptySam 28 Aoû 2010, 14:54
Revenir en haut Aller en bas
Contenu sponsorisé




Plusieurs problèmes Empty
MessageSujet: Re: Plusieurs problèmes   Plusieurs problèmes Empty
Revenir en haut Aller en bas
 

Plusieurs problèmes

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

 Sujets similaires

-
» Plusieurs questions/problèmes
» Plusieurs problèmes de forums.
» Plusieurs problèmes mineurs. (Résolus)
» Plusieurs questions...
» Plusieurs questions (a)

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