IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

css:menu-bandeau-contenu et pied de page [Débutant(e)]


Sujet :

CSS

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Inactif  
    Profil pro
    " "
    Inscrit en
    Janvier 2008
    Messages
    330
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : " "

    Informations forums :
    Inscription : Janvier 2008
    Messages : 330
    Par défaut css:menu-bandeau-contenu et pied de page
    Bonjour, voici mon code css,
    je voudrais un peu d'aide pour placer le menu à gauche, le bandeau en haut, le pied de page en bas et le div#contenu au centre.
    j'ai mis en PJ mon fichier html

    Mon objectif est de faire une page d’accueil plus ou moins belle.
    merci par avance

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
     
    body{
    background-image : url("fond.jpg");
    background-color:blue;
    }
     
    h1{
    text-decoration : blink;
    border: 3px blue dashed;
    font-family: 'LearningCurveProRegular', Arial, serif;
    }
     
    h1{
    font-style:oblique;
    border-style:solid;
     
     
    }
     
    h2
    {
    color:black; 
    text-align:center;
    }
     
    h3{
    /*text-align : center;*/
    text-decoration : underline;
    color: white;
    font-size:140%;
    /*height:50px;
    padding:15px;*/
     
    }
     
    h4
    {
    color: white;
    text-indent :30px ;
    /*text-align:center*/
    }
     
    div#bandeau {
    	width:600px;
    	height:50px;
    	background-color:#00CCFF;
    	}
     
    div {
    	text-align:center;
    	}
     
    div#bandeau {
    	width:600px;
    	height:50px;
    	background-color:#00CCFF;
    	}
    div#menu {
    	float:left;
    	width:auto;
    	height:400px;
    	/*background-color:#FF6699;*/
    	}
    div#contenu {
    	float:left;
    	width:500px;
    	height:400px;
    	#background-color:#FFCC00;
    	}
    div#pied_page {
    	clear:both;
    	width:600px;
    	height:50px;
    	background-color:#33FF99;
    	}
    Fichiers attachés Fichiers attachés

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. obligé de de copier le code du bandeau, du pied de page et du menu dans toutes mes pages?
    Par cyrano_de_bergerac dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 23/02/2012, 09h21
  2. CSS entre menu et pied de page
    Par yanniks dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 09/11/2011, 18h50
  3. [HTML-CSS] div float 100%, footer pied de page.
    Par Onin42 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 0
    Dernier message: 02/05/2011, 05h07
  4. [css]pb pied de page
    Par calimero82 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 13/06/2005, 10h49
  5. [CSS]Probleme de contenu trop grand et de pied de page
    Par Drannor dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 30/05/2005, 23h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo