Bonjour,
J'ai réalisé un template pour Joomla 2.5. Tout fonctionne bien ;-)
Mais, il y a un mais! Je débute dans le développement en div (avant je développer en tableau! je sais... je sais...).
En effet le corps de page suit le texte mais quand celui-ci est trop cours j'ai la couleur grise qui apparaît, qui correspond à ma div "middle". Si j’attribue une hauteur à mon corps de page, le corps de page s'arrête à cette hauteur, le texte continu de descendre mais du coup plus de fond blanc!
Si j'attribue une couleur blanche à ma div middle, j'ai bien mon corps de page blanc mais j'ai en bas à gauche un petit rectangle qui devient lui aussi blanc, or je le veux gris!
Je ne sais pas si j'ai été clair pas facile à expliquer!
Voici le site en question : www.juliette-camatta.com
si vous cliquez sur contact menu bas de page vous allez surement comprendre.
Voici le fichier index.php :
</head>
<body>
<div id="top"></div>
<div id="user1">
<jdoc:include type="modules" name="user1" />
</div>
<div id="logo">
<jdoc:include type="modules" name="logo" />
</div>
<div id="middle">
<div id="mainmenu">
<jdoc:include type="modules" name="mainmenu" />
</div>
<div id="content">
<jdoc:include type="component" />
</div>
<div id="menubas">
<jdoc:include type="modules" name="menubas" />
</div>
<div style="clear: both"></div>
</div>
</body>
</html>
Et le css du template :
#user1 {
background:url(../images/user1.jpg) no-repeat scroll 0 0 ;
background-color: #444444;
float:right;
text-align:right;
padding-right:2px;
padding-top:2px;
height: 29px;
width: 958px;
}
#logo {
background:url(../images/logo.jpg) no-repeat scroll 0 0 ;
background-color: #FFF;
float:right;
height: 219px;
width: 960px;
}
#middle {
background-color: #444444;
margin-top:auto;
}
#top {
background-color: #FFF;
}
#mainmenu {
background: url(../images/mainmenu.jpg) #444444 repeat;
float:left;
margin-top:auto;
padding-top:5px;
width: 155px;
padding-right:10px;
}
#content {
background-color: #FFF;
padding-left:15px;
padding-right:15px;
float: right;
width: 765px;
}
#menubas {
background: url(../images/menubas.jpg);
text-align:center;
background-color: #FFF;
clear: both;
float:right;
height: 30px;
width:795px;
}
/* Joomla! */
#menubas a:link, a:visited, a:active {
color: rgb(244, 56, 145);
font-weight: normal;
text-decoration: none;
}
#mainmenu {
background:#444444 url(../images/mainmenu.jpg) repeat ;
text-align:right;
font-weight:bold;
padding-top:5px;
}
#mainmenu a:link, a:visited, a:active {
color: #CCCCCC;
font-weight:bold;
text-decoration: none;
}
#mainmenu a:hover {
color: rgb(229, 60, 160);
font-weight:bold;
text-decoration: none;
}
#mainmenu p {
background:#444444 url(../images/mainmenu.jpg) repeat ;
text-align:right;
padding-top:5px;
}
#mainmenu li {
background:#444444 url(../images/mainmenu.jpg) repeat ;
list-style: none outside none;
margin: 0;
}
#logo {
background-color: #FFF;
float:right;
margin-top:auto;
height: 219px;
width: 960px;
}
body {
background: none repeat scroll 0 0 #565656;
color: rgb(102, 102, 102);
font-family: "Helvetica",Arial,Helvetica,sans-serif;
font-size:0.8em;
text-align:left;
padding-top:0px;
margin-left: auto;
margin-right: auto;
margin-top:auto;
height:auto;
width:960px;
}
Si quelqu'un peut me dire ce qu'il faut que je change ça serait vraiment super.
Merci d'avance,
Cordialement,
Edith Bonamy
J'ai réalisé un template pour Joomla 2.5. Tout fonctionne bien ;-)
Mais, il y a un mais! Je débute dans le développement en div (avant je développer en tableau! je sais... je sais...).
En effet le corps de page suit le texte mais quand celui-ci est trop cours j'ai la couleur grise qui apparaît, qui correspond à ma div "middle". Si j’attribue une hauteur à mon corps de page, le corps de page s'arrête à cette hauteur, le texte continu de descendre mais du coup plus de fond blanc!
Si j'attribue une couleur blanche à ma div middle, j'ai bien mon corps de page blanc mais j'ai en bas à gauche un petit rectangle qui devient lui aussi blanc, or je le veux gris!
Je ne sais pas si j'ai été clair pas facile à expliquer!
Voici le site en question : www.juliette-camatta.com
si vous cliquez sur contact menu bas de page vous allez surement comprendre.
Voici le fichier index.php :
</head>
<body>
<div id="top"></div>
<div id="user1">
<jdoc:include type="modules" name="user1" />
</div>
<div id="logo">
<jdoc:include type="modules" name="logo" />
</div>
<div id="middle">
<div id="mainmenu">
<jdoc:include type="modules" name="mainmenu" />
</div>
<div id="content">
<jdoc:include type="component" />
</div>
<div id="menubas">
<jdoc:include type="modules" name="menubas" />
</div>
<div style="clear: both"></div>
</div>
</body>
</html>
Et le css du template :
#user1 {
background:url(../images/user1.jpg) no-repeat scroll 0 0 ;
background-color: #444444;
float:right;
text-align:right;
padding-right:2px;
padding-top:2px;
height: 29px;
width: 958px;
}
#logo {
background:url(../images/logo.jpg) no-repeat scroll 0 0 ;
background-color: #FFF;
float:right;
height: 219px;
width: 960px;
}
#middle {
background-color: #444444;
margin-top:auto;
}
#top {
background-color: #FFF;
}
#mainmenu {
background: url(../images/mainmenu.jpg) #444444 repeat;
float:left;
margin-top:auto;
padding-top:5px;
width: 155px;
padding-right:10px;
}
#content {
background-color: #FFF;
padding-left:15px;
padding-right:15px;
float: right;
width: 765px;
}
#menubas {
background: url(../images/menubas.jpg);
text-align:center;
background-color: #FFF;
clear: both;
float:right;
height: 30px;
width:795px;
}
/* Joomla! */
#menubas a:link, a:visited, a:active {
color: rgb(244, 56, 145);
font-weight: normal;
text-decoration: none;
}
#mainmenu {
background:#444444 url(../images/mainmenu.jpg) repeat ;
text-align:right;
font-weight:bold;
padding-top:5px;
}
#mainmenu a:link, a:visited, a:active {
color: #CCCCCC;
font-weight:bold;
text-decoration: none;
}
#mainmenu a:hover {
color: rgb(229, 60, 160);
font-weight:bold;
text-decoration: none;
}
#mainmenu p {
background:#444444 url(../images/mainmenu.jpg) repeat ;
text-align:right;
padding-top:5px;
}
#mainmenu li {
background:#444444 url(../images/mainmenu.jpg) repeat ;
list-style: none outside none;
margin: 0;
}
#logo {
background-color: #FFF;
float:right;
margin-top:auto;
height: 219px;
width: 960px;
}
body {
background: none repeat scroll 0 0 #565656;
color: rgb(102, 102, 102);
font-family: "Helvetica",Arial,Helvetica,sans-serif;
font-size:0.8em;
text-align:left;
padding-top:0px;
margin-left: auto;
margin-right: auto;
margin-top:auto;
height:auto;
width:960px;
}
Si quelqu'un peut me dire ce qu'il faut que je change ça serait vraiment super.
Merci d'avance,
Cordialement,
Edith Bonamy
Commentaire