Espace non trouvé

Bonjour,

Je viens enfin de terminer ma maquette en css.

http://www.vitamine-c.ch/construction.htm

Actuellement, il y a de gros espaces entre "site web" , le texte, et les vignettes...
Et je n'arrive pas à trouver la faute pour réduire ces espaces.

Quelqu'un pourrait-il m'aider?

Merc d'avance...

PS :: je suis débutant en css, dite-moi si il y a des grosses fautes, merci

dups

Pour tes espaces, regarde du côté des marges sur les différents éléments
Tu peux consulter la méthodologie pour la résolution des problème, ça t'aidera pour ce type de cas de figure :
http://forum.alsacreations.com/topic.php?fid=4&aid=18

Par contre, il y a des erreurs au niveau du code HTML
http://validator.w3.org/check?verbose=1&uri=http%3A//www.vitamine-c.ch/construction.htm

J'ai pas regardé le code HTML, mais par contre, au niveau du menu, tu devrais utiliser le texte simple du menu sans ".:" ni les majuscules.
Tu met ton texte ainsi : <a...>Ton texte</a>
Et ensuite, tu le met en majuscule via CSS : text-transform: uppercase;
Pour les ".:", tu peux les insérer via

a:before
{
content: ".: ";
}

Mais ça ne marchera pas sous IE (et puis aprsè ? c'est pas bien grave)
Sinon, si tu veux que ça fonctionne sous IE, utiliser une puce (avec list-style sur les <li> ou une image de fond) en image.
Pourquoi tu te demandes ! Et bien parcequ'un lecteur d'écran lira "point deux point titre de ton item, point deux point titre de ton autre item" etc. Tu imagines bien que ça doit être plutôt lourd
D'autant que ce n'est là que pour de la mise en forme
Sinon, ça me parait assez propre, mais je n'ai passé qu'un rapide coup d'oeil sur le code HTML, mais si rien ne me choque comme ça, c'est qu'il doit pas y avoir trop de degats

Peut être extraire les images du code HTML et les mettres en background CSS. Ou au moins changer les attribut Alt pour leur donner un sens réel.
Modifié par Olivier (13 Mar 2005 - 01:07)

Pour les marges voir le lien méthodologie d'Olivier.
Le code est assez propre. Sinon j'attirerais bien ton attention sur le fait de fixer dans le body une taille à .8em conjugué très particulièrement à la police Verdana qui à tendance à être proportionnelement plus importante que les autres polices sans-serif.
Certains systèmes et/ou configurations risquent de voir sans changement de taille des utilisateurs une taille de caractère très petite. Lire à ce sujet de billet de Cybercodeur et les commentaires l'accompagnant: Réflexions sur les polices de caractère

Merci beaucoup les gars, je vais essayer de faire le necessaire.
Bonne journée

dups

Si ton problème est résolu, peux tu ajouter en titre de sujet en éditant ton premier post. Merci

Lo Je n'ai pas tout à fait résolu:::

1) J'ai créer une image pour remplacer ".:", ça marche sauf pour le rollover...

2) Mes fameux espaces entre entre mes pseudo-blocs,ne sont pas résolu, devrais-je créer plutôt des blocs séparés ????
Si tu as 2 minutes à mes consacrer, je cherche depuis 2 heures...

Merci
www.vitamine-c.ch/construction.htm

dups a écrit :

Lo Je n'ai pas tout à fait résolu:::

1) J'ai créer une image pour remplacer ".:", ça marche sauf pour le rollover...

2) Mes fameux espaces entre entre mes pseudo-blocs,ne sont pas résolu, devrais-je créer plutôt des blocs séparés ????
Si tu as 2 minutes à mes consacrer, je cherche depuis 2 heures...

Merci
www.vitamine-c.ch/construction.htm

c'est un peu normal pour le rollover... pourquoi changer la couleur d'un élément de décoration ?

Pour le roll over, tu peux utiliser la technique classique du roll over CSS :
http://www.elmoustikoblog.net/tutoriels/css/roll_over/

Tu peux d'ailleurs appliquer la chose à ton autre menu pour les mêmes raisons.

Pour tes marges, avec la méthodologie que je t'ai indiqué il ne devrait pas y avoir de problème.
En jouant sur les Marges (margin) du <h2> (idem que pour le menu, écris en minuscule et transforme via CSS et text-transform en majuscule ), du <p> et de l'<ul>, tu t'en sortiras sans problème.

Pour revenir sur les majuscules ( ), il faut tout de même mettre la majuscule sur la premiere lettre ^^
Je chipote, je chipote, mais c'est pour faire le mieux possible , pour un eventuel futur redesign, ça te facilitera drolement la tache.
Modifié par Olivier (13 Mar 2005 - 13:24)