28173 sujets

CSS et mise en forme, CSS3

bonjour
n'étant pas féru en la matière, je ne sais pas comment poser ma question!
mais vous pouvez aller voir là afin de mieux comprendre: http://perso.orange.fr/JMPhotoPlus/Les_Aubes_accueillir_vos_projets/hebergement.html
le css est dans le corps du source

avec firefox, dans mon pied de page les liens vers les pages "liens" et "mentions légales" sont en blanc soulignés d'une couleur et c'est cette dernière couleur qui me pose problème: je voudrais uniquement dans le pied de page du site que le texte reste en blanc sans être souligné
dans le html, j'ai dû mettre comme ceci:
<font color="white"> | <a href="liens.html" title=''><font color="white">Liens</font></a> | <a href="mentions.html" title=''><font color="white">Mentions légales</font></a> |</font></div>
pour obtenir le texte en blanc mais je ne suis pas arrivé à supprimer le soulignement
je me doute que tout ça se règle avec le css, mais je n'ai pas trouvé comment faire !
je comprends que le code
a:visited {
    color:#E7A800;
    text-decoration: underline;
}
dans le css, règle tous les liens dans le site et c'est bien, mais comment gérer le css au niveau du pied pour obtenir ce que je veux qu'à cet endroit sans modifier l'aspect de liens ailleurs dans le site ?

j'ajoute qu'il y a une différence entre firefox et explorer

je suis désolé si je ne suis pas clair, je suis prêt à reformuler s'il le faut; merci de votre aide
cordialement
Bonjour.

Un peu de lecture s'impose pour comprendre le fonctionnement des sélecteurs dans les feuilles de style ...

Ici, il suffit d'utiliser l'id du pied de page :
#footer a {
   color: #fff;
   text-decoration: none;
}

A noter que la balise <font> n'existe pas en XHTML strict, et que toutes les balises doivent être fermées (<p>...</p> ou <img ... />).

Valider le code des pages permettra de corriger une partie des différences entre les navigateurs, et de travailler sur une structure solide.
Il faut que tu fasse ceci :


#nom-de-ton-pied-de-page a {
     color:#ffffff;
     text-decoration:none;
}


Apres selon ce que tu veux tu peux appliquer ce style à tes liens lorsqu'ils ont étés visités, que l'on se positionne au dessus etc...

Je pense que quelques bases de css te feraient le plus grand bien.
Pour ça, vu que tu as un projet, n'hésite pas à chercher sur internet (sur Alsacreations j'ai toujours trouvé ce que je voulais ^^) en tapant "css" suivi de ce que tu veux faire et tu verras quelle simplicité et quelle efficacité sont innérantes au css Smiley biggrin

J'espère t'avoir aider.

bye

(eheh tu vois, on est d'accord Smiley langue )
Modifié par Puce (14 Aug 2007 - 10:37)
merci les amis
j'ai corrigé avec votre aide, ce qui me préoccupait en modifiant le css

en ce qui concerne le "validator", j'y suis aller voir, en insérant l'adresse de ma page d'accueil, ya 70 erreurs !!
ça semble être très bien ce validator pour corriger ses erreurs, sauf que je ne comprends pas l'anglais !!!

existe t'il un équivalent en français que je vois comment ça marche ?
merci de votre aide
cordialement
merci pour l'info
mais honnêtement je ne comprends rien, je ne vois pas comment on s'en sert
ni comment je peux corriger les erreurs
j'ai aussi trouvé cette adresse: http://w3qc.org/validateur/index.php#stat
qui pourrait paraître plus simple d'utilisation
mais je ne vois pas non plus comment on s'en sert si je rentre l'adresse de ma page d'accueil par exemple


<img src="images/pano760.jpg" title="Salle d'activité de la Ferme des Aubes"align="[#red]m[/#]iddle" border="[#red]1[/#]">

Erreur suivante...

Erreur à la colonne 82:  il n'y a pas d'attribut "align" (type #108)

Erreur à la colonne 98:  il n'y a pas d'attribut "border" (type #108)

Erreur à la colonne 101:  attribut requis "alt" non spécifié (type #127)

Erreur à la colonne 102:  fin d'étiquette pour "img" omise mais OMITTAG NO était spécifié (type #70)

qu'est ce que je peux faire de ça, la couleur rouge dans le code, qu'est ce qu'elle souligne comme erreur et quelle correction apporter ?
"[#red]m[/#]iddle" border="[#red]1[/#]">

et cette erreur:
Erreur à la colonne 82:  il n'y a pas d'attribut "align" (type #108)
où est elle dans ma page et que veut elle dire, comment la corriger ?

j'ai quand même l'impression que ce genre de d'outil s'adresse déjà à ceux qui ont l'habitude de travailler les codes... ?

je suis désolé d'encombrer ce forum avec mes questions basiques
cordialement
a écrit :

title="Salle d'activité de la Ferme des Aubes"align="middle"


Il manque un espace entre ton titre et ton align.
Ca ira deja bcp mieux avec.

Commence par ça.
Et essaye de résoudre les problèmes que tu comprends avant d'envoyer la liste.

Du genre alt non spécifié ou balise img non fermée...
Le principal problème, c'est que tu utilises beaucoup de balises et d'attributs de présentation qui ne sont pas autorisés dans un document XHTML.

Le code HTML ne doit comporter que la structure du document (titres, parachraphes, divisions, listes, etc). L'apparence (alignement, soulignement, etc) doit être géré par la feuille de style.

Il faut supprimer tout ce qui est présentation (<font>, align="", etc) et utiliser les propriétés CSS correspondantes à la place ...
OK, merci
je ne suis pas sorti de l'auberge si je comprends bien!

si ce n'est pas trop demandé, est ce que quelqu'un aurait la gentillesse de prendre la page "index" de mon site (par exemple) et de me l'envoyer corriger comme elle devrait être en définitive afin que je me rende compte à quoi ça ressemble, en correspondance, une page conforme ?
je crois que ça m'aiderai bien pour la suite
merci de votre compréhension