Léger probleme ! (résolu) Bouton_activeLéger probleme ! (résolu) Bouton_hoverLéger probleme ! (résolu) Fb-hoverLéger probleme ! (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
» Fiche de Présentation RPG
Léger probleme ! (résolu) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Léger probleme ! (résolu) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Léger probleme ! (résolu) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Léger probleme ! (résolu) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Léger probleme ! (résolu) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Léger probleme ! (résolu) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Léger probleme ! (résolu) EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Léger probleme ! (résolu) EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment : -45%
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre ...
Voir le deal
339 €

Partagez
 

Léger probleme ! (résolu)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://tjal.olympe.in/Tjal/index.php
Johian
{ Membre actif }
{ Membre actif }

Féminin Messages : 778



Léger probleme ! (résolu) Empty
Bonsoir !

Oui, c'est encore moi, je commence à saouler... Je sais... Et j'ai le plaisir de vous annoncer que vous n'avez pas fini de m'entendre !!

Alors voila, j'ai revu tout le code de mon forum, j'en ai supprimé la moitié, j'ai modifié l'autre moitié et... Pour " m'amuser " j'ai tenté de créer des class et de modifier les balises u et p What a Face (sur un forum de test, je vous rassure XD)

Ainsi, maintenant, quand je souligne, ça souligne en tirets, et mes paragraphes sont justifiés et ont un alinéa de 30 pixels.
(je sais que c'est basique pour le moment mais bon !)
Code:
p {
text-indent: 30px;
text-align: justify;
}

u {
text-decoration: none ; border-bottom: 1px dashed;
}

J'ai aussi créé la classe "cadre" qui entoure les trucs avec un cadre en tirets, les mêmes que ceux utilisés pour souligner :
Code:
.cadre {
text-decoration: none ; border-bottom: 1px dashed; border-top: 1px dashed; border-left: 1px dashed; border-right: 1px dashed;
}


Bref, donc c'est super, ça marche, c'est beau... Je ne cache pas être fier de moi (oui il m'en faut peu... xD). Mais voila ! Lorsque je tape un paragraphe (entre balises p donc), et que j'applique ma class "cadre" au paragraphe, et bien ça met le cadre comme je l'ai demandé, mais il est beaucoup trop "collé" au texte ! Petit screen pour expliquer What a Face (ce qui est encadré en rouge c'est ce dont je parle ^^).

Que dois-je rajouter dans mes codes pour ajouter un espace entre le cadre et le texte ? ^^"


Dernière édition par Johian de M. le Dim 20 Sep 2009, 03:28, édité 1 fois
MessageSujet: Léger probleme ! (résolu)   Léger probleme ! (résolu) EmptyMar 15 Sep 2009, 17:04
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



Léger probleme ! (résolu) Empty
Déjà, tu peux unir tout les "border-..." pour un simple "border" puis ajouter un "padding" comme ceci:

Code:
.cadre {
text-decoration: none ;
border: 1px dashed;
padding: 3px;
}

EDIT: Tu peux aussi changer le 3px pour une valeur plus ou moins grosse
MessageSujet: Re: Léger probleme ! (résolu)   Léger probleme ! (résolu) EmptyMar 15 Sep 2009, 17:06
Revenir en haut Aller en bas
http://lilypad.free.fr
Lilypad
Lilypad
{ Membre }
{ Membre }

Féminin Messages : 108



Léger probleme ! (résolu) Empty
    Tu dois ajouter une propriété de padding sur ton paragraphe.

    Regarde sur le Site du Zéro ici : http://www.siteduzero.com/tutoriel-3-13639-liste-des-proprietes-css.html
    Dans la partie "Marges Intérieures", pour trouver plus rapidement tape ctrl+c et marge intérieure dans le champ de recherche.

    Edit : Ah bah Orange a été plus rapide :') Pas grave je laisse le lien pour le Site du Zéro, ça peut aider Smile
MessageSujet: Re: Léger probleme ! (résolu)   Léger probleme ! (résolu) EmptyMar 15 Sep 2009, 17:08
Revenir en haut Aller en bas
http://tjal.olympe.in/Tjal/index.php
Johian
{ Membre actif }
{ Membre actif }

Féminin Messages : 778



Léger probleme ! (résolu) Empty
Coucou!
Merci pour vos réponses, en effet ça marche ! (ce dont je ne doutais pas xD)
En fait je n'avais pas compris à quoi servait les "marges intérieures" et les "marges extérieures". Et bien maintenant j'ai compris xD

Merci pour ta remarque au sujet de mes borders Orange, tu m'as fait comprendre comment t'avais fait, en partie, pour les liens de navigation pour le message d'accueil (enfin je crois xD). J'avais pas pensé que mettre des valeurs différentes aux border pouvait être sympa (genre left et right en 4px solid et la bottom en 1px dashed What a Face).

Enfin bref, merci !
Sinon hors sujet, j'ai vu que tu as mis un css à copier/coller pour faire des soulignements épais et bizarres, je peux en mettre un pour souligner en pointillés ou tirets ? Razz (comme c'est la seule chose que je sais faire, ça serait fun que je le fasse What a Face Bon ok je sors... xD)
MessageSujet: Re: Léger probleme ! (résolu)   Léger probleme ! (résolu) EmptyMer 16 Sep 2009, 06:25
Revenir en haut Aller en bas
Contenu sponsorisé




Léger probleme ! (résolu) Empty
MessageSujet: Re: Léger probleme ! (résolu)   Léger probleme ! (résolu) Empty
Revenir en haut Aller en bas
 

Léger probleme ! (résolu)

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

 Sujets similaires

-
» Léger problème dans le QEEL ( à archiver)
» Problème d'éléments à déplacé : index_box [RESOLU] - viewtopic_body [RESOLU]
» Problème d'affichage [PROBLÈME RÉSOLU]
»  ( J'ai résolu mon probléme ) :)
» [Résolu] Problème de PA

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