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 :

Affichage de zones en parallèle


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Architecte de système d'information
    Inscrit en
    Décembre 2012
    Messages
    22
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Architecte de système d'information
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2012
    Messages : 22
    Par défaut Affichage de zones en parallèle
    salut tous je veux creer cette structure en css mais je n'y arrive pas merci bien de m'aider
    voici le code que j ai developpé mais mon probleme consiste à afficher les zones en parrallelees je parivient pas à le faire Nom : mise en page.PNG
Affichages : 158
Taille : 21,1 Ko
    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
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    @charset "utf-8";
    /* CSS Document */
    div#parent {
    	position:relative;
     
    	width:1420px;
    	height:90px;
    	background-color:#009;
    	}
    div#AG{
    	margin-left: -250;
    	position: absolute;
    	float: left;
    	width: 300px;
    	height: 50px;
    	left: 216px;
    	display: inline-block;
    	top: 18px;
     
    	}
    	div#AD {
    	position: absolute;
    	left: 1006px;
    	top: 3px;
    	bottom: 10px;
    	float: right;
    	width: 250px;
    	height: 60px;
    	background-color: #999;
     
     
    	}
    	img#img{
    	position: absolute;
    	right: 24px;
    	left: 28px;
    	width: 1380px;
    	height: 90px;
    	top: 100px;
    }
    div#ZONEB {
    	width:1420px;
    	height:90px;
    	background-color:#9FF;
    	border-width:2px;
        border-style:solid;
        border-color:black;
    		}
     
    	div#ZONEC {
    border-width:2px;
     border-style:solid;
     border-color:black;
     
    	width:1420px;
    	height:50px;
    	background-color:#009;
    	}
     
    	div#menug {
    	float:left;
    	width:200px;
    	height:400px;
    	background-color:#FF6699;
    	}
    	div#ZONEGH {
    	border-width:2px;
        border-style:solid;
        border-color:black;	
    	width:200px;
    	height:200px;
    	background-color:#FFF;
    	position: relative;
    	}	
    		div#ZONEGB {
    			border-width:2px;
        border-style:solid;
        border-color:black;	
    	width:200px;
    	height:200px;
    	background-color:#FFF;
    	position: relative;
    	}
    	div#ZONEP{
    	border-width:2px;
        border-style:solid;
        border-color:black;	
    	width:1220px;
    	height:400px;
    	background-color:#FFCC00;
    	}
     
     
    	div#ZONEDH {
    	float: right;
    	width: 250px;
    	background: #FFACAA;
    	}	
    		div#ZONEDB {
     
    	border-width:2px;
        border-style:solid;
        border-color:black;	
    	width:200px;
    	height:200px;
    	background-color:#FFF;
    	}
    div#ZONEE {
    	width:2140px;
    	height:50px;
    	background-color:#999;
    	}
    	.body{
    		background-color:#FFF;}

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Ca veut dire quoi "en parallèle" ?

    Et puis si on n'a pas la structure HTML de ta page, le code CSS ne nous sert à rien.

Discussions similaires

  1. Réponses: 6
    Dernier message: 16/12/2008, 00h18
  2. Réponses: 1
    Dernier message: 15/12/2008, 20h50
  3. affichage du zone après connexion
    Par hugo7 dans le forum ASP.NET
    Réponses: 1
    Dernier message: 06/11/2008, 16h26
  4. Affichage dans zone de liste.
    Par moilou2 dans le forum IHM
    Réponses: 3
    Dernier message: 15/09/2008, 19h03
  5. Réponses: 2
    Dernier message: 23/08/2006, 10h05

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