Créer son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
Forumsbesoin d'aide SVP SVP
      Imprimer le sujet FAQ  M'enregistrer 
  Toutes vos questions concernant le design et le graphisme sont les bienvenues dans cette catégorie !

besoin d'aide SVP SVP

Messagede passavoir le 19 Juin 2009, 11:22

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
Avatar de l'utilisateur
passavoir
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 7
Inscription: 19 Juin 2009, 10:55
Points: 24


Re: besoin d'aide SVP SVP

Messagede jeromecold le 19 Juin 2009, 11:50

Un div avec une position fixe en CSS sera amplement suffisant!
Arobase plus
Avatar de l'utilisateur
jeromecold
Plug'zien Pro
Plug'zien Pro
 
Messages: 3156
Inscription: 05 Sep 2007, 13:18
Points: 2915


Re: besoin d'aide SVP SVP

Messagede passavoir le 19 Juin 2009, 13:22

jeromecold a écrit: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
Avatar de l'utilisateur
passavoir
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 7
Inscription: 19 Juin 2009, 10:55
Points: 24


Re: besoin d'aide SVP SVP

Messagede jeromecold le 19 Juin 2009, 15:34

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!
Arobase plus
Avatar de l'utilisateur
jeromecold
Plug'zien Pro
Plug'zien Pro
 
Messages: 3156
Inscription: 05 Sep 2007, 13:18
Points: 2915


Re: besoin d'aide SVP SVP

Messagede passavoir le 19 Juin 2009, 16:39

jeromecold a écrit: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
Avatar de l'utilisateur
passavoir
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 7
Inscription: 19 Juin 2009, 10:55
Points: 24


Re: besoin d'aide SVP SVP

Messagede jeromecold le 19 Juin 2009, 17:09

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!
Arobase plus
Avatar de l'utilisateur
jeromecold
Plug'zien Pro
Plug'zien Pro
 
Messages: 3156
Inscription: 05 Sep 2007, 13:18
Points: 2915


Re: besoin d'aide SVP SVP

Messagede passavoir le 19 Juin 2009, 20:42

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
Avatar de l'utilisateur
passavoir
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 7
Inscription: 19 Juin 2009, 10:55
Points: 24


Re: besoin d'aide SVP SVP

Messagede zardoz le 19 Juin 2009, 23:21

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.

++ : :-)
zardoz
Plug'zien Star'z
Plug'zien Star'z
 
Messages: 888
Inscription: 16 Fév 2008, 04:05
Points: 582


Re: besoin d'aide SVP SVP

Messagede passavoir le 20 Juin 2009, 07:33

zardoz a écrit: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
Avatar de l'utilisateur
passavoir
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 7
Inscription: 19 Juin 2009, 10:55
Points: 24


Re: besoin d'aide SVP SVP

Messagede jeromecold le 20 Juin 2009, 08:34

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)!
Arobase plus
Avatar de l'utilisateur
jeromecold
Plug'zien Pro
Plug'zien Pro
 
Messages: 3156
Inscription: 05 Sep 2007, 13:18
Points: 2915


Re: besoin d'aide SVP SVP

Messagede passavoir le 20 Juin 2009, 16:00

jeromecold a écrit: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
Avatar de l'utilisateur
passavoir
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 7
Inscription: 19 Juin 2009, 10:55
Points: 24


Re: besoin d'aide SVP SVP

Messagede zardoz le 20 Juin 2009, 16:05

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
++
zardoz
Plug'zien Star'z
Plug'zien Star'z
 
Messages: 888
Inscription: 16 Fév 2008, 04:05
Points: 582



Retourner vers Vos questions en Webdesign

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités