Forum Marketing Le forum de référence en matière de web marketing :
  • Améliorez votre site web
  • Apprenez comment le référencer
  • Découvrez quelles sont les autres méthodes de promotion
  • Boostez votre trafic, vos ventes, vos revenus en ligne

... le tout...
Gratuitement !

Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
23 Novembre 2008 13:52:01
101841 Messages dans 16849 Fils de Discussion par 30050 Membres
Dernier membre: riccolo65
Accueil Aide Chercher Calendrier Carte des membres Identifiez-vous Inscrivez-vous

 


Forum Marketing  >  Créer et développer un site  >  Developpement  >  Fil de Discussion: réalisation d'une barre de navigation 0 Membres et 0 Invités sur ce Fil de Discussion. « sujet précédent | | sujet suivant »
Pages: [1] 2 Envoyer ce Fil de Discussion Imprimer
Auteur Fil de Discussion: réalisation d'une barre de navigation  (Lu 4304 fois)
jeanmahieu
Junior
**
Hors ligne Hors ligne

Messages: 8


Bonjour à tous


WWW
« le: 30 Juillet 2005 08:57:43 »


Toujours à la suite d'une critique de site et en vue de l'amélioration

de ce dernier, je suis à  la recherche d'une procédure fiable de

réalisation d'une barre de navigation pour chaque page du site;

faut-il utiliser la théorie des "frames" - cadres - dans ce cas

d'espèce ?
Journalisée

$$ GdB $$
Habitué
****
Hors ligne Hors ligne

Messages: 70

Bonjour à tous


« Réponse #1 le: 02 Août 2005 03:20:01 »

si tes pages sont en html, utilise du javascript Sourire

elle ressemble à quoi ta barre de navigation? texte ou image?
Journalisée

Jean Mahieu
Invité
« Réponse #2 le: 02 Août 2005 07:14:21 »


L'idée ainsi que la définition du contenu de la barre de

navigation n'ont pas encore été soumises à mon client

à la suite de la critique du site.  Je retiens votre solution

par l'inscription d'un script dans le code HTML, mais cela

devrait être aussi possible via le concept de "frames",

spécifique en HTML.  Pouvez-vous, dès lors, me

renseigner des bibliothèques intéressantes de scripts ?
Journalisée

$$ GdB $$
Habitué
****
Hors ligne Hors ligne

Messages: 70

Bonjour à tous


« Réponse #3 le: 02 Août 2005 14:00:03 »


je vous déconseille les frames, c'est assez génant pour la suite…

pour les scripts :
 http://www.javascriptfr.com/
 http://css.maxdesign.com.au/listamatic/

sinon Dreamweaver le fait aussi je crois :http://www.webyo.net/dreamweaver/pop/behav12.html

et sinon pourquoi ne pas le faire en php?
c'est beaucoup plus simple et vous pourrez mettre en place un système de type frames mais beaucoup plus pratique Clin d'oeil
Journalisée

Mahieu Jean
Invité
« Réponse #4 le: 08 Août 2005 16:19:46 »

L'exploitation d'un des sites indiqués a permis

l'intégration interne d'une feuille de style CSS,

mais la barre de navigation est verticale et pas

horizontale, car une suite <ul>,<li>...</li>, <li>...</li>,

<li>...</li>, </ul> est utilisée dans le code fourni.  

Comment y remédier ?

JM
Journalisée

profilm
Modérateur Global
Sénior
*****
Hors ligne Hors ligne

Messages: 4992


FF 2.0 en 1024


WWW
« Réponse #5 le: 08 Août 2005 17:21:36 »

quelques éléments de réponses :

http://petit.dotclear.net/pages/2005/03/01/51-une-barre-de-navigation-horizontale
http://www.latchman.org/sam/index.php/WebDesign
Journalisée


$$ GdB $$
Habitué
****
Hors ligne Hors ligne

Messages: 70

Bonjour à tous


« Réponse #6 le: 09 Août 2005 00:26:26 »

@ Mahieu Jean : il ressemble à quoi ton code?
Journalisée

Mahieu Jean
Invité
« Réponse #7 le: 09 Août 2005 19:21:05 »

Le code de la feuille de style interne CSS est le suivant :

><!-- Essai d'insertion d'une barre horizontale de navigation en CSS -->
<STYLE type=text/css>CSS #navcontainer UL LI {
 PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(http://biphome.spray.se/karl10/images/navBarBg.gif) repeat-x 20px 50%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 10px/20px "Lucida Grande", verdana, sans-serif; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
#navcontainer A {
 BORDER-TOP: #a8b090 1px solid; DISPLAY: block; BORDER-LEFT: #a8b090 1px solid; WIDTH: 70px; COLOR: #000; BORDER-BOTTOM: #a8b090 1px solid; TEXT-DECORATION: none
}
#navcontainer LI#active {
 BACKGROUND: url(http://biphome.spray.se/karl10/images/navBarBgHover.gif) repeat-x 20px 50%
}
#navcontainer A:hover {
 BACKGROUND: url(http://biphome.spray.se/karl10/images/navBarBgHover.gif) repeat-x 20px 50%
}
</STYLE>

<META content="MSHTML 6.00.2900.2668" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff>
<P align=center><B><U>
<H3>
<CENTER>
<DIV id=navcontainer>
<UL id=navlist>
<LI id=active><A id=current href="activites.html">Activités de la société[/url]
<LI><A href="attaque_de_la_corrosion.html">Attaque générale de la corrosion[/url]
<LI><A href="offredeservicemissiontype170604.html">Offre de services mission type[/url]
<LI><A href="analyseseau.html">Analyse des eaux[/url]
<LI><A href="references1.html">Quelques interventions[/url]
<LI><A href="formulaire.html">Formulaire de communication[/url] </LI></UL></DIV></CENTER></H3>
</U></B>

Le "skipping" des </li> se fait systématiquement,

d'où la raison de la verticalité de  la barre !

JM
Journalisée

Jean Mahieu
Invité
« Réponse #8 le: 09 Août 2005 20:11:27 »

@ Mahieu Jean : il ressemble à quoi ton code?

Le code de la feuille de style interne CSS est le suivant :

<!-- Essai d'insertion d'une barre horizontale de navigation en CSS -->
<STYLE type=text/css>CSS #navcontainer UL LI {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(http://biphome.spray.se/karl10/images/navBarBg.gif) repeat-x 20px 50%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 10px/20px "Lucida Grande", verdana, sans-serif; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
#navcontainer A {
BORDER-TOP: #a8b090 1px solid; DISPLAY: block; BORDER-LEFT: #a8b090 1px solid; WIDTH: 70px; COLOR: #000; BORDER-BOTTOM: #a8b090 1px solid; TEXT-DECORATION: none
}
#navcontainer LI#active {
BACKGROUND: url(http://biphome.spray.se/karl10/images/navBarBgHover.gif) repeat-x 20px 50%
}
#navcontainer A:hover {
BACKGROUND: url(http://biphome.spray.se/karl10/images/navBarBgHover.gif) repeat-x 20px 50%
}
</STYLE>

<META content="MSHTML 6.00.2900.2668" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff>
<P align=center><B><U>
<H3>
<CENTER>
<DIV id=navcontainer>
<UL id=navlist>
<LI id=active><A id=current href="activites.html">Activités de la société[/url]
<LI><A href="attaque_de_la_corrosion.html">Attaque générale de la corrosion[/url]
<LI><A href="offredeservicemissiontype170604.html">Offre de services mission type[/url]
<LI><A href="analyseseau.html">Analyse des eaux[/url]
<LI><A href="references1.html">Quelques interventions[/url]
<LI><A href="formulaire.html">Formulaire de communication[/url] </LI></UL></DIV></CENTER></H3>
</U></B>

Le "skipping" des </li> se fait systématiquement,

d'où la raison de la verticalité de  la barre !

JM
Journalisée

Jean Mahieu
Invité
« Réponse #9 le: 09 Août 2005 20:20:20 »


Le premier site ne fonctionne qu'avec "petit.dotclear.net"

tandis que la barre de navigation demeure verticale

pour le code en provenance de la barre simple de

présentation de Latchman.  Le problème devrait être dans

l'articulation des différents modules du programme.

Le code de la feuille de stye interne figure aussi dans

la rubrique,

JM
Journalisée

Pages: [1] 2 Envoyer ce Fil de Discussion Imprimer 
Forum Marketing  >  Créer et développer un site  >  Developpement  >  Fil de Discussion: réalisation d'une barre de navigation « sujet précédent | | sujet suivant »
Aller à:  

 
 Inscrivez-vous !

Cher visiteur, inscrivez-vous au forum et :

  • Boostez le trafic de votre site
  • Améliorez son référencement
  • Augmentez vos ventes en ligne
  • Apprenez grâce à nos Membres
  • Améliorez votre site
S'inscrire gratuitement !


 Site d'un Membre

justme92
Membre de Forum Marketing : justme92
Voir son site


 On remercie...

Membre : Gab
Messages : 8
Bons points : -1
Voir son profil
Voir ses messages
Voir ses stats
Lui envoyer un PM
Visiter son site



 Les experts disent

 Soutenez le forum

Mettez nos boutons et bandeaux sur votre site pour montrer votre soutien !

-> Lire les détails