Mumulafrite Posté 24 Mai 2005 Posté 24 Mai 2005 bonjour à tous!!! ma question va peut etre vous sembler idiote mais j'aimerai savoir comment faire pour avoir plusieurs style de lien, je me doute que ca passe par le css mais je sais pas trop comment faire. En fait je veux que les liens en bas de page soit plus petit car il ne servent juste qu'au référencement vu quils sont présent sur ma page partenaire (plus visité) Voilà j'espere que je me suis bien expliqué. Merci d'avance de votre aide
lupucide Posté 24 Mai 2005 Posté 24 Mai 2005 a {font-size: 0.4em;} Le font-size peut être rédiger en px et pt (non flexible), ou en em et % (taille variable). La valeur de 0.4 dans l'exemple est vraiment petit, à toi de voir maintenant
Dudu Posté 24 Mai 2005 Posté 24 Mai 2005 Si tu tiens à ce que seuls les liens en bas de page soient plus petits que les autres tu mets éventuellement un #footer a à la place du simple a dans l'exemple donné par lupucide. En admettant bien sûr que le <div> de ton pied de page ait une id footer Peut-être le plus simple est de spécifier simplement le footer entier comme étant plus petit. Du fait de la cascade des feuilles de style, les liens suivront. Donc dans ce cas, plutôt: #footer {font-size: 0.4em;} C'est vrai en revanche que 0.4em c'est super petit (avec des réglages utilisateurs courants, s'entend)
Mumulafrite Posté 25 Mai 2005 Auteur Posté 25 Mai 2005 Bon alors jai essayé mais cela ne marche pas jai mis: <div id="footer" align="center"> puis sur mon css: FOOTER {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 4px} Jai du me tromper quelque part non?
Dudu Posté 25 Mai 2005 Posté 25 Mai 2005 Bon alors jai essayé mais cela ne marche pas jai mis: <div id="footer" align="center"> puis sur mon css: FOOTER {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 4px} Jai du me tromper quelque part non? Sauf ton respect... oui Lorsque tu définis une id dans le code html, il faut que le nom associé soit précédé d'un # dans la CSS. Lorsque tu définis une class dans le code html, il faut que le nom associé soit précédé d'un . dans la CSS. C'est la règle de base à savoir par cur Donc, en l'occurence, tu as oublié le #. D'autres part, il y a quelques autres erreurs dans le code que tu donnes ne jamais utiliser de majuscules. Tout doit être en minuscules. Supprimes le align="center" de ton code HTML pour le remplacer avantageusement dans ta CSS par un text-align: center; Ne redéfinis pas la font-family si c'est la même que celle définie pour le body (ce dont je suis à peu près persuadé) Donc les codes corrigés donnent <div id="footer"> #footer {font-size: 4px; text-align: center;} Par contre, 4 pixels c'est vraiment miniature, tu seras certainement amené à augmenter un peu la taille (9 pixels me paraît l'idéal)
Mumulafrite Posté 25 Mai 2005 Auteur Posté 25 Mai 2005 Bon ca fonctionne mais... ce que je voulais s'etait pour les liens, juste les :: entre chaque lien sont modifié (logique)
Dudu Posté 25 Mai 2005 Posté 25 Mai 2005 (modifié) Ben non pas logique... si les balises <a> sont imbriquées dans le <div id="footer">, aucune raison que celles-ci ne soient pas affectées par le changement de taille. Une petite URL pour qu'on puisse voir ? [edit] visiblement, c'est sur webfolie, lien dans ta signature.. bouge pas je regarde [/edit] [edit 2] ok vu c'est l'ordre de déclaration qui n'est pas bon dans ta CSS, mets la ligne concernant le footer tout en bas de la CSS [/edit 2] Modifié 25 Mai 2005 par Dudu
Mumulafrite Posté 25 Mai 2005 Auteur Posté 25 Mai 2005 Jai bien mis le style footer en bas de feuille css mais rien n'y fait, c'est juste les :: qui sont modifié et non les liens.
Dudu Posté 25 Mai 2005 Posté 25 Mai 2005 La déclaration du footer est en double maintenant: en haut, en bas.. Il y a clairement une interférence avec d'autres règles. Celle du a:link en particulier Tu définis que tout ce qui se trouve dans le footer va avoir une taille de 4px puis juste après tu définis que tous les liens vont avoir une taille de 10px.. Vu qu'en CSS, c'est toujours la dernière déclaration qui l'emporte -> les liens font 10px, qu'ils soient dans le footer ou non. Un peu hors-sujet, 2 remarques: - enlèves tous ces "font-family" de ta CSS ! Le principe des feuilles de styles en cascade est que les déclarations s'appliquent par cascade: Donc, en attribuant la font-family à body une bonne fois pour toutes, il n'est nul besoin de le réécrire à chaque ligne. - les liens en bas de page sont déjà très peu visibles avec 10 pixels. À quoi serviraient-ils en étant plus petits ? À quoi, de manière générale sert un lien s'il ne doit pas être cliqué ?
Mumulafrite Posté 25 Mai 2005 Auteur Posté 25 Mai 2005 Bon jai virer le premier style footer pour quil ne reste que le dernier, cela ne fonctionne toujours pas. Le but de ces liens est juste pour que les liens fassent plus de backlink car ils sont remis sur une page partenaire beaucoup plus visible. Jaimerai bien trouvé cette satané solution car ca mennerve quand ca fonctionne pas Merci à toi deja pour tes reponses
Dudu Posté 25 Mai 2005 Posté 25 Mai 2005 C'est bien ce dont je me doutais Je suis assez déçu de m'apercevoir que mes efforts pour t'aider servent à duper de manière plus ou moins classieuse des moteurs de recherche via des procédés qu'ils répriment (et dont ils ne sont pas dupes.. çà peut aller jusqu'au blacklistage). Bref, j'ai commencé à t'aider, donc je continue mais bon... Je vois que tu as changé l'appellation de l'ancien "footer" À mon avis, tu devrais virer les déclarations a pour n'en garder que l'essentiel. Comme ceci par exemple a:link {color: #404040;text-decoration: none;}a:visited {}a:hover, a:focus {text-decoration: overline underline;}a:active, {} Çà nettoirait un peu les différentes déclarations de tailles de lien. Surtout que par défaut (a:link) ils ont la même taille que le corps de texte normal. Donc inutile de re-préciser la taille, à part pour embrouiller les navigateurs À ce propos, l'ordre pour noter les différents pseudo-formats associés aux liens doit toujours être :link, :visited, :hover, :active
Mumulafrite Posté 26 Mai 2005 Auteur Posté 26 Mai 2005 Voilà cela fonctionne j'avais changé le style des liens comme tu mas dit mais ca buggais ca me mettais des liens en violet alors jai fais a ma sauce. Bon et bien voilà c'est bon. Au fait jai pas dit que je voulais escroquer les moteurs de recherche, jai juste mis les lien en 9px. Voilà en tout cas merci de ton aide!!!
Nissone Posté 26 Mai 2005 Posté 26 Mai 2005 [*]ne jamais utiliser de majuscules. Tout doit être en minuscules. <{POST_SNAPBACK}> Ah bon ?! Pourquoi ? C'est une règle ou une convention ou une astuce que tu as pris l'habitude de suivre pour ne pas faire d'erreur de casse ? Pour ma part, je me retrouve souvent avec des noms de class de plusieurs "mots" que je sépare visuellement par une majuscule. Pourquoi ne mettre que des minuscules ?
Hadrien Posté 26 Mai 2005 Posté 26 Mai 2005 Ah bon ?! Pourquoi ?C'est une règle ou une convention ou une astuce que tu as pris l'habitude de suivre pour ne pas faire d'erreur de casse ? Pour ma part, je me retrouve souvent avec des noms de class de plusieurs "mots" que je sépare visuellement par une majuscule. Pourquoi ne mettre que des minuscules ? Yep, si on respecte la casse entre l'id ou la class, et la déclaration CSS, il n'y a pas de problème. J'aime d'ailleurs moi-même utiliser des capitales pour introduire les mots : #Header, #Footer, #PageFirstLevel etc. Je pense que se fixer la règle de n'employer que du bas-de-casse ça doit être une méthode pour éviter de devoir faire attention à la casse justement. Pourquoi pas.
Dudu Posté 26 Mai 2005 Posté 26 Mai 2005 En fait, en XHTML on n'a pas le droit aux majuscules dans le code C'est pas moi qui fait un caprice, si vous voulez râlez allez voir le w3c C'est dû à la parenté XML de l'XHTML, et c'est autant une règle qu'une convention. Donc si on ne peut pas écrire <div id="Footer">, on ne peut nécessairement pas écrire dans sa CSS -> #Footer Sauf qu'effectivement, Mumulafrite est encore en HTML 4, au temps pour moi.. n'empêche que c'est une bonne habitude à prendre dès maintenant car un jour ou l'autre il faudra bien passer à un autre doctype (puis un autre, puis un autre, on n'arrête pas le progrès..) Puis effectivement, c'est aussi une bonne manière d'éviter les erreurs de casse donc d'interprétation
Hadrien Posté 27 Mai 2005 Posté 27 Mai 2005 En fait, en XHTML on n'a pas le droit aux majuscules dans le code C'est pas moi qui fait un caprice, si vous voulez râlez allez voir le w3c C'est dû à la parenté XML de l'XHTML, et c'est autant une règle qu'une convention. Confusion. En XHTML, c'est le nom des éléments (donc de leurs balises) qui sont tout en bas-de-casse. Mais quand il s'agit d'écrire id="blabla" ou class="blabla", on a là des attributs, où tu n'as pas ces contraintes. Un identifiant, pour être valide en XML, doit être unique, et respecter une construction de type « Name » : http://www.w3.org/TR/2004/REC-xml-20040204/#NT-Name Et là tu peux te lâcher, t'as toutes les lettres et les chiffres Unicode à ta disposition <div id="ufÀLaCoque"> c'est valide
Xavier Posté 27 Mai 2005 Posté 27 Mai 2005 Un identifiant, pour être valide en XML, doit être unique, et respecter une construction de type « Name » : http://www.w3.org/TR/2004/REC-xml-20040204/#NT-Name Et là tu peux te lâcher, t'as toutes les lettres et les chiffres Unicode à ta disposition <div id="ufÀLaCoque"> c'est valide <{POST_SNAPBACK}> Mais est-ce le cas également en XHTML ? En HTML 4 on est limité http://www.la-grange.net/w3c/html4.01/types.html#type-name"]les atomes ID et NAME doivent commencer par une lettre ([A-Za-z]), qui peut être suivie par un nombre quelconque de lettres, de chiffres ([0-9]), de caractères trait d'union « - », souligné « _ », deux-points « : » et points « . ». La mention dans les différences XHTML/HTML ne me paraît pas très claire...
Dudu Posté 27 Mai 2005 Posté 27 Mai 2005 Confusion. En XHTML, c'est le nom des éléments (donc de leurs balises) qui sont tout en bas-de-casse. Mais quand il s'agit d'écrire id="blabla" ou class="blabla", on a là des attributs, où tu n'as pas ces contraintes. Tiens, pan sur le bec, le Dudu J'ai appris un truc, merci de l'info
CarGoZ Posté 29 Mai 2005 Posté 29 Mai 2005 Heu pour revenir aux liens avec du css on peut faire plusieurs type de lien: a.lien1{ blalala } a.liens2{ bliblbibli } et mettre un class="lien1/2" dans la balise de liens. ça serait pas plus simple ?
Dudu Posté 30 Mai 2005 Posté 30 Mai 2005 a.lien1{blalala } a.liens2{ bliblbibli } et mettre un class="lien1/2" dans la balise de liens. La syntaxe n'est pas bonne. Dans ton exemple, il faudrait écrire <a class="lien1 liens2">
CarGoZ Posté 1 Juin 2005 Posté 1 Juin 2005 Heu non c'est pas se que je voulait dire... je voulait dire que on avait le choi entre lien1 et lien2 je voulait pas mettre les deux en même temp ...
Nissone Posté 6 Juin 2005 Posté 6 Juin 2005 Comme l'id peut servir aussi pour son javascript, j'aurais d'ailleurs du coup à m'aligner sur la norme javascript : première lettre en minuscule et majuscule pour chaque nouveau mot : id="basDePage" Voilà, voilà.
g41687 Posté 9 Juin 2005 Posté 9 Juin 2005 Hadrien à écrit : <div id="ufÀLaCoque"> c'est valide Oui mais gaffe au charset : Ok avec <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> Ko avec <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant