feuille de style

17 août 2005, 11:23

bonjour,bonjour,
je vias poser une question toute simple sur le css
oui je sais ce sujet a été beaucoup traité et j'ai vu différents messages la dessus ainsi que les liens que vous avez donné
mais aucun ne m'a satisfait
j'aimerais savoir si il y aurait un lien ou l'on nous montrerais un exemple tout simple d'une page html avec une feuille de style
comment utiliser les div( je crois) de maniere a enlever certaines partie de notre page html, pour les instants je fais des tests sur les différents modes de ma page mais c'est laborieux d'enlever les en entetes web de cette facon
merci beaucoup

17 août 2005, 11:28

Tu devrais faire un tour ICI, c'est LA référence francophone en la matière, et tu peux aussi voir openweb

17 août 2005, 11:39

c'est ce que je suis en train de faire merci beaucoup
c'est juste que j'aurais préférer savoir ca avant de faire les premieres pages du site
ils deconseillent fortement les tableaux et moi je suis en plein dedeans je débutais
bon je vias voir si je peux rattrapper l'affaire
merci beaucoup

17 août 2005, 11:42

ah si j'ai une question
j'utilise principalement une seule page dasn laquelle il existe plusieurs mode en fonction de ce que je souhaite faire
j'utilise quasiment exclusivement des fonctions
or par exemple une fonction me sert d'affichage d'une page
puis je creer une feuille de style seulement pour cette fonction?? de facon à n'imprimer que ce que cete fonction affiche
merci

17 août 2005, 11:43

Si tu as 4 sous, offre toi le bouquin "CSS2 Pratique du design web", il y a dedans un exemple complet de réalisation d'un site sans tableaux avec des explications techniques très claires. L'auteur est le créateur du site Alsacréations.

17 août 2005, 13:38

rebonjour,
en formatant mon texte je me trouve devant un probleme et je ne comprend pas
pour moi div créé des blocs les uns au dessus des autres et span les uns a coté des autres
je voudrais sur la meme ligne placé un texte a gauche et un autre a droite
j'ai fais ceci mais ca ne fonctionne pas
vous pouvez m'aider??
MERCI
voici le code:

Code : Tout sélectionner

<span class="head2">
		Hébergement 02.41.67.31.81
</span>
<span class="head3">
		Atelier 02.41.67.56.58
</span>

span.head2 {
text-align:right;
}
div.head3 {
text-align:right;
}

17 août 2005, 13:39

pas div.head3 mais span.head3

17 août 2005, 13:40

<div> crée des blocs auxquels tu peux tenter d'affecter un ordre de superposition
<span> crée des éléments inline (alors que div est un élément block) qui peut rassembler ce qu'on veut.

Pour l'alignement gauche, ou droite, j'aurais plutôt utilisé float

17 août 2005, 14:22

j'essaye d'utilser ce que tu m'a dit mais j'ai des sauts de ligne que je ne comprend pas
j'envoie le code ca fait une demi heure que je suis dessus et je ne vois pas
j'aimerais que les span head4 head5 head6 soit sur la meme ligne mais le head6 est a la ligne suivante
je comprend pas
merci

Code : Tout sélectionner

<span class="head2">
		Hébergement 02.41.67.31.81
</span>
<span class="head3">
		Atelier 02.41.67.56.58
</span>
<BR>
<span class="head4">
		fax 02.41.50.23.22   
</span>
<span class="head5">
	e-mail [email protected]
</span>

<span class="head6">
		Fax 02.41.51.07.35
</span>
span.head2 {
float:left;
}
span.head3 {
float:right;
}
span.head4 {
font-size:15pt;
margin-left: 72px;
}
span.head5 {
font-size:15pt;
margin-left: 172px;
}
span.head6 {
float:right;
font-size:15pt;
}

17 août 2005, 14:36

commence par mettre tes styles dans une feuille de style ou entre deux balises <style></style> et mets les AVANT le code html.

17 août 2005, 15:38

en fait j'ai créer des fichiers .css
mais je l'ai pas préciser
j'ai résolu mon problème mais je me retrouve devant un autre
lorsque l'on utilise des tableaux est il possible d'appliquer des styles
et sinon pourquoi text-align n'aligne t'il pas mon texte en milieu de page?
je ne vois pas quoi utiiser d'autre puisque float avec la valeur center n'existe pas?
merci

17 août 2005, 15:52

Bon, explique clairement ce que tu veux faire et met ton code en séparant HTML et CSS. C'est parfois perturbant quand on est pas habitué, mais tu vas voir, ça n'a rien de sorcier

17 août 2005, 16:20

lorsque l'on utilise des tableaux est il possible d'appliquer des styles

Oui des styles on peut en appliquer aux tableaux (voir article POmpage.net 'Au tableau') :
- au tableau (block à placer, bordure internes)
- au contenu des lignes (hauteur, couleur de fond)
- au contenu des cellules (police, alignement de contenu)

et sinon pourquoi text-align n'aligne t'il pas mon texte en milieu de page?

Tout dépend à quoi tu appliques ton text-align.
Cela aligne l'élément (texte) à l'intérieur de son contenant le plus proche. Donc si tu veux aligner une div au milieu de la page, ce sera plutôt margin: auto; (Attention, il faut spécifier une largeur d'élément avec width pour que cela fonctionne).

je ne vois pas quoi utiiser d'autre puisque float avec la valeur center n'existe pas?

Float est pour aligner à gauche ou à droite...

Je te recommande la lecture de ces articles simples et bourrés d'exemples (tu peux repiquer le code) sur Pompage.net

Concernant le fait de mettre des éléments à la suite les un des autres : http://www.pompage.net/pompe/csspratique/

18 août 2005, 14:11

merci pour tous ces renseignements
il est vrai que les feuilles de style c'est génial on peut faire plein de chose avec encore faut il en connaitre les petits vices mais on apprend
encore merci

feuille de style

Qui est en ligne