besoin d'aide SVP SVP

[passavoir]

Bonjour a vous tous

je cherche a faire un bandeau plus menu fixe en haut de page celui ci serait composer de la banierre de notre asso
et du menu de navigation du site

Voici un exemple de se que je desir sur qui suit http://medsci.free.fr/pcsa/index.htm

qui pouré me fournir un script ou un code en HTML merci de bien voiloir me venir en aide SVP

A+ MICHEL

[jeromecold]

Un div avec une position fixe en CSS sera amplement suffisant!

[passavoir]

Un div avec une position fixe en CSS sera amplement suffisant!

Re bonjour
merci pour votre reponce mais je ne sais pas fair la est mon problème

A+
MICHEL

[jeromecold]

Placé juste après la balise body:

Code: Tout sélectionner

<div style="padding:4px;float:left;width:100%;position:fixed;top:0px;left:0px;border-bottom:1px solid black;background:silver;">
</div>


Voilà sa devrait suffire, j'ai pas testé par contre!

[passavoir]

Placé juste après la balise body:

Code: Tout sélectionner

<div style="padding:4px;float:left;width:100%;position:fixed;top:0px;left:0px;border-bottom:1px solid black;background:silver;">
</div>


Voilà sa devrait suffire, j'ai pas testé par contre!

OK cela fonctionne bien mais comment faire pour le centré et qu'il ne face que 75% de l'écrant

encore un grand MERCI a vous

A+ Michel

[jeromecold]

C'est tout simple regarde:

Code: Tout sélectionner

<div style="padding:4px;float:left;width:100%;position:fixed;top:0px;left:0px;border-bottom:1px solid black;background:silver;">
</div>

Dans mon code (comme dans tout les codes en CSS), la largeur est désignée par un width, là elle fait 100%, il suffit de mettre 75!

Mais tu vas te rendre compte que sa va pas marcher (pas être centré) alors je modifie le code pour toi:

Code: Tout sélectionner

<div style="padding:4px;float:left;width:75%;position:fixed;top:0px;left:50%;right:50%;margin-left:-32.5%;border-bottom:1px solid black;background:silver;">
</div>

Devrait suffire!

[passavoir]

Code: Tout sélectionner

<div style="padding:4px;float:left;width:75%;position:fixed;top:0px;left:50%;right:50%;margin-left:-32.5%;border-bottom:1px solid black;background:silver;">
</div>

Devrait suffire![/quote]

BONSOIR A VOUS
ENCORE UN GRAND MERCI A VOUS
VOICI LE RESULTA

http://www.supporters-du-stade-toulousain.com/presse.html

J'ESPER QUE CELA FONCTIONNE SOUS IE SUR PC, COMME AVEC SAFARI SUR MAC
A+
MICHEL

[zardoz]

Salut passavoir.

C'est bien ton site. Seulement j'aurais coller en top page ton entête » margin-top: 0px comme exemple.
Car on voit passer ton texte en arrière entre la bannière et le rebord du navigateur. Bon d'accord que c'est juste un détail, mais la présentation est essentielle je crois. Le sujet de ton site en vaut la peine.

Moi c'est ok sous IE8.
Bonne chance.

++ :

[passavoir]

Salut passavoir.

C'est bien ton site. Seulement j'aurais coller en top page ton entête » margin-top: 0px comme exemple.
Car on voit passer ton texte en arrière entre la bannière et le rebord du navigateur. Bon d'accord que c'est juste un détail, mais la présentation est essentielle je crois. Le sujet de ton site en vaut la peine.

Moi c'est ok sous IE8.
Bonne chance.

++ :

Bonjour a vous tous

que voulez vous dire par "le rebord du navigateur" je suis sur mac
voici mon morceau de code il est bien ou pas SVP

<div
style="border-bottom: 0px solid black; padding: 4px; float: left; width: 77%; position: fixed; top: 0px; left: 46%; right: 44%; margin-left: -35%;"><img
style="width: 100%; height: 90px;" alt=""
src="img/001.jpg"><br>
</div>

encore Merci

A+

Michel

[jeromecold]

C'est plus très centré ^^ mais sinon oui sa devrait aller!
J'ai testé avec internet Explorer 8 (RC je crois) et sa marche comme sur Firefox (3.5 pour moi)!

[passavoir]

C'est plus très centré ^^ mais sinon oui sa devrait aller!
J'ai testé avec internet Explorer 8 (RC je crois) et sa marche comme sur Firefox (3.5 pour moi)!

RE RE bonjour

viola quelques modif est on ne voie plus le texte qui défile en arrière plan
sur PC je ne sais pas si c'est centré mais sur cela est nickel

A+

Michel

[zardoz]

C'est toujours Ok sur IE8. c'est centré et tu as coller ton header dans le haut. C'est bien.

bonne chance pour ton site
++