Passer du HTML au CSS Bouton_activePasser du HTML au CSS Bouton_hoverPasser du HTML au CSS Fb-hoverPasser du HTML au CSS 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
» Système d'onglets simple et personnalisable
Passer du HTML au CSS EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Passer du HTML au CSS EmptySam 30 Mar 2024, 22:07 par Peyton972

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

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

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

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

» Formulaire de connexion rapide amélioré
Passer du HTML au CSS EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Passer du HTML au CSS EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Partagez
 

Passer du HTML au CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://blacks-and-whites.monally.com
Mr Riz
Mr Riz
{ Membre }
{ Membre }

Féminin Messages : 58



Passer du HTML au CSS Empty
bonjour ♥️

j'ai trouvé ce code dont j'aime bien le rendu :

Code:
<fieldset style="border: 3px solid #FFFFFF;"><legend style=" color: #FFFFFF; text-align: center: 20px; ; letter-spacing:4px; ">VOTRE TITRE ICI</legend>
VOTRE TEXTE ICI
</fieldset>

seulement, j'aimerais l'intégrer au codage de mes sous-forums, et je dois donc le mettre dans ma feuille CSS pour pouvoir par la suite appliquer l'effet. comment faire pour passer du HTML au CSS, et dans mon cas, qu'est-ce que ça donnerait?

je sais comment me débrouiller lorsque le code est sous cette forme :
Code:
<div style="propriétés;"></div>


mais j'avoue que je suis un peu perdue pour ce coup-là Very Happy
merci d'avance!
MessageSujet: Passer du HTML au CSS   Passer du HTML au CSS EmptySam 16 Fév 2013, 15:22
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Passer du HTML au CSS Empty
Bonjour,

Pour quelque chose d'aussi basique, je pense que tu as besoin d'une bonne piqure de rappel sur les bases du CSS pour commencer : http://www.css-actif.com/t66-bases-css-cours-elementaire , histoire de créer des classes CSS (les styles dans le HTML sont à éviter le plus possible).

Pour ce qui est de l'effet "boite avec légende", c'est un peu compliqué mais globalement cela consisterait à placer le titre relativement au contenu.

En gros, si tu codes la chose de cette façon :
Code:
<div class="boite-fieldset">
    <h1 class="titre-legend">Titre</h1>
    Contenu
</div>

Il te suffirait de définir (via CSS) la "boite" comme étant un élément en position relative, puis placer le titre en position absolu et jongler sur ledit positionnement.

A part ça, j'ai du mal à comprendre la question de "passer du HTML au CSS", les deux se complétant, on ne passe pas de l'un à l'autre, on les associe O_o
MessageSujet: Re: Passer du HTML au CSS   Passer du HTML au CSS EmptySam 16 Fév 2013, 17:42
Revenir en haut Aller en bas
http://blacks-and-whites.monally.com
Mr Riz
Mr Riz
{ Membre }
{ Membre }

Féminin Messages : 58



Passer du HTML au CSS Empty
ai bien révisé, comme la bonne élève que j'espère devenir ahah
c'était très instructif, bien sûr.

et en fait, " passer du html au css " ça désigne pour moi le fait de transformer un texte écrit en HTML en un code CSS qu'on pourrait mettre dans la feuille CSS.

je crois que j'ai compris pour la boîte. mais qu'est-ce que je dois mettre comme sélecteur pour le titre?

merci beaucoup pour cette aide, je me rends compte qu'il y a pas mal de choses que je fais très mal en codage! Passer du HTML au CSS 926145
MessageSujet: Re: Passer du HTML au CSS   Passer du HTML au CSS EmptySam 16 Fév 2013, 19:29
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Passer du HTML au CSS Empty
Mais... on ne peut pas transformer du texte HTML en CSS, ce sont deux langages différents @_@ *complètement perdue*

Et comment ça quel sélecteur ?

Tu dois créer deux classes, l'une pour la boite et l'autre pour le titre, en récupérant pour commencer les styles qui étaient l'un dans le fieldset, et l'autre dans l'élément legend. Après, c'est juste une histoire de positionnement absolu/relatif '_' Commence déjà par le début et montre moi ce que tu as tenté ?
MessageSujet: Re: Passer du HTML au CSS   Passer du HTML au CSS EmptySam 16 Fév 2013, 19:43
Revenir en haut Aller en bas
Couette
Couette
{ Membre }
{ Membre }

Féminin Messages : 13



Passer du HTML au CSS Empty
Bonjour,
Le but c'est d'extraire le style de texte du code Html, c'est ça?!
Le Html est utilisé pour le contenu, le Css est pour la mise en forme, le style. Ce n'est donc pas transformable de l'un à l'autre.
On peut intégrer le Css dans le Html comme ci-contre ou autre solution, on peut mettre dans le Css <head> la balise <style> dans laquelle vous pourrez mettre le code css directement.

Edit by Espeon : merci de prendre garde à ne pas mettre de HTML directement dans votre message ou d'utiliser les balises [code] prévues à cet effet.
MessageSujet: Re: Passer du HTML au CSS   Passer du HTML au CSS EmptyMer 20 Fév 2013, 05:54
Revenir en haut Aller en bas
http://blacks-and-whites.monally.com
Mr Riz
Mr Riz
{ Membre }
{ Membre }

Féminin Messages : 58



Passer du HTML au CSS Empty
je poste ce message pour vous avertir que je ne pourrais pas prendre le temps de répondre correctement avant vendredi soir, probablement. excusez-moi du dérangement! je reviens très vite, toujours motivée!
MessageSujet: Re: Passer du HTML au CSS   Passer du HTML au CSS EmptyMer 20 Fév 2013, 10:36
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Passer du HTML au CSS Empty
Bonsoir Smile
Ce sujet est-il toujours d'actualité ou pouvons nous considérer ta demande comme résolue ?
Rappel : Sans nouvelle de ta part sous quatre jours, ce sujet sera archivé. Wink

Bonne soirée.
MessageSujet: Re: Passer du HTML au CSS   Passer du HTML au CSS EmptyLun 25 Fév 2013, 13:09
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Passer du HTML au CSS Empty
Bonjour !
Malgré notre précédente relance, nous demeurons sans nouvelles de ta part. Ainsi, je me permets d'archiver ce sujet. Si ton problème est toujours d'actualité, n'hésite pas à en ouvrir un nouveau. Wink

Bonne journée. Passer du HTML au CSS 510527
MessageSujet: Re: Passer du HTML au CSS   Passer du HTML au CSS EmptyVen 01 Mar 2013, 06:20
Revenir en haut Aller en bas
Contenu sponsorisé




Passer du HTML au CSS Empty
MessageSujet: Re: Passer du HTML au CSS   Passer du HTML au CSS Empty
Revenir en haut Aller en bas
 

Passer du HTML au CSS

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

 Sujets similaires

-
» Onglets sans passer par HTML
» Problème d'affichage de HTML (Je crois que c'est du HTML enfait...)
» [résolu]Trame html inopérante dans les topics mais fonctionnant dans une page html
» Help me please! HTML
» HTML qui ne s'affiche pas

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 | Cookies | Forum gratuit