Easy-Design.Net forum




Aides sur les thèmes PHPBoost [Réglé] Comment élargir mon site ? Theme arond the world

Visiteur

EDN Helpers

Rang

Avatar

Message : 0

Le 05/06/2013 à 15h04

Reprise du message précédent

Pourtant je l'ai fait. A moins que ce ne soit mal fait, regardes ici :

Code CSS :
 
/* --------------------------------------
design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/ /* Corps du site 
--------------------------------------*/
* {
    margin:auto;
    padding:0;
    font-size:100%;
}
 
body {
    background:#eaeaea url(images/global.png)  repeat-x;
    font-size:12px;
    font-family:"tahoma","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 scroll 40px 20px transparent;
    background-position:0px 20px;
margin-bottom:8px;
}
 
/* ##### Entéte de la page ###### */
div#header,div#header_admin {
    height:135px;
}
 
/* ##### SlideShow ###### */
div#slide-show {
    height:120px;
}
 
/* #####  Conteneur en dessous de l'entéte ###### */
div#sub_header,div#sub_header_admin {
    height:22px;
}
 
/* 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:12px;
    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:12px;
    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;
    background:#F7F8F5 url(images/contentbg.png) repeat-x;
    -moz-border-radius:25px;
    -khtml-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
}
 
/* ##### Barre de lien rapide ###### */
div#links { /*width:96%;*/
    text-indent:5px;
    margin-bottom:20px;
}
 
/* Menu Horizontal */
div.menu_horizontal {
    padding-top: 106px;
padding-left:30px;
}
 
div.menu_horizontal li{
height:40px;
}
 
ul.menu_horizontal li img{
margin-right:10px;
}
 
ul.menu_horizontal a{
padding-top:24px;
padding-bottom:21px;
padding-left:10px;
padding-right:10px;
color:#FFF;
font-size:14px;
}
 
ul.menu_horizontal li a:hover{
color:#FFF;
font-size:14px;
text-decoration:none;
background: url(images/link_bg.png) no-repeat;
}
 
ul.menu_horizontal li {
    display: inline;
margin-left:10px;
}
 
 
/* ##### 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:12px;
}
div#footer span a {
    color:#FFF;
    font-size:12px;
}
 
/* ##### 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;
}
 
 
#slide-images{
display:block;
height:127px;
margin:26px 0 0;
overflow:hidden;
/*padding-top:30px;*/
position:relative;
width:914px;
}
 
#slide-images li{
position:absolute;
display:block;
list-style-type:none;
margin:0px;
padding:0px;
}
 
#slide-images li img{
display:block;
}
 
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 05/06/2013 à 15h48
Bon pour faire une vérification, je suis aussi passée par Gloogle chrome .. Et il s'avère que tu as bien un bout de code de trop qui n'apparaissait pas dans mon inspecte élément de Firefox :s

Regarde ce que je t'avais posé :

Code CSS :
div#header_container, div#header_admin_container {
    background: url("images/header.png") no-repeat scroll 40px 20px transparent;
    margin-bottom: 8px;
}


Voici le code que tu as :

Code CSS :
/* ##### Entéte de la page ###### */
div#header_container,div#header_admin_container {
    background: url(images/header.png) no-repeat scroll 40px 20px transparent;
    background-position:0px 20px; /* le code de trop */
margin-bottom:8px;
}
 


Remplace par :

Code CSS :
/* ##### Entéte de la page ###### */
div#header_container,div#header_admin_container {
    background: url(images/header.png) no-repeat scroll 40px 20px transparent;
margin-bottom:8px;
}
 


Et voilà :)


swan_signature

Site web    
Visiteur

EDN Helpers

Rang

Avatar

Message : 0

Le 05/06/2013 à 17h34
Et voilà Comme ça, c'est mieux ? Je pense avoir respecté à lalettre les consignes.

Cordialement.
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 05/06/2013 à 17h44
Parfait :top


swan_signature

Site web    
Visiteur

EDN Helpers

Rang

Avatar

Message : 0

Le 05/06/2013 à 18h07
Merci à toi.

Et s'y un jour tu as beson de sound design, n'hésites pas.

Cordialement.
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 05/06/2013 à 19h39
Merci Sch ^^


swan_signature

Site web    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie