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! |
| Nélow
{ Membre }
Messages : 39
| Re-Bonsoir, J'ai un vrai soucis avec mes CSS, certains fonctionnes et d'autres non :/ Par exemple, j'ai mit un fond à mes catégories, j'aimerais que celui-ci soit arrondie mais il ne l'est pas :/ Pareil, à la place de la couleur ( dans le fond ) J'ai voulu mettre une image et cela n'a pas marché non plus :/ Voici la capture d’écran : https://2img.net/r/hpimg15/pics/55301411CD.jpg Mon code CSS: - Code:
-
/* Description catégorie */
.des { -moz-border-radius:10px; background-color: #BF715E; color: white; } Mon code dans les catégories - Code:
-
<div class="des"> <center><div style="overflow: auto; width: 220px; height: 100px;"><div align="justify">Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau Texte c'est pour le tableau</div></center></div> Je vous remercie d'avance pour l'aide que vous allez m'apporter, je suis sur que c'est un petit truc de rien du tout mais je bloque totalement :/ | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Rebonsoir, et outch. Attention, les conventions du HTML et du CSS imposent de séparer totalement le CSS du HTML quand c'est possible. Il te faut donc commencer par retirer tout ce qui est dans l'attribut style pour le placer dans une classe CSS. Par ailleurs, la balise <center> est dépréciée aujourd'hui et ne doit PAS être utilisée. Si tu souhaites centrer ton texte, utilise la propriété text-align en CSS (avec la valeur center bien sûr) En l'occurence, cette partie du code est inutile et doit être "traduite" via le CSS : - Code:
-
<center><div style="overflow: auto; width: 220px; height: 100px;"><div align="justify"> De même, évidemment, que les balises fermantes, et on remarque d'ailleurs qu'il en manque une puisque la div de classe .des n'a pas été fermée. J'imagine que quand tu parles d'arrondir ton fond, tu veux plutôt dire que tu souhaites avoir des bordures aux coins arrondis ? C'est la propriété border-radius qu'il faut utiliser. Les kits de compatibilité ( -moz- et -webkit- entre autres) ne sont plus supportés par les versions modernes des navigateurs (par contre ils sont toujours nécessaires pour tous les glandus utilisant de vieilles versions des navigateurs) Pour l'image de fond, qu'as-tu essayé exactement ? Je ne vois rien dans ton code qui le mentionne. Pour mettre une image de fond dans un bloc, il faut utiliser la propriété background-image , comme ceci : - Code:
-
background-image : url('ADRESSE_IMAGE'); Ca marche aussi avec background tout court, d'ailleurs. | | |
| | | Nélow
{ Membre }
Messages : 39
| Bon, j'ai compris la moitié c'est déjà ça ! :p - Pour le border-radius ça marche niquel, je te remercie tu es au top ! - Quand tu dis " Attention, les conventions du HTML et du CSS imposent de séparer totalement le CSS du HTML quand c'est possible. Il te faut donc commencer par retirer tout ce qui est dans l'attribut style pour le placer dans une classe CSS. " J'ai bien compris que je devais tout mettre en CSS mais je ne sais pas comment on fait :/ Je suis vraiment nul et j'ai du mal parfois à créer des code CSS :/ - Pour le " background-image : url('ADRESSE_IMAGE'); " C'est exactement ce que j'avais mit avec le lien de mon image mais ça n'a pas fonctionné donc je l'ai enlevé pour mettre une couleur à la place ! | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Salut, En gros en HTML tu peux attribuer une mise en forme aux balises via l'attribut style, comme ça : <balise attribut1="..." attribut2="..." style="(des propriétés CSS ici)" ...> Or c'est déconseillé pour pas mal de raisons, en particulier la maintenance du code. Si tu souhaites utiliser cette mise en page sur beaucoup d'endroits, chaque fois que tu voudras le modifier, tu devras l'éditer autant de fois que tu l'as utilisée. Il est plus simple d'utiliser une classe CSS, ainsi tu pourras mettre à jour toutes les occurrences de cette mise en page spécifique en une seule fois. Bref, il convient donc de remplacer l'attribut style et les propriétés associées par une classe CSS: - Code:
-
.nomDeLaClasse { /* les propriétés CSS qui étaient dans style */ } Et de modifier la structure du HTML comme ceci : <balise attribut1="..." attribut2="..." class="nomDeLaClasse" ...> Un <center> se traduira par text-align:center (ou un margin:auto; si tu cherches à centrer un bloc) Un <div align="justify"> se traduire par un text-align:justify en CSS Tu noteras d'ailleurs d'après les deux dernières lignes qu'il y a redondance : tu veux centrer ou bien justifier le texte ? Pour le background-image, je te dis que ça marche Le problème vient donc très probablement de la façon dont tu l'as écrit ou placé, mais je ne peux pas t'aider si tu ne me donnes pas le code que tu as tenté. | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Voilà cinq jours que ce sujet n'a pas reçu de réponse de ta part Nélow. Les informations de 'Christa t'ont-elles aidée ? Merci de nous tenir au courant sous quatre jours, sans quoi ce sujet sera archivé. Bonne journée. | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Malgré la précédente relance, nous sommes toujours sans nouvelles de ta part. Par conséquent, je considère ce problème abandonné et je me permets de l'archiver. Merci de ta compréhension. | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|