Description de catégorie Bouton_activeDescription de catégorie Bouton_hoverDescription de catégorie Fb-hoverDescription de catégorie Fb-active
C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Bouton ''Sélectionner le contenu'', pour les codes
Description de catégorie EmptyMer 12 Juin 2019, 18:12 par kazan

» Système d'onglets simple et personnalisable
Description de catégorie EmptyMer 05 Juin 2019, 16:48 par distopia

» [Plugin] Effet rollover sur une image
Description de catégorie EmptyMer 05 Juin 2019, 16:46 par distopia

» Infobulle avec effets CSS3
Description de catégorie EmptyMer 05 Juin 2019, 16:44 par distopia

» Tableau de partenaires avec effet Zoom
Description de catégorie EmptyMer 05 Juin 2019, 16:43 par distopia

» Signature codée avec onglets
Description de catégorie EmptyLun 27 Mai 2019, 10:25 par Crazy-GirL

» Sous-forums en retour à la ligne
Description de catégorie EmptyVen 24 Mai 2019, 17:59 par XeWuP

» Slideshow horizontal infini
Description de catégorie EmptyJeu 16 Mai 2019, 20:22 par Cezzy


Partagez
 

Description de catégorie

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur
Luna Arcana
{ Membre }
{ Membre }

Féminin Messages : 194



Description de catégorie Empty
Coucou !

Alors voilà mon problème : j'aimerai que le texte de description des catégories ne soit pas collé à l'image de la catégorie. J'ai déjà appliqué un padding pour que le texte ne colle au bord du cadre.

Voilà le code CSS concerné :

Code:
/*DÉCORATION DESCRIPTION CATÉGORIES*/
.descriptions-categories {
background:#939C9A;
padding: 10px;
border: 1px solid #FFFFFF;
background-image: url("http://img10.hostingpics.net/pics/36274backg_desc.png");
}

J'utilise Firefox et je remercie celui qui me viendra en aide ^^ A oui et voilà le lien de mon forum (ne regardez que la catégorie Program Files). Clique




Mimigal ♥️


Dernière édition par Luna Arcana le Lun 26 Juil 2010, 07:29, édité 1 fois
MessageSujet: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 09:48
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mondanimal.forumactif.biz/forum.htm
Edelweiss
{ Membre }
{ Membre }

Féminin Messages : 105



Description de catégorie Empty
Coucou,

Je pense que tu as ceci :
Code:
<img src="url">
ou quelque chose de ce genre. Rajoute
Code:
style="margin-right:10px;"
ce qui te donnera
Code:
<img src="url" style="margin-right:10px;">
.
MessageSujet: Re: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 09:59
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Luna Arcana
{ Membre }
{ Membre }

Féminin Messages : 194



Description de catégorie Empty
En fait, j'utilise la zone où l'on peut mettre l'adresse de l'image que l'on veut. Et si je met le code que tu m'a donné, ça ne marche pas.
Et si je le met dans ma zone de texte, le début de texte se trouve tout en bas de l'image. Si j'utilise cette méthode, je sais comment avoir le début du texte tout en haut. Mais cependant, ça m'obligerai à faire cela pour tout les catégories !

Donc, je cherche un code qui me permettrai de corriger ce problème sur l'ensemble des catégories.

Mais merci de cette réponse =)




Mimigal ♥️
MessageSujet: Re: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 10:08
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.ryotopub.com
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Description de catégorie Empty
Je te conseille de suivre le tutoriel de Furase qui te sera très utile :

http://css-actif.forumactif.org/astuces-f33/ecrire-autour-d-une-image-t4532.htm
MessageSujet: Re: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 10:09
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Luna Arcana
{ Membre }
{ Membre }

Féminin Messages : 194



Description de catégorie Empty
Merci du tuto mais ce n'est pas ce je recherche ^^" Parce que si j'applique cette méthode, je devrai faire ça manuellement pour chaque catégorie.

Mais si il n'y a pas d'autres solutions..




Mimigal ♥️
MessageSujet: Re: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 10:14
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mondanimal.forumactif.biz/forum.htm
Edelweiss
{ Membre }
{ Membre }

Féminin Messages : 105



Description de catégorie Empty
Essaie ceci peut-être :
Code:

.descriptions-categories img{
margin-right:10px;
}
MessageSujet: Re: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 10:43
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Luna Arcana
{ Membre }
{ Membre }

Féminin Messages : 194



Description de catégorie Empty
Non ça ne fait rien =(




Mimigal ♥️
MessageSujet: Re: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 10:54
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mondanimal.forumactif.biz/forum.htm
Edelweiss
{ Membre }
{ Membre }

Féminin Messages : 105



Description de catégorie Empty
A la plage de "margin" mets "padding".
MessageSujet: Re: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 10:58
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Luna Arcana
{ Membre }
{ Membre }

Féminin Messages : 194



Description de catégorie Empty
ça ne fait rien non plus ^^"




Mimigal ♥️
MessageSujet: Re: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 11:02
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mondanimal.forumactif.biz/forum.htm
Edelweiss
{ Membre }
{ Membre }

Féminin Messages : 105



Description de catégorie Empty
Tu as bien mis
Code:
.descriptions-categories img{
padding-right:10px;
}
? Car c'est bizarre j'ai essayé et ça marche chez moi scratch
MessageSujet: Re: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 11:09
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Luna Arcana
{ Membre }
{ Membre }

Féminin Messages : 194



Description de catégorie Empty
oui ^^" enfin sauf que ce n'est pas un espace à droite que je veux mais à gauche. Mais j'ai corrigé ça et ça ne marche pas.

Mais toi, ton image, elle est dans la description même du forum ou tu la mis là dedans ?

Description de catégorie 264676apercu

Parce que moi, je l'ai mise ici.




Mimigal ♥️
MessageSujet: Re: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 11:15
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mondanimal.forumactif.biz/forum.htm
Edelweiss
{ Membre }
{ Membre }

Féminin Messages : 105



Description de catégorie Empty
Ha ok, je n'ai pas mis le même code pour avoir l'image ^^". Voilà ce que j'ai mis dans la description :
Code:
<div class="descriptions-categories"><img src="url" alt="bla" style="float: left;">text<br></div>

Et le code CSS ^^ L'image a dont un espace à droite Wink.
MessageSujet: Re: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 11:24
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Luna Arcana
{ Membre }
{ Membre }

Féminin Messages : 194



Description de catégorie Empty
Ah oui, toi tu as fait la partie CSS du tutorial et pas template. Moi j'ai fait la partie template.

Et j'aimerai un espace à gauche et pas à droite, vu que l'image est à gauche ;D

Edit ; Je classe mon sujet. Mon problème est résolu.




Mimigal ♥️
MessageSujet: Re: Description de catégorie   Description de catégorie EmptyVen 23 Juil 2010, 15:46
Revenir en haut Aller en bas
Contenu sponsorisé




Description de catégorie Empty
MessageSujet: Re: Description de catégorie   Description de catégorie Empty
Revenir en haut Aller en bas
 

Description de catégorie

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

 Sujets similaires

-
» Tableau Image/Texte dans Description de Catégorie
» Description de catégorie
» Problème d'affichage dans description catégorie
» Comment mettre l'image de description d'une catégorie/forum à gauche ?
» Saut de ligne/espace entre le titre de la catégorie et sa description (CSS modifié)

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 | Contact | Signaler un abus | Forum gratuit