Fork me on GitHub






Moebius
Comment faire pour que le bloc centrale remplisse l'ecran ?
#1
Newbie
Inscrit: 06/08/2005 17:02
Messages: 2
Voila j ai telechargé un theme sur xoops design et j'essaie de le modifier pour qu'il soit adapter à la largeur de mon écran (1280*1024) je suis arrivé a modifier la disposition du texte au milieu des boutons enfin de tout le reste sauf du background blanc qui vient derrier le bloc central...

Voila ce que j'ai dans mon CSS :

/* CSS partie  DESIGN */
body {    
    padding:0;
    margin:0;
    color:#414141; 
    background:#7B7B7B url('images/background.jpg') repeat-x;
    font-size: 11px;  
    font-family: Verdana;
}

img{
    border: 0px;
}

#menu_img{
float: left;
    background: url('images/menu.gif') no-repeat; height:24px; width: 115px
}
#menu_texte{
color: #FFFFFF; margin-top: 4px; text-align: center; margin-right:15px;
}

#menu_texte a{
color: #FFFFFF; width: 115px
}
table {
    margin: 0;
    padding: 0; 
    font-size: 11px
}
#menu {
position: absolute; left: 29%; top: 191px; width: 590px}
input {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    background: transparent;
    border: 1px solid silver;
}
select,textarea{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
        border: 1px solid silver;
}
table td 
{
    padding: 0;
        width: 115px
    border-width: 0;
    vertical-align: top; 
    font-family:
    Verdana;
}
#englobe{
    position: absolute;
    width: 1250px;
    margin-left: -360px;
    left: 29%;
    top: 0px;
    height : auto;
}


#contenu{
    background:url(images/milieu.jpg) repeat-y;
        height: auto;
}


#header { 
    background:url(images/header.jpg) no-repeat; 
        width:1250px;
    height:229px;
}


a {
    color: #414141; 
    text-decoration: none; 
    background-color: transparent;
}
    
a:hover {
    color: #000000;
    text-decoration: NONE;
}
.item {border: 0px;}
.itemHead {padding-top:6px; font-style:bold; float: left;background:url('menu.gif') no-repeat; height:23px; width:510px; margin-left:1px; padding-left: 7px;}
.itemInfo {text-align: right; padding: 3px;    background-image: ;}
.itemPoster {font-size: 85%; font-style:italic;}
.itemPostDate {font-size: 85%; font-style:italic;}
.itemStats {font-size: 85%; font-style:italic;}
.itemBody {padding-left: 0px;background-image:}
.itemText {padding: 5px; margin-top: 0px; margin-bottom: 0px; line-height:1.5em;         text-align: justify;}
.itemText:first-letter {font-size: 155%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px;     }
.itemAdminLink {font-size: 10px;}
.itemPermaLink {font-size: 10px;}
.itemTitle a {font-size: 98%; font-weight: bold; }
th {background:url('menu_2.gif') repeat-x; height:23px; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}
.head a{
color: #FFFFFF;
}
.outer {border: 1px solid silver;}
.head {background:#F50000; padding: 5px; color: #ffffff; font-weight: bold;}
.even {background-color: #F5F6FA; padding: 5px;}
.odd {background-color: #F5F6FA; padding: 5px;}
.foot {background-color: #F5F6FA; padding: 5px; font-weight: bold;}

tr.even td {background-color: #F5F6FA; padding: 5px;}
tr.odd td {background-color: #F5F6FA; padding: 5px;}
div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}
div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; margin : 0;px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; margin : 0;px 6px 6px 6px;}

.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #808080; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #808080; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0px none;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic;}
.comDateCaption {font-weight: bold; font-style: normal;}

Posté le : 01/11/2005 23:54
Partager Twitter Partagez cette article sur GG+
Rapport Haut
denisdlu
Re: Comment faire pour que le bloc centrale remplisse l'ecran ?
#2
Supporter Xoops
Inscrit: 24/11/2004 07:56
De Marseillan - Cap d'Agde
Messages: 687
Salut ,

Peux-tu donner un lien ou on peut voir le problème et qu'on puisse t'aider et éventuellement le nom du theme pour qu'on essaye de reproduire la chose

Posté le : 02/11/2005 03:33

Cordialement
Denis Open in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut
JbSkynet
Re: Comment faire pour que le bloc centrale remplisse l'ecran ?
#3
Régulier
Inscrit: 21/07/2005 14:49
De Belgique-Hainaut
Messages: 329
Editer votre fichier Theme.html puis selectionner la cellule central et mettez le en 100 % et le tour est jouer.
Bonne amusement ...

Posté le : 02/11/2005 10:58

Open in new window Open in new window

Long Vie au Cms le plus cool

Me Joindre Ici - - > jb@jb-xoops.be
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

55 Personne(s) en ligne (45 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 55 | Plus ...