Bessoin de vos lumières

Salut à tous !

Mon premier post sur le forum. Je me presente :

Je suis entrain de coder la V3 de mon site et je viens de decouvrir le CSS. Je suis artisan et je fabrique des jeux en bois. Mon site est donc une boutique à ligne.

Je me suis bouffer bien des tutos et un gros bouquin afin de creer mon site. Mais j'avais toujours mis de coter l'aspect CSS. Et au final c'est en voulant faire mon pied de site que je me suis rendu compte que je n'allais pas dans le bon sens (impossible de le coller en bas de site quelque soit le contenu de la page).

Bref je debute donc en CSS. J'utilise dreamweaver et mon site est en php.

La grosse difference entre les 2 versions du site c'est qu'au debut je montais mes elements avec l'outil "tracer un div pour un element PA" ; et en CSS j'utilise "Inserer la balise DIV".

Ce que j'aimerais comprendre c'est qu'elle difference entre les deux. Qu'elle notion en retire t'on et surtout c'est quoi un element PA?

J'ai donc bessoin de lumières car jusqu'à lors j'avancais bien. La première version du site est fonctionnelle mais avec le CSS un voile noir s'abat sur ma direction. Si vous passez par là avec vos lanternes !!

Addresse du site actuelle :

www.larosedesjeux.com

La version CSS

http://www.larosedesjeux.com/index2.php

Liens Corriger
Modifié par rafi-craft (14 Aug 2009 - 14:39)

J'ai accès à aucun des deux site, je sais pas si ça va le faire à d'autre.

Hello,

Miala a écrit :
J'ai accès à aucun des deux site, je sais pas si ça va le faire à d'autre.

oui puisque les liens ne tiennent pas compte de la règle 12 de l'aide.

Bonjour et bienvenu sur le forum

Ce que tu appelles le voile noir sur ton footer est simplement dû à la ligne de code suivante :

#pied { background-color:#000000;}

En remplaçant #000000 par #ffffff, le voile noir se transformera en voile blanc.


Par ailleurs, il est possible de s'affranchir d'un certain nombre de div inutiles en plaçant directement les id et les class sur les éléments ciblés. Par exemple :

  <div id="menu">
    <ul><li>...</li></ul>
  </div>

  <div id="anim"><img src="..." /></div>

Peuvent devenir :

    <ul id="menu"><li>...</li></ul>

<img id="anim" src="..." />

Il faudra bien sûr veiller à adapter la feuille de style en conséquence.

Bon courage pour la suite et à bientôt.
Modifié par Cygnus (14 Aug 2009 - 17:48)