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

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

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