Aide pour passé du HTML au CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Aide pour passé du HTML au CSS

Message par Sanae le Lun 12 Oct 2015 - 20:10

Bonjour,
Je viens vous demander - encore une fois - un petit d'aide. Un de mes modérateurs a fait une fiche de présentation pour le forum. Je souhaiterai le mettre dans ma fiche CSS pour que les changements soient plus faciles. Si je ne suis pas dans le bon endroit ou que mon geste est faux. Je tiens à m'excuser d'avance. Serait-ce possible de mettre le texte en CSS tout en m'expliquant comment faire ? Car je suis la reine du bug CSS quand je n'ai pas fait dès le début la construction.
Merci d'avance

Code:
Disparu



Dernière édition par Sanae le Mer 14 Oct 2015 - 16:53, édité 1 fois

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour passé du HTML au CSS

Message par Automne le Mar 13 Oct 2015 - 13:20

Bonjour,

Ici les déclarations CSS sont directement intégrés sur les balises HTML.

Tu souhaites modifier en liant ton code avec ta feuille de style css. Pour cela tu dois attribuer a chaque balise HTML un attribut "class", dans lequel tu mets un nom de ton choix. On va prendre pour exemple ta première div qui est écrire comme ceci

Code:
<center><div style="border-left: 3px solid white; border-right: 3px solid white; border-bottom: 0px solid white; border-top: 3px solid white; padding: 5px; box-shadow: black 1px 1px 2px outset; background-image:url('LIEN DE L'IMAGE EN CHAPITEAU 500*180PX'); width: 490px; height: 150px; border-radius: 80px 80px 0px 0px;"></div>

Tu donnes une class a ta div et supprimes donc le style que tu ajouteras dans la css, ce qui s'écrira comme ceci dans le html

Code:
<center><div class="encadre"></div>

Et dans la feuille de style

Code:
.encadre
{
border-left: 3px solid white;
border-right: 3px solid white;
border-bottom: 0px solid white;
border-top: 3px solid white; padding: 5px;
box-shadow: black 1px 1px 2px outset;
background-image:url('LIEN DE IMAGE EN CHAPITEAU 500*180PX');
width: 490px;
height: 150px;
border-radius: 80px 80px 0px 0px;
}

Il te suffit de procéder de la meme manière pour les suivantes
Tu peux t'aider de ceci http://slaout.linux62.org/html_css/css.html





Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour passé du HTML au CSS

Message par Sanae le Mer 14 Oct 2015 - 16:53

Merci beaucoup =)

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum