creer un sommaire bouton en html Résolu/Fermé

Question

Bonjour,
quelqu un peut il maider pour touver linfo ?..oucomment faire un sommaire avecc bouton?..merci

tremeur53 · Accepted Answer

A propos
J'ai vu un message non respect de la charte ?
j'ai fait le maximum pour aider un débutant, je ne vois pas où est le problème !
Si on m'explique, je respecterai>.
Je me suis inscrit hier ! !

Cordialement

tremeur53 · Answer

Hello
Il nous manque quelques infos !
Tu appelles sommaire un  menu de navigation ?
C'est dans un page HTML ?

kiwi3110 · Answer

oui un menu de navigation ..

tremeur53 · Answer

Alors on y voit plus clair !
2  questions :
tu connais la manipulation des CSS ?
Ton menu : vertical ou Horizontal ?

En CSS tu peux le faire sans image avec un joli rendu.
Sans CSS tu vas utiliser des images, c'est plus lourd et moins souple !

Quand tu auras répondu je te donnerai des pistes sérieuses

kiwi3110 · Answer

oui merci ..j aimerai un bandeau horizontal avec du css/mais qui marcherai avec internet explorer ..c posssible.?

tremeur53 · Answer

Ben oui c'est faisable... et ça marche partout 
2 liens
https://www.alsacreations.com/apprendre/

et


http://css.alsacreations.com/Construction-de-menus-en-CSS/Creer-des-menus-simples-en-CSS

Le deuxième est sans image, tu peux modifier couleurs, polices...
Le premier est vertical, je crois, mais dans UL tu ajoutes display:inline; dans le CSS et le tour est joué.

Autrement pour tarecherche google tu tapes menu horizontal CSS
tu vas avoir 100 réponses et exemples !

Bon courage

kiwi3110 · Answer

merci pour l info ..c pas s imple !personne aurait un code tout pret pour un menu horizontal ..?

kiwi3110 · Answer

oui sympa de maider/ j ai trouve ca comme code html: il se place dans le body de la page.html?

tremeur53 · Answer

Oui, çà c'est le body !
Mais sans CSS tu vas obtenir une liste de lien verticale ! (avec des puces...).
Tu ne m'as pas répondu : tu connais un peu les CCS ou pas du tout ?
Sinon une petite initiation aux CSS, c'est vite fait (pour débuter).
Tu ne peux pas construire un site sans CSS.
Va voir mon site, le menu est un bel exemple, c'est simple, mais il faut utiliser du CSS !
Répond à cette question, je te donne des liens pour débuter en CSS.

kiwi3110 · Answer

et pour le code css ..dur dur!!j ai ecrit dela mail les liens1,2 ,3... sont centre et pas en ligne!!

#navigation li a {
	display: block ;
	background: #c00 ;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 0 ;
	text-align: center ;
	}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #900 ;
	}

tremeur53 · Answer

Bon si je comprends bien, CSS... Tu vas mettre avant ta balise (fin) OK ? Maintenant tu insère (copier/coller) le code CSS entre ces deux lignes. Ton menu fonctionne ! ! Si çà ne marche pas, tu as fait une erreur en copiant ! Tu me tiens au courant ?

kiwi3110 · Answer

ca marche pas j ai un probleme pour que le menu soit unscrit en ligne....

tremeur53 · Answer

NORMAL
Le code que tu as choisi est pour un menu vertical !

Je te prépare un truc, je reviens !

tremeur53 · Answer

Bon le code complet de ta page : Si tu as déjà fait des trucs, tu fazis une nouvelle page. Tu recopies ton ancien travail ous la balise dans le body Tu recopies au sessus de

kiwi3110 · Answer

ok mais je fais une page htmlet une page separee pour le code dss..c ca?et dans la feullie css je commence aussi ainsi ..

kiwi3110 · Answer

ok ca marche avec ton code css ..on se rapproche ..super...maintenant si je veux etirer le bandeau du menu et augmenter la hauteur du bandeau ..c possible..?merci

tremeur53 · Answer

Ah non ! ! Une feuille CSS => aucune entête ! tu mets ta feuille de styles #navigation { margin: 0 ; padding: 0 ; list-style: none ; text-align: center ; } #navigation li { display: inline ; margin-right: 1px ; color: #fff ; background: #c00 ; } #navigation li a { padding: 4px 20px ; background: #c00 ; color: #fff ; border: 1px solid #600 ; font: 0.8em verdana,Arial,sans-serif ; font-weight:bold; line-height: 1em ; text-align: center ; text-decoration: none ; } #navigation li a:hover, #navigation li a:focus, #navigation li a:active { background: #900 ; text-decoration: none ; } Et ton fichier HTML

kiwi3110 · Answer

c ok pour cela merci..j ai tout creer en morceau..il me reste a presenter ma page..
je voudrais reserver la partie superierure pour inserer un logo en dessous incruster la barre de menu dont tu viens de m aider a realiser et au dessous la page du lien1 accueil ...tu peux m aider ou me doner une piste ou je dois zapperle sujet.?

tremeur53 · Answer

Il faut préciser ta question : étirer >??
Tu veux des boutons plus large ?
Augmenter le bandeau :
Tu mets du code (le code de ton bandeau) au dessus de la balise <ul>
Le menu va descendre !

Si tu veux une marge en haut (au dessus du menu) tu ajoutes
margin-top:10px, /* taille de la marge haut en pixels */
en dessous de #naviagtion
dans
#navigation {
	margin: 0 ;
	padding: 0 ;
en dessous de margin :0

je vais arrêter, le forum ne semble plus d'accord, je n'ai pas compris

kiwi3110 · Answer

merci pour le menu..deja c reussie!je v ouvrir une autre discussion pour presenter la page d acueil..

tremeur53 · Answer

STOP !
Je dois partir.
Tu m'envoies un mail via la contact dans mon site (voir au dessus)
On ne peut pas faire un tuto complet dans le forum !

Bon courage !

tremeur53 · Answer

Bah, j'ai galéré ausssi, et c'est pas fini !
Ne lâche pas !
Avec de l'obstination et de la patience...

Creer un sommaire bouton en html

22 réponses

Discussions similaires