[ AVIS ] Enfin mon site en CSS, besoin de votre avis...merci
17 messages • Page 2 sur 2 • 1, 2
Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics
-

pistonocus - WRInaute impliqué

- Messages: 370
- Inscription: Ven Mar 25, 2005 23:19
Illisible dans le sens que à chaque fois on est obligé de toucher l'ascenseur d'en bas et qu'au depart la page presente un grand fond noir et on pourrait croire qu'il y a rien.
Tu as plusieurs solutions pour palier à ton probleme:
Soit tu fais des Frames, une methode especifique pour palier à ça. mais peu recomendable pour le referencement.
Soit tu fais le même site que pour les 800x600 et tu mets un detecteur de resolution. Pas tres conseillé nonplus pour le referencement.
Soit tu penses qu'aux resolutions 800x600 et ensuite tu mets tes pages dans une espece de : table avec 3 celliules celle de droite de 10% celle du millieu de 80% et celle de gauche de 10% tu centres le tout et sur n'importe quel resolution ton site es tres bien visible. (cela ne craind en rien sur le referencement)
J'en suis sur que tes 16% qui utilisent 800x600 te remercieront de ne plus devoir toucher à chaque page qu'on clique sur la barre de defilement d'en bas.
Sinon, à part ça, ton site et tes photos sont superbes.
Tu as plusieurs solutions pour palier à ton probleme:
Soit tu fais des Frames, une methode especifique pour palier à ça. mais peu recomendable pour le referencement.
Soit tu fais le même site que pour les 800x600 et tu mets un detecteur de resolution. Pas tres conseillé nonplus pour le referencement.
Soit tu penses qu'aux resolutions 800x600 et ensuite tu mets tes pages dans une espece de : table avec 3 celliules celle de droite de 10% celle du millieu de 80% et celle de gauche de 10% tu centres le tout et sur n'importe quel resolution ton site es tres bien visible. (cela ne craind en rien sur le referencement)
J'en suis sur que tes 16% qui utilisent 800x600 te remercieront de ne plus devoir toucher à chaque page qu'on clique sur la barre de defilement d'en bas.
Sinon, à part ça, ton site et tes photos sont superbes.
Juste un petit détail XHTML
Pour toute balise sans fermeture comme <br> (par oposition à une balise du type <div></div>) tu doit inclure la fermeture de la balise dans celle ci.
la balise img fonctionne de la même façon...
exemple pris au hazard, <img src="vignette2/jan.jpg">, doit en réalité s'écrire <img src="vignette2/jan.jpg" alt="description de l'image"/>
Pour ta seconde question: si tu veux centrer du texte par rapport aux vignettes tu doit définir la hauteur de ligne selon la hauteur de l'image
exemple:
sinon, en rêgle générale, le centrage tant vertical qu'horisontal s'obtient avec les marges avec la valeur auto. Tu a plusieurs possibilités,selon ton écriture des marges,
Concrettement:
margin:(haut) (droite) (bas) (gauche);
margin:15px 20px 15px 55px;
margin:auto 20px auto 55px;
mais aussi ,
margin:(haut et bas) (droite et gauche);
margin:auto 16px;
margin:8px 16px;
mais encore,
margin:(haut) (droite et gauche) (bas);
margin:10px auto 25px;
et pour finir,
margin:(les quatres cotés)
margin:20px;
Pour valider tes css et tes pages en elles-mêmes tu peux faire appel au validateur en ligne du W3Cà l'adresse http://validator.w3.org
L'intégralité des balises et leurs attibuts sont expliqués par le W3C à l'adresse http://www.w3schools.com/tags
Pour toute balise sans fermeture comme <br> (par oposition à une balise du type <div></div>) tu doit inclure la fermeture de la balise dans celle ci.
la balise img fonctionne de la même façon...
exemple pris au hazard, <img src="vignette2/jan.jpg">, doit en réalité s'écrire <img src="vignette2/jan.jpg" alt="description de l'image"/>
Pour ta seconde question: si tu veux centrer du texte par rapport aux vignettes tu doit définir la hauteur de ligne selon la hauteur de l'image
exemple:
- Code: Tout sélectionner
<div style="line-height:45px;">
<img src="image.gif" alt="c'est une image" height="45" />
Le texte à centre sur l'image...
</div>
sinon, en rêgle générale, le centrage tant vertical qu'horisontal s'obtient avec les marges avec la valeur auto. Tu a plusieurs possibilités,selon ton écriture des marges,
Concrettement:
margin:(haut) (droite) (bas) (gauche);
margin:15px 20px 15px 55px;
margin:auto 20px auto 55px;
mais aussi ,
margin:(haut et bas) (droite et gauche);
margin:auto 16px;
margin:8px 16px;
mais encore,
margin:(haut) (droite et gauche) (bas);
margin:10px auto 25px;
et pour finir,
margin:(les quatres cotés)
margin:20px;
Pour valider tes css et tes pages en elles-mêmes tu peux faire appel au validateur en ligne du W3Cà l'adresse http://validator.w3.org
L'intégralité des balises et leurs attibuts sont expliqués par le W3C à l'adresse http://www.w3schools.com/tags
17 messages • Page 2 sur 2 • 1, 2
Formation recommandée sur ce thème :
Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- Suite de l'interview avec Google
- Comment optimiser la proéminence des mots-clés
- Google crawle les fichiers CSS
- Algorithme de détection du link spam de masse
- Selon 1ère Position / Xiti, "Google monte toujours !"
- Le Sandbox serait-il lié au TrustRank ?
- Robots.txt : Yahoo supporte les options avancées
- Les Rich Snippets de Google (descriptions enrichies des résultats)
- Le blog officiel de Google au Japon
- Bing fait moins bien que Live Search pour son lancement en France
Consultez la description détaillée des produits ou services de Google suivants : Google Ventures, Picasa Web Albums
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités


le forum