CSS arrondie Bouton_activeCSS arrondie Bouton_hoverCSS arrondie Fb-hoverCSS arrondie 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
CSS arrondie EmptySam 30 Mar 2024, 22:07 par Peyton972

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

» Structure de Qui Est En Ligne (1)
CSS arrondie EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
CSS arrondie EmptyDim 24 Déc 2023, 18:16 par romee

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

» Formulaire de connexion rapide amélioré
CSS arrondie EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
CSS arrondie EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
CSS arrondie EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment : -20%
-20% Récupérateur à eau mural 300 ...
Voir le deal
79 €

Partagez
 

CSS arrondie

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://wonderfulworld.forumactif.org
Nélow
Nélow
{ Membre }
{ Membre }

Féminin Messages : 39



CSS arrondie Empty
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 :/
MessageSujet: CSS arrondie   CSS arrondie EmptySam 05 Jan 2013, 15:49
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



CSS arrondie Empty
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.
MessageSujet: Re: CSS arrondie   CSS arrondie EmptySam 05 Jan 2013, 16:03
Revenir en haut Aller en bas
http://wonderfulworld.forumactif.org
Nélow
Nélow
{ Membre }
{ Membre }

Féminin Messages : 39



CSS arrondie Empty
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 ! Very Happy

- 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 !
MessageSujet: Re: CSS arrondie   CSS arrondie EmptySam 05 Jan 2013, 16:17
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



CSS arrondie Empty
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 Wink 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é.
MessageSujet: Re: CSS arrondie   CSS arrondie EmptyLun 07 Jan 2013, 15:48
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



CSS arrondie Empty
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é. Smile

Bonne journée.
MessageSujet: Re: CSS arrondie   CSS arrondie EmptySam 12 Jan 2013, 07:25
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



CSS arrondie Empty
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. Smile

Merci de ta compréhension. CSS arrondie 926145
MessageSujet: Re: CSS arrondie   CSS arrondie EmptyJeu 17 Jan 2013, 09:01
Revenir en haut Aller en bas
Contenu sponsorisé




CSS arrondie Empty
MessageSujet: Re: CSS arrondie   CSS arrondie Empty
Revenir en haut Aller en bas
 

CSS arrondie

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

 Sujets similaires

-
» Bordure arrondie [Résolu]

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