Creer un sommaire bouton en html

Résolu

Html
Css
Sommaire

kiwi3110 Messages postés 158 Date d'inscription Statut Membre Dernière intervention -
tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention - 27 janv. 2008 à 15:40

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

Afficher la suite

Répondre (22) Posez votre question

Répondre (22)

A voir également:

Comment faire un sommaire en html
Comment faire un sommaire sur word - Guide
Editeur html - Télécharger - HTML
Exemple sommaire rapport de stage - Guide
Br html ✓ - Forum Webmastering
Html br ✓ - Forum Webmastering

22 réponses

Réponse 1 / 22

Meilleure réponse

La meilleure réponse est la réponse qui a été validée par nos équipes.

tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention 84

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

Réponse 2 / 22

tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention 84

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

Réponse 3 / 22

kiwi3110 Messages postés 158 Date d'inscription Statut Membre Dernière intervention 3

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>..

Réponse 4 / 22

kiwi3110 Messages postés 158 Date d'inscription Statut Membre Dernière intervention 3

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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 22

tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention 84

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

Réponse 6 / 22

kiwi3110 Messages postés 158 Date d'inscription Statut Membre Dernière intervention 3

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

Réponse 7 / 22

kiwi3110 Messages postés 158 Date d'inscription Statut Membre Dernière intervention 3

oui sympa de maider/

j ai trouve ca comme code html:

<ul id="navigation">
<li><a href="#" title="aller à la section 1">item1</a></li>

<li><a href="#" title="aller à la section 2">item2</a></li>
<li><a href="#" title="aller à la section 3">item3</a></li>
<li><a href="#" title="aller à la section 4">item4</a></li>

<li><a href="#" title="aller à la section 5">item5</a></li>
</ul>

il se place dans le body de la page.html?

Réponse 8 / 22

tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention 84

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.

Réponse 9 / 22

kiwi3110 Messages postés 158 Date d'inscription Statut Membre Dernière intervention 3

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 ;
}

Réponse 10 / 22

tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention 84

Bon si je comprends bien, CSS...

Tu vas mettre avant ta balise </head> (fin)

<style type="text/css" media="screen,projection"><!--
Mettre le code CSS ici
--></style>

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 ?

Réponse 11 / 22

kiwi3110 Messages postés 158 Date d'inscription Statut Membre Dernière intervention 3

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

Réponse 12 / 22

tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention 84

NORMAL
Le code que tu as choisi est pour un menu vertical !

Je te prépare un truc, je reviens !

Réponse 13 / 22

tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention 84

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 </ul> dans le body
Tu recopies au sessus de <ul> ton entête de page (body)
Si tu veux changer les couleurs ou autre, tu me demanderas.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

	<title></title>

	<style type="text/css" media="screen,projection"><!--
#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 ;
	}
	--></style>
</head>
<body>

<ul id="navigation">
	<li><a href="#" title="aller à la section 1">item1</a></li>
	<li><a href="#" title="aller à la section 2">item2</a></li>
	<li><a href="#" title="aller à la section 3">item3</a></li>
	<li><a href="#" title="aller à la section 4">item4</a></li>
	<li><a href="#" title="aller à la section 5">item5</a></li>
</ul>

</body>
</html>

Réponse 14 / 22

tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention 84

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

	<title></title>

	<link rel="stylesheet" type="text/css" media="screen,projection" href="ma_feuille_de_styles.css" />
</head>
<body>

<!-- Contenu du document -->

</body>

<ul id="navigation">
	<li><a href="#" title="aller à la section 1">item1</a></li>
	<li><a href="#" title="aller à la section 2">item2</a></li>
	<li><a href="#" title="aller à la section 3">item3</a></li>
	<li><a href="#" title="aller à la section 4">item4</a></li>
	<li><a href="#" title="aller à la section 5">item5</a></li>
</ul>

</body>
</html>

Réponse 15 / 22

kiwi3110 Messages postés 158 Date d'inscription Statut Membre Dernière intervention 3

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.?

Réponse 16 / 22

tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention 84

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

Réponse 17 / 22

kiwi3110 Messages postés 158 Date d'inscription Statut Membre Dernière intervention 3

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

Réponse 18 / 22

tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention 84

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 !

Réponse 19 / 22

tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention 84

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

Réponse 20 / 22

tremeur53 Messages postés 296 Date d'inscription Statut Membre Dernière intervention 84

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

-1

Répondre Posez votre question

Votre réponse

Discussions similaires

Couleur transparente

ando26 -
Turtlee -

25 réponses

obtenir les codes html/CSS d'une page web

emotional_kid -
benji028 -

14 réponses

Bordures de texte en HTML CSS

Roxane 59 -
essai2012 -

9 réponses

CSS simple : mettre texte en bas

Jean_2 -
ciscoli -

14 réponses

calendrier pour réservation en HTML

taille des input

Devenez membre en quelques clics

Connectez-vous simplement avec ceux qui partagent vos intérêts
Suivez vos discussions facilement et obtenez plus de réponses
Mettez en avant votre expertise et aidez les autres membres
Profitez de nombreuses fonctionnalités supplémentaires en vous inscrivant

S'inscrire