Discussion :

[kabkab]

Bonjour,
Je suis en train de changer la structure du site que j'administre.
Avec des tables, j'arrive à gérer. Mais pour la nouvelle mouture, je désire passer outre les tables et travailler avec "un site sans tables".
Pour mes premières questions :
Voilà le lien
http://kabkab.toile-libre.org/

Mes CSS et mon HTML sont valides pour l'instant.
Avec Firefox 3.5.5, ça a l'air d'aller, mais avec IE6 je rames.

1. Vous pouvez remarquer un petit espace suplémentaire en bas de l'image en haut à gauche.
2. Les cadres en dessous sont légèrement réduits à gauche.
3. Si je survoles une des rubriques de ces cadres, la taille verticale du cadre global diminue. Si je survoles alors à droite, Sport, 24 novembre 2009 ou Auteur, la taille verticale se remets en normal.
4. Sur le lien http://kabkab.toile-libre.org/test.html, j'ai diminué la taille du texte à droite. Les problèmes 2 et 3 ne se manifestent pas.

Je sais que c'est un problème de CSS mais je suis néophyte dans ce terrain.

Une orientation s'il vous plaît, merci.

[kabkab]

Bonjour,
Je viens d'installer Ietester et avec IE7 c'est encore pire au niveau des espaces.

Auriez-vous l'amabilité d'aider un novice en CSS.

[kabkab]

Bonjour,
A force de fouiller j'ai trouvé la solution pour le problème N°3. Il suffisait d'ajouter un div avec un clear:both après le div de la colonne de droite.

Je fouille encore pour le reste. Une aide ne serait pas superflue.

Merci.

[kabkab]

Bonjour,
Merci pour toute l'aide que vous m'avez apporté.
Sans aucune ironie, je vous assure. Le fait de ne pas m'avoir répondu m'a permis de trouver moi même et d'apprendre mieux.

Le problème 1 ne me cause pas vraiment de souci parce déjà l'image sera sur fond blanc.
Le 2 qui a eu le mérite de m'apporter des maux de tête atroces s'est résolu par la plus grande bêtise de IE. Il suffit d'écrire :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<UL><LI>1</LI><LI>2</LI></UL>

au lieu de

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<UL>
<LI>
1
</LI>
<LI>
2
</LI>
</UL>

Ne me demandez pas pourquoi mais c'est parce que...
Le 4 s'est résolu en trouvant la solution du 3.

Merci à tous.