Menu horizontal

Bonjour à tous !
C'est ma 2ième question ici jusqu'à maintenant et j'ai bien aimé les réponses pour ma première

http://www.safaricondo.com/test_saf.html

Sur cette page je suis en train de faire un menu CSS. J'ai déjà pas mal d'heures de lecture et de tests de fait ! À la taille d'écriture normale, tout est ok dans Firefox et dans IE6. Si je grossi le texte dans FF, ça fait tout de suite décaler complètement à droite la grande photo qui est dessous et qui ne fait pas parti de mon entête.

Y aurait-il une façon de faire pour que ça grossisse et que ça demeure dans mon entête ? C'est-à-dire, à droite et en bas ?
Peut-être m'y suis-je pris de la mauvaise façon pour positionner le tout ?

Merci gang !

Guillaume du Québec.
Modifié par guibou (17 Mar 2008 - 18:38)

bonsoir

pour dégager ton image d'un flottant:

#wrapper2 img { clear:both;}

par exemple

GC

Bonsoir guibou,

Tu peux te servir des propriétés css pour empêcher la "fuite des flottants"

Tu verras assez souvent un saut de ligne stylisé :

br {
clear:left/right/both;
}

Que tu place juste après tes flottants (donc juste avant ton image)

Ou une barre horizontale :

hr {
clear:left/right/both;
visibility:hidden; [#blue]Si tu ne souhaites pas voir cette barre[/#]
}

Idem pour le placement

Mais tu peux judicieusement te servir de ton image pour empêcher cette "fuite des flottants" :

<img src="images/saf2008_1.jpg" alt="" style="border:0; clear:left/right/both;">

(ou mieux définir les styles dans la feuille de style plutôt que dans le code html, via une classe ou un id spécifique )

Pour le menu, il est effectivement conseiller de prévoir un "agrandissement minimum de la taille de police" sans que la mise en page n'en soit affectée...

Bon courage,
Cdt,
Sylvain

* Y'a plus moyen d'aller faire une pause pipi tranquillou ici ?! Bon : grillé
Modifié par 6l20 (17 Mar 2008 - 22:15)

J'ai encore pas mal avancé.

Merci à tous !

http://www.safaricondo.com/test_saf.html

J'ai toujours un problème: je n'arrive pas à réduire l'espace à droite du texte pour faire entrer tous mes bouton

update: j'approche de la solution..... re-update: je l'ai un peu bousillé, j'vais dormir
Modifié par guibou (19 Mar 2008 - 06:41)