Déplacer bloc central [Réglé]
Exemple en image :
Créations de Thèmes
Entraide_2009 Membre non connecté
-
Booster Minigun
- Voir le profil du membre Entraide_2009
- Inscrit le : 11/06/2009
J'aimerais deplacer le bloc comme vous le voyez sur la photos vers la droite car j'ai elargie les menu de gauche et
maintenant il faudrais decaler le bloc de droite pour eviter qu'ils se superpose.
Merci de vos réponse.
Gsgsd Membre non connecté
-
Booster Fusée
- Voir le profil du membre Gsgsd
- Inscrit le : 07/12/2007
- Site internet
Entraide_2009 Membre non connecté
-
Booster Minigun
- Voir le profil du membre Entraide_2009
- Inscrit le : 11/06/2009
/* --------------------------------------
design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/ /* Corps du site
--------------------------------------*/
* {
margin:0;
padding:0;
font-size:100%;
}
body {
background:#E9ECEF url(images/global.png) repeat-x;
font-size:12px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
color:#0E2A48;
margin:0;
padding:0;
}
/* Conteneurs
--------------------------------------*/
/* ##### Conteneur global du site ###### */
div#global {
/* Extensible
margin:auto 5px;
margin-bottom:15px;
*/
width:1000px;
margin:auto;
}
/* ##### Entéte de la page ###### */
div#header_container,div#header_admin_container {
background: url(images/header.png) no-repeat;
background-position:20px 0px;
margin-bottom:8px;
}
/* ##### Entéte de la page ###### */
div#header,div#header_admin {
height:90px;
}
/* ##### Conteneur en dessous de l'entéte ###### */
div#sub_header,div#sub_header_admin {
height:27px;
padding:0;
padding-top:10px;
padding-left:5px;
}
div#sub_header p a {
color:#FFF;
}
/* Lien du subheader */
div#header .dynamic_menu h5.links {
background:none;
border:none;
color:#edfff0;
width:134px;
background:url(images/button.png) no-repeat;
padding:5px 0px;
font-size:11px;
margin-right:1px;
}
div#header .dynamic_menu h5.links:hover {
color:#edfff0;
cursor:default;
background:url(images/button_click.png) no-repeat;
}
div#header .dynamic_menu h5 a {
color:#FFFFFF;
text-decoration:none;
}
/* ##### Compteur de visites ###### */
div#compteur {
color:#E9ECD9;
position:absolute;
top:50px;
right:0;
font-size:11px;
margin-right:15px;
text-align:right;
}
/* ##### Menu de gauche ###### */
div#left_menu {
float:left;
width:200px;
margin:0;
margin-top:10px;
margin-right:2px !important;
margin-right:-1px;
padding:0;
}
/* ##### Menu droit ###### */
div#right_menu {
float:right;
width:190px;
margin:0;
margin-top:10px;
margin-left:10px !important;
margin-left:7px;
}
/* ##### Contenu de la page ###### */
div#main {
width:auto;
min-width:450px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
padding:0;
margin:0;
float:none;
}
/* ##### Contenu central ###### */
div#main_content {
width:auto;
margin-top:10px;
padding:20px 10px;
padding-top:5px;
border-spacing:1px;
border:1px #cccccc solid;
background:#F7F8F5 url(images/contentbg.png) repeat-x;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}
/* ##### Barre de lien rapide ###### */
div#links { /*width:96%;*/
text-indent:10px;
margin-bottom:20px;
}
/* ##### Emplacement au dessus de contenu de la page ###### */
div#top_contents {
margin-top:8px;
margin-bottom:8px;
}
/* ##### Emplacement en dessous de contenu de la page ###### */
div#bottom_contents {
margin-top:8px;
margin-bottom:8px;
}
/* ##### Bloc au dessus du pied de page ###### */
div#top_footer {
clear:both;
padding:0.75em;
}
/* ##### Pied de page ###### */
div#footer {
height:30px;
clear:both;
margin:auto;
margin-top:0px;
padding:0px;
padding-top:36px;
padding-right:20px;
text-align:right;
background:#F5F4ED url(images/footer.png) repeat-x;
}
div#footer span {
color:#FFF;
font-size:10px;
}
div#footer span a {
color:#FFF;
font-size:10px;
}
/* ##### Liens rapides ###### */
div#links_vertical {
display:block !important;
display:none;
position:fixed;
background:url(images/vertical_menu_repeat.png) repeat-y;
top:45%;
margin-left:989px;
width:27px;
text-align:center;
padding-left:2px;
}
div#links_vertical_top {
width:29px;
background:url(images/vertical_menu_top.png) no-repeat;
text-align:center;
margin-left:-2px;
padding-top:8px;
}
div#links_vertical_central {
width:27px;
text-align:center;
margin-left:-2px;
padding:4px 0px;
}
div#links_vertical_bottom {
width:29px;
background:url(images/vertical_menu_bottom.png) no-repeat;
text-align:center;
height:32px;
margin-left:-2px;
}
.bglinks {
background:url(images/bgmenu_links.jpg) no-repeat bottom right;
margin:0px;
padding:0px;
list-style-type:none;
padding-bottom:7px;
margin-bottom:5px;
}
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Code CSS :
div#main_content { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; background:#F7F8F5 url(images/contentbg.png) repeat-x scroll 0 0; border:1px solid #CCCCCC; border-spacing:1px; margin-left:50pxmargin-top:10px; padding:5px 10px 20px; width:auto; }
Rajouter margin-left et margin right ( avec valeur ) ce qui donne margin-left:20px; par exemple
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Entraide_2009 Membre non connecté
-
Booster Minigun
- Voir le profil du membre Entraide_2009
- Inscrit le : 11/06/2009
Bonne soirée a vous.
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie