28173 sujets

CSS et mise en forme, CSS3

[Résolu] Organisation d'un site avec une feuille CSS

Bonjour tout le monde !
Je suis nouveau sur le forum Smiley smile Je fais du HTML depuis quelques temps et je me suis rarement consacré aux feuilles de style css, j'en ai surtout copié et changé ce que je pouvais. J'ai beaucoup d'idées de sites internet et j'aimerai beaucoup avoir des conseils pour organiser un site internet avec les feuilles CSS.

Avec les quelques CSS que j'ai copié, j'ai réussi à faire quelques petits truc mais j'aimerai vraiment faire quelque chose de simple, avec un espace pour le texte menu à droite et le texte principal au milieu, avec des images en fond.
Je vous ai fait un schéma pour que vous compreniez mieux.

upload/24537-css.JPG


J'aimerai avoir des conseils pour savoir placer des images (avec le margin-top/left ?) et texte. Merci encore d'avoir lu ce message et de bien vouloir m'aider Smiley smile
A bientôt
Mathieu
Modifié par youpitou (03 Nov 2009 - 16:07)
Salut,
Sans une page en ligne ou au moins l'intégralité de ton code, il va être difficile de t'aider concrètement. Smiley cligne
http://math-zeblog.fr.tc/

Je viens de tester un peu avec une feuille css que j'ai copié sur css zen garden. J'ai enlevé les trucs qui ne me servait pas. Par contre, je sais pas comment positionner les images : par exemple l'image header au milieu, le menu juste en dessous de header, une image sous le teste central.
en fait j'aimerai que les élements du site soit à peu près positionnés suivant le schéma :
upload/24537-css.JPG

l'adresse de ma feuille css : http://math-zeblog.fr.tc/style.css
Modifié par youpitou (19 Oct 2009 - 22:27)
ReBonjour tout le monde ! Merci beaucoup pour vos liens ça m'a bien aidé j'ai pu réaliser ce que je voulais...sauf que ya un problème Smiley decu
Voila en fait quand j'ouvre index.html sans l'avoir envoyé sur internet ça affiche la page correctement :

upload/24537-math1.JPG

Mais quand j'envoi le tout sur internet (j'utilise Filezilla comme client ftp)il semble y avoir un problème avec le code css (que j'ai intégré dans la page html je sais pas si c'est une bonne idée mais quand je fais une feuilel css à part ça fait le ême resultat): c'est tout blanc et il n'y a que le code html (le texte quoi) qui s'affiche : http://math-zeblog.fr.tc

voila voila en espérant que vous pourrez m'aider à résoudre ce problème Smiley smile
A bientot
Modifié par youpitou (03 Nov 2009 - 11:36)
Bonjour,

Tu peux déjà chercher un autre hébergeur, car même si ce n'est apparement pas la cause de ton problème principal, leur code de pub en JS qui s'insère avant le doctype risque de proser de sacrés problèmes avec IE6 (et bon la pub elle est pas géniale (et la pop-up pour un site de poker c'est pire)).

Quand au problème qui te concerne, as-tu pensé à uploader les images ? Car elles ne sont pas à l'endroit où elles devraient être :
http://math-zeblog.fr.tc/header.png -> 404
http://math-zeblog.fr.tc/03.png -> 404
http://math-zeblog.fr.tc/04.png -> 404
oups oui ! erreur tout con de ma part : .png au lieu de .PNG
merci beaucoup de m'avoir interpellé sur les images laurie-anne Smiley smile maintenant je vais pouvoir creer tout les sites que je veux !
Et j'ai mis mon site chez un autre hébergeur (bon l'adresse est moins classe mais ya pas de pub Smiley smile http://secrets2lost.chez-alice.fr/blog/
Il aurait été préférable de renomer les images.

D'une manière générale, on considère qu'il vaut mieux éviter, dans les URL, les noms de fichiers et noms de dossiers, d'utiliser des majuscules, des caractères accentués ou des espaces.

La bonne nouvelle c'est que la prochaine étape de ton débuggage c'est IE6 ^^;

Si tu considère le sujet comme étant [résolu], merci de l'indiquer dans le titre de ton premier message.

Bon courrage,
Sujet clos
Aller à