Il y a actuellement 63 visiteurs
Lundi 28 Septembre 2020
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

[HTLM&CSS]Agencement menu et en tete

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

[HTLM&CSS]Agencement menu et en tete

Message le 05 Aoû 2008 08:53

Bonjour,

Je débute en HTML et CSS et je dois dire que l'agencement de mon menu et ma banniere (en tete) me pose de gros soucis.

Ce que je voudrais faire :

-1/ avoir 8 menus de 100px de large, parce que la page fait 800px de large ==> il y a une marge a droite
-2/ avoir tout en haut le menu puis au dessous, collé au menu, la banniere ==> la banniere et les menus sont au meme niveau.
-3/ centrer la banniere qui fait aussi 800px de large, par 130 de haut ==> elle est decalée, pire que les menus.

Voici mon CSS :

body
{
width: 800px;
margin: auto;
margin-top: 0px;
margin-bottom: 10px;
background-color: #660000;
}

p
{
width: 800px;
text-indent: 10px;
font-family: georgia, tahoma, arial, verdana, serif;
font-size: 90%;
text-align: justify;
}

#menu
body {
width: 800px;
margin: auto;
padding: 0px;
background: #990000;
font: 50% verdana, arial, serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dl {
float: left;
margin: auto;
width: 100px;
height: 40px;
}
#menu dt {
cursor: pointer;
text-align: center;
color: #000000;
background: #990000;
border-left: 2px solid black;
border-right: 2px solid black;
margin: 1px;
height: 40px;
}
#menu dd {
display: none;
border: 1px solid black;
}
#menu li {
text-align: center;
font: 65% verdana, arial, sans-serif;
color: #000000;
background: #990000;
height: 25px;
}
#menu li a{
color: #000000;
background: #990000;
text-decoration: none;
display: block;
height: 25px;
border: 0;
}
#menu dt a {
color: #000000;
background: #990000;
text-decoration: none;
display: block;
height: 40px;
border: 0 none;
}

#menu li a:hover, #menu li a:focus{
background: #000000;
color: #990000;
font-style: italic;
}

#menu dt a:hover, #menu dt a:focus {
background: #000000;
color: #990000;
font-style: italic;
}


#banniere
{
margin: 40px;
width: 100%;
height: 130px;
background-image: url("banniere.jpg");
background-repeat: no-repeat;
}

#corps
{
width: 100%;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 10px;
background-color: #333333;
color: #FFFFFF;
}


#corps h3
{
font-weight: bold;
text-align: right;
font-style: italic;
}

#corps h4
{font-size: 100%;
font-weight: normal;
text-align: left;
font-style: normal;
}

Le résultat :

Image

NB: La banniere est bordée de blanc, mais la n'est pas le probleme, il s'agit d'une erreur de ma part avec le logiciel de dessin.

NB: J'ai "masqué" les textes parce que je suis timide :)


si une bonne ame pouvait resoudre ce sac de noeud, je lui en serais tres reconnaissante!!


merci a tous!
VLM
Visiteur
Visiteur
 
Messages: 3
Inscription: 02 Juil 2008 10:54
 


Message le 06 Aoû 2008 12:15

Bonjour,
Est ce que tu pourrais mettre ton code HTML ou du moins comment tu as disposer des id?
Car il a 2-3 trucs que je ne comprends pas trop =)
guillaume013
Visiteur
Visiteur
 
Messages: 4
Inscription: 06 Aoû 2008 11:04
 



Sujets similaires

Message Écran bloqué sur le menu
Bonjour.Je suis entré dans le menu de mon écran, qui, je précise, est un écran télé, pour affiner les réglages. Opération que j'avais déjà réalisé par le passé sans problème . Mais depuis hier, impossible de revenir sur mon bureau, c'est à dire l'écran de bureau de mon PC. J'ai débranché, rebranché ...
Réponses: 5

Message [Réglé]Enlever un élement du menu contextuel de la corbeille
Bonjour à tous,Je viens de passer une bonne demi-heure à rechercher dans le registre la clé gérant le menu contextuel de la corbeille suite à une erreur créée par un logiciel: un menu fantôme contenant des caractères "hors clavier" empêchant une recherche facile dans la base de registre ( ...
Réponses: 11

Message Mise à jour de la RAM , plusieurs question en tête.
Bonjour, je souhaiterais mettre à jour ma RAM sur mon ordinateur mais j'ai quelques petites questions, en espérant que je trouve réponse ici J'ai actuellement 16 Go en 4 barrettes de 4Go chacune DDR3 PC3-12800 @1600Mhz CAS 11 en single avec 1.5V de consomation.Je souhaiterais mettre à jour vers du 3 ...
Réponses: 22

Message [Résolu] Pc portable qui n'en fait qu'a sa tête
Bonjour à tous !Je viens vers vous pour vous faire part de mon souci informatique. Je possède un ACER Aspire 5250 qui a migré sous windows 10. Jusqu'à présent je ne rencontrais pas de problème particulier.. jusqu'au jour où ca a commencé par une souris qui ne fait que trembler.. difficile à dompter ...
Réponses: 24

Message Menu configuration win10
Salut à tous, J'essaie de désactiver la roue de ma tablette Wacom et la solution se trouverait dans ce lien mais mon menu est rudimentaire comparé au sien:https://www.youtube.com/watch?v=IlNtRdsOp6IMon menu, très rudimentaire, sans les options que propose celui du youtuber:Merci
Réponses: 12

Message Ma carte graphique n'en fait qu'à sa tête...
Salut, Je viens vous voir aujourd'hui car j'ai un soucis avec ma GTX1070 Ti MSI Armor 8GoPeu importe le jeu au quel je joue, elle "saute", c'est à dire que tout devient lent sur mon écran (c'est pas un freeze, il y a des interactions sur l'écran mais de façon très lente) et ça ne dure qu'u ...
Réponses: 5

Message [Réglé] Menu de firefox en anglais
Bonjour.En ce moment j'ai pas mal de petit problèmes d'ordi faut croire, puisque je suis souvent là lol.Rien de grave cette fois-ci, mais j'ai installé la version française de firefox, et je ne sais pas comment je me suis débrouillé (puisque c'est sans doute moi qui ai fait quelque chose), mais main ...
Réponses: 2


Qui est en ligne

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


.: Nous contacter :: Flux RSS :: Données personnelles :.
cron