> Tous les forums > Forum des Webmasters
 Plusieurs menu dans une même pageSujet résolu
Ajouter un message à la discussion
Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]
@urore
  Posté le 15/11/2007 @ 11:46 
Aller en bas de la page 
Petite astucienne

Bonjour,

Je suis en licence pro atc et j'ai un tp de html à faire. J'ai jamais rien fait de tou ça.

Je dois refaire une page html avec plusieurs menu dans une même page.

Comment je dois écrire le code html pour ke ça face des liste bien propre avec des puces comme ça : >

Le prof est nul il explique pour ceux qui savent déjà.

Aidez moi SVP

Publicité
y.bli
 Posté le 15/11/2007 à 12:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Bonjour,

Quels types de menus, verticaux, horizontaux, avec des images, des cases,.... où dans la page, à droite, au milieu, l'un en dessous de l'autre ?

@+



Modifié par y.bli le 15/11/2007 12:28
@urore
 Posté le 15/11/2007 à 13:12 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Il faut refaire ce site en fait :

http://www.quadrissimo.com/

Donc j'ai refait tout le cadre noir et le brun, j'ai intégré les cube de couleurs avec Dreamweaver mais il me manque le menu dans chaque cube.

Merci d'avance

telliak
 Posté le 15/11/2007 à 14:32 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

@urore a écrit :

Il faut refaire ce site en fait :

http://www.quadrissimo.com/

Donc j'ai refait tout le cadre noir et le brun, j'ai intégré les cube de couleurs avec Dreamweaver mais il me manque le menu dans chaque cube.

Merci d'avance


Euh, si t'affiches le code source du dit site ?

@urore
 Posté le 15/11/2007 à 14:48 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Oui j'y ai pensé mais c'est un tp noté donc interdiction de tricher tu vois.

J'ai regardé le code mais ça m'a pas apporté de réponse vu que c'est noté et que le prof va s'appercevoir si on a triché ou pas !

y.bli
 Posté le 15/11/2007 à 15:09 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Re,

Je comprends pas trop le problème.

En prenant le code HTML et le code CSS de l'adresse que tu indiques, on obtient bien ta page et les menus sont actifs, qu'est-ce que tu veux faire d'autre ?

D'ailleurs je ne vois pas pourquoi tu prends Dreamweaver, il est préférable de coder directement. Tes cubes sont des DIV placés côte à côte avec pour chacun une image en background et les menus à l'intérieur

Par exemple, le premier cube avec le CSS "petitsformats" :

<div id="petitsformats" title="Atelier petits formats">

<h3>Service d'impression petits formats</h3>
<ul>
<li><a href="petits_formats.htm">> Flyers </a></li>
<li><a href="petits_formats.htm">> Plaquettes </a></li>
<li><a href="petits_formats.htm">> Cartons d'invitation </a></li>
<li><a href="petits_formats.htm">> Cartes de visite </a></li>
<li><a href="petits_formats.htm">> Dossiers/reliures </a></li>
</ul>
</div>

Le CSS "petitsformats" est le suivant :

#petitsformats
{
position: absolute;
left: 30px;
height: 317px;
width: 220px;
background-image: url(images/accueil/acc1.gif);
margin: 0px;
padding: 0px;
}

@+



Modifié par y.bli le 15/11/2007 15:32
telliak
 Posté le 15/11/2007 à 23:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

@urore a écrit :

Oui j'y ai pensé mais c'est un tp noté donc interdiction de tricher tu vois.

J'ai regardé le code mais ça m'a pas apporté de réponse vu que c'est noté et que le prof va s'appercevoir si on a triché ou pas !


Tricher n'est pas mon genre et par ma réponse je n'envisageais aucune tricherie. Il faudrait d'ailleurs définir à partir de quel moment la triche commence, dans la mesure où tu sollicites dans un forum la réponse au problème qui t'est posé.

Mon idée était tout simplement de lire le code, le comprendre et en écrire un qui corresponde à l'énoncé.

Ton premier message indique je dois écrire le code html pour ke ça face des liste bien propre avec des puces [sic], ce n'est pas Dreamweaver qui va te permettre d'écrire du code html, il va en générer «à sa sauce» et à mon avis cela ne correspondra pas à un TP de HTML mais à un TP de Dreamweaver, ce qui est bien différent.

@urore
 Posté le 16/11/2007 à 09:20 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Merci pour vos réponses ça m'éclaircit un peu les idées !

Ben pour le tp , le prof veut qu'on fasse ça sur Dreamwever.

Pour ce qui est de la triche, étant donné que le cours est vide, à mon sens, et que je comprends pas tout vu que c'est la première fois que je touche à du html je pense que c'est normal que je demande de l'aide vu qu'il nous à jamaisexpliquer franchement comment on fait un menu.

Y.bli, il faut que je refasse cette page web en fait. En fait c'est vraimant par hasard qu'on est tombé sur le site. On est pas censé savoir qu'il existé car le prof nous à donné 2 fichiers photoshop qu'il faut mettre en html.

Bref je suis pas douée du tout car c'est pas du tout mon parcours à la base.

Pardonnez moi de mon ignorance

y.bli
 Posté le 16/11/2007 à 09:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

RE,

Bon alors, qu'est-ce que tu voudrais exactement ? Essaie d'être un peu plus précise sur ce que tu dois faire : toute la page telle qu'elle est (là c'est facile, tu as tout le code), quelques menus qui ressemblent à cette page, ...

Par contre, Dreamwever, je n'utilise pas.

@+



Modifié par y.bli le 16/11/2007 09:39
@urore
 Posté le 16/11/2007 à 13:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Ben en fait je voudrais savoir qu'est ce que je dois érire pour faire un menu.

et Est ce qu'il faut que je répète la même opération pour faire chaque menu ?

On a fait un tp avant celui dont je vous parle et on a écrit ça pour faire le menu :

<div id="menu"><ul>
<li><a href="page1.htm" class="actif">La loi</a> </li>
<li><a href="page2.htm">SoliMar en bref</a> </li>
<li><a href="../entreprises/index.htm">Entreprises </a></li>
<li><a href="../intermediaires_emploi/index.htm">Interm&eacute;diaires &agrave; l'emploi </a></li>
<li><a href="../groupe_pairs/index.htm">Groupe des pairs </a></li>
<li><a href="../documentation/index.php">Documentation</a> </li>
<li><a href="../liens.htm">liens</a> </li>
</ul></div>

Est ce que qu'il faut que je écrive pareil que ça plusieurs fois pour faire mes menu ?
y.bli
 Posté le 16/11/2007 à 14:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Re,

Dans la partie <head> de ta page, tu tapes :

<style type="text/css">

#menu1
{
position: absolute;
left: 30px;
height: 317px;
width: 220px;
margin: 0px;
padding: 0px;
}

#menu2
{
position: absolute;
left: 260px;
height: 317px;
width: 220px;
margin: 0px;
padding: 0px;
}

#menu3
{
position: absolute;
left: 722px;
height: 317px;
width: 220px;
margin: 0px;
padding: 0px;
}

</style>

dans la partie <body> de ta page, tu tapes :

<div id="menu1"><ul>
<li><a href="page1.htm" class="actif">>La loi</a> </li>
<li><a href="page2.htm">>SoliMar en bref</a> </li>
<li><a href="../entreprises/index.htm">>Entreprises </a></li>
<li><a href="../intermediaires_emploi/index.htm">>Interm&eacute;diaires &agrave; l'emploi </a></li>
<li><a href="../groupe_pairs/index.htm">>Groupe des pairs </a></li>
<li><a href="../documentation/index.php">>Documentation</a> </li>
<li><a href="../liens.htm">>liens</a> </li>
</ul></div>

<div id="menu2"><ul>
<li><a href="page1.htm" class="actif">>La loi</a> </li>
<li><a href="page2.htm">>SoliMar en bref</a> </li>
<li><a href="../entreprises/index.htm">>Entreprises </a></li>
<li><a href="../intermediaires_emploi/index.htm">>Interm&eacute;diaires &agrave; l'emploi </a></li>
<li><a href="../groupe_pairs/index.htm">>Groupe des pairs </a></li>
<li><a href="../documentation/index.php">>Documentation</a> </li>
<li><a href="../liens.htm">>liens</a> </li>
</ul></div>

<div id="menu3"><ul>
<li><a href="page1.htm" class="actif">>La loi</a> </li>
<li><a href="page2.htm">>SoliMar en bref</a> </li>
<li><a href="../entreprises/index.htm">>Entreprises </a></li>
<li><a href="../intermediaires_emploi/index.htm">>Interm&eacute;diaires &agrave; l'emploi </a></li>
<li><a href="../groupe_pairs/index.htm">>Groupe des pairs </a></li>
<li><a href="../documentation/index.php">>Documentation</a> </li>
<li><a href="../liens.htm">>liens</a> </li>
</ul></div>

J'ai mis les mêmes menus 3 fois, mais tu peux évidemment changer et j'ai ajouté le symbole ">" devant chaque intitulé de menu

@+

@urore
 Posté le 16/11/2007 à 16:29 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

ouha ! C'est super coool ! Merci je vais essayé ce weekend.

Merci !

Je vous tiens au courant

y.bli
 Posté le 16/11/2007 à 16:58 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien
@urore a écrit :

ouha ! C'est super coool ! Merci je vais essayé ce weekend.

Merci !

Je vous tiens au courant


Change peut-être les dimensions des 3 DIV (menu1, menu2 et menu3) si tu ne veux pas que ce soit exactement la même chose, par exemple height=320px et width=215px et tu places exactement leurs positions comme tu veux en ajustant le paramètre 'left"

@+



Modifié par y.bli le 16/11/2007 17:02
@urore
 Posté le 19/11/2007 à 09:08 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Ben voilà j'ai réussit à faire mes menus !!!!!!

Per contre j'avais des polices à faire sous cette forme : >

et donc j'ai fait un gif que j'ai intégrer comme puces.

Ben voilà merci à vous !!!!

Pomp
 Posté le 19/11/2007 à 11:41 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
mets le sujet comme résolu stp
@urore
 Posté le 28/11/2007 à 15:07 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Bonjour,

Ben voilà j'ai toujours pas fini mon tp et je dois le rendre le 30 !!!!

Il faut queje fasse un chemin de fer et j'arrive pas à mettre tout ça à l'horizontal.

HTML :

div id ="chemin de fer">

CSS :

#chemin de fer ul {
left: 10px;
top: 200px;
}
#chemin de fer li {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
left: 10px;
top: 500px;
}
#chemin de fer li a {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
}

Soit un truc trop laid :

Comment je peux faire pour mettre le chemin de fer en blanc sans les petit point ?

Ce que j'ai mis à présent marche pas Et surtout comment on fait pour que ça soit aligné ainsi :

>Accueil >Flyers >Plaquette >Carton d'invitation >Carte de visite >Dossier/reliure

SVP



Modifié par @urore le 28/11/2007 15:10
elle
 Posté le 28/11/2007 à 15:45 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Je n'ai pas trop le temps présentement, mais pour mettre la liste à l'horizontale, tu mets un display:inline dans le style de la liste. Pour enlever les puces, c'est list-style-type: none;

Pour la couleur, c'est celle des liens qu'il faut modifier...

@urore
 Posté le 28/11/2007 à 19:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

J'ai fait quelques modifications mais ça n'a rien fait

Voici mon css :

#chemin de fer ul {
float:left;
list-style-type:none;
display:inline;

padding:0;
margin:0;
}
#chemin de fer li {
float:left;
left: 10px;
top: 500px;
}
#chemin de fer li a {
float:left;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
}

elle
 Posté le 28/11/2007 à 20:02 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Et ton code HTML, il est comment?

Utilise pour le mettre sur le forum afin qu'il ne soit pas interprété...



Modifié par elle le 28/11/2007 20:03
elle
 Posté le 28/11/2007 à 20:04 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Il faut que tu enlèves les float...
@urore
 Posté le 28/11/2007 à 20:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

J'ai enlevé tout les float. Je les avais mis pour voir si ça déplacer le menu.

Mon HTML :

  1. <div id ="chemin de fer">
  2. <li><a href="Accueil.html">> Accueil</a></li>
  3. <li><a href="rub1.htm">> Flyers</a></li>
  4. <li><a href="rub1a.htm">> Plaquette</a></li>
  5. <li><a href="rub1b.htm">> Carton d'invitation</a></li>
  6. <li><a href="rub1c.htm">> Carte de visite</a></li>
  7. <li><a href="rub1d.htm">> Dossier/reliure</a></li>
  8. </ul></div>

J'ai déplacé les puces : > dans le lien.

elle
 Posté le 28/11/2007 à 20:31 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Si tu veux mettre >, il faut utiliser les caractères spéciaux car il s'agit d'un caractère de balisage qui risque d'induire le navigateur en erreur :

http://www.commentcamarche.net/html/htmlcarac.php3

@urore
 Posté le 28/11/2007 à 20:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Ben je le ai mis en code mais c'est le forum qui a modifier ce que j'ai marqué soit le: & gt;

tout à ligné bien sûr et pas d'espace.

elle
 Posté le 28/11/2007 à 20:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Si tu tiens à un id de trois mots, réunis-les par _ : chemin_de_fer

Comme ça, ça fonctionne, avec les float:left...



Modifié par elle le 28/11/2007 20:40
elle
 Posté le 28/11/2007 à 20:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

@urore a écrit :

Ben je le ai mis en code mais c'est le forum qui a modifier ce que j'ai marqué soit le: & gt;

tout à ligné bien sûr et pas d'espace.


Ah ok.

@urore
 Posté le 28/11/2007 à 20:44 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne
Bé en fait la couleur à pas changé et il est toujours à la vertical c'est surtout ça le problème
Publicité
Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Clé USB 3.0 SanDisk Ultra Flair 128 Go à 13,97 €
13,97 € 25 € -44% @Amazon
Ecran 27 pouces Samsung Smart Monitor M5 (Full HD, WiFi, Airplay 2) à 129,99 €
129,99 € 185 € -30% @GrosBill
Clé USB Sandisk Dual Drive 128 Go à double connectique USB 3.1 Type A et C à 16,04 €
16,04 € 22 € -27% @Amazon
Smartphone 6.7 pouces Apple iPhone 14 Plus 128 Go 5G à 936,30 € livré
936,30 € 1119 € -16% @Amazon Espagne
Carte mémoire Samsung 128 Go MicroSDXC Evo Select U3 (130 Mo/s) à 19,99 €
19,99 € 25 € -20% @Amazon
Chaussures Adidas Vs Pace homme à 32,99 €
32,99 € 49,95 € -34% @Amazon
Jean femme Only Onlroyal High Waist Skinny à 10,59 €
10,59 € 30 € -65% @Amazon
PC AIO tout en un Lenovo Ideacentre 3 (24 pouces, Ryzen 5, 8 Go, SSD 512 Go, Windows 11) à 699,99 €
699,99 € 899 € -22% @Amazon
Micro clé USB 3.1 Sandisk Ultra Fit 256 Go à 27,64 € livrée
27,64 € 42 € -34% @Amazon Allemagne
TV 50 pouces ChiQ U50H7A (4K, Netflix, Youtube, WiFi/Bluetooth, Android TV) à 299,99 €
299,99 € 349 € -14% @Amazon

Sujets relatifs
ouverture page dans même page script css
Appeller plusieurs page dans une iframe
traiter plusieurs pages dans la même session
Menu identique sur plusieurs page ...
inclure une menu dans une page html
editeur TinyMCE grande largeur texte dans page
Bouton RSS automatique dans page annonce Google site
insérer programme python dans page web
Target dans menu déroulant "option value=...." html
Insertion image dans page Web directement sans URL ?
Plus de sujets relatifs à Plusieurs menu dans une même page
 > Tous les forums > Forum Forum des Webmasters