|
Re: diviser son pied de page |
|
Régulier
Inscrit: 22/12/2008 14:12
De Rodez
|
<div class="contentfooter"> <{$xoops_footer}>
</div>
</div>
Je ne connais pas ce thème mais ces deux div fermantes, elles ferment quelle balise ? Supprimez les pour voir. Essayiez avec un margin et un padding à 0 et une width à 30% Ensuite pour voir tes blocs (en phase test) mettez des couleurs façon background-color: red;(ou blue, green, yellow) pour vérifier leurs existences et leurs comportements. Jouez avec firebug et la possibilité de modifier les valeurs des width margin et padding à la volée pour vérifier qu'il ne s'agit pas d'un problème de marge.
Posté le : 07/02/2012 08:52
|
|
|
Re: diviser son pied de page |
|
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
|
#footer div{
display: table-cell;
}
{
background-color: #F0A40A;
text-align: center;
width: 100%;
height: 150px;
}
bonjour, enlève aussi les 2 "} {", le navigateur verra déjà plus clair.
Ensuite vérifie si plus haut dans le thème il n'y a pas une autre balise "footer", les id doivent être unique .
Puis comme précise "David12" je pense que tu as deux </div> en trop, mais bon je ne connais pas le thème que tu utilises.
Pour ma part j'aurais rajouté le code html que je t'ai écrit juste avant la balise <\body>, histoire qu'il n’interagisse pas trop avec le thème.
Posté le : 07/02/2012 09:10
|
|
|
Re: diviser son pied de page |
|
Semi pro
Inscrit: 16/12/2008 16:38
|
bonjour le mieux peut etre est de vous donner le theme et le css origine :il ny a pas grand chose dans se theme il y a en plus un dossier image un dossier menu.html et centerblock et block merci de votre aide car j ai fais toute les modif du haut et rien ni fais , je veut juste modifier le fouter pour qu il face 1000px SUR 150px de couleur jaune, et que celui ci soit diviser en trois partit avec juste 2 trais verticaux merci de votre aide , car je m en sort pas avec se truc le theme
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<{assign var=theme_name value=$xoTheme->folderName}>
<title><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> - <{/if}><{$xoops_sitename}></title>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<link rel="alternate" type="application/rss+xml" href="<{xoAppUrl backend.php}>" />
<link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" />
<link rel="icon" type="image/png" href="<{xoImgUrl icons/icon.png}>" />
<link type="text/css" rel="stylesheet" href="<{xoImgUrl css/style.css}>" />
<{$xoops_module_header}>
</head>
<body>
<div id="wrapper">
<div id="header">
<a class="sitename" href="<{$xoops_url}>"><img src="<{xoImgUrl images/logo.png}>" /></a>
<{includeq file="$theme_name/menu.html"}>
<div id="navigation">
<ul>
<li id="nav-com<{if $xoops_dirname == 'news'}>-active<{/if}>"><a href="<{$xoops_url}>/modules/news">News</a></li>
<li id="nav-com<{if $xoops_dirname == 'newbb'}>-active<{/if}>"><a href="<{$xoops_url}>/modules/newbb">Forum</a></li>
<li id="nav-com<{if $xoops_dirname == 'wfdownloads'}>-active<{/if}>"><a href="<{$xoops_url}>/modules/wfdownloads">Downloads</a></li>
<li id="nav-com<{if $xoops_dirname == 'myalbum'}>-active<{/if}>"><a href="<{$xoops_url}>/modules/myalbum">Gallerie</a></li>
<li id="nav-com<{if $xoops_dirname == 'xoopspoll'}>-active<{/if}>"><a href="<{$xoops_url}>/modules/xoopspoll">Umfragen</a></li>
<li id="nav-com<{if $xoops_dirname == 'contact'}>-active<{/if}>"><a href="<{$xoops_url}>/modules/contact">Support</a></li>
</ul>
</div>
</div>
<div id="contentWrapper<{if $xoBlocks.canvas_left and $xoBlocks.canvas_right}>1<{elseif $xoBlocks.canvas_right}>2<{elseif $xoBlocks.canvas_left}>3<{/if}>">
<{if $xoBlocks.canvas_left}>
<div id="left">
<{includeq file="$theme_name/block.html" blocks=$xoBlocks.canvas_left}>
</div>
<{/if}>
<{if $xoops_contents && ($xoops_contents != ' ') or $xoBlocks.page_topleft or $xoBlocks.page_topcenter or $xoBlocks.page_topright or $xoBlocks.page_bottomleft or $xoBlocks.page_bottomcenter or $xoBlocks.page_bottomright}>
<div id="content">
<{if $xoBlocks.page_topleft or $xoBlocks.page_topcenter or $xoBlocks.page_topright}>
<div id="centerblocks">
<div class="centerblocks-center">
<{foreach item=block from=$xoBlocks.page_topcenter}>
<{includeq file="$theme_name/centerblock.html"}>
<{/foreach}>
</div>
<div class="centerblocks-left">
<{foreach item=block from=$xoBlocks.page_topleft}>
<{includeq file="$theme_name/centerblock.html"}>
<{/foreach}>
</div>
<div class="centerblocks-right">
<{foreach item=block from=$xoBlocks.page_topright}>
<{includeq file="$theme_name/centerblock.html"}>
<{/foreach}>
</div>
</div>
<br style="clear: both;" />
<{/if}>
<{$xoops_contents}>
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomcenter or $xoBlocks.page_bottomright}>
<div id="centerblocks">
<div class="centerblocks-center">
<{foreach item=block from=$xoBlocks.page_bottomcenter}>
<{includeq file="$theme_name/centerblock.html"}>
<{/foreach}>
</div>
<div class="centerblocks-left">
<{foreach item=block from=$xoBlocks.page_bottomleft}>
<{includeq file="$theme_name/centerblock.html"}>
<{/foreach}>
</div>
<div class="centerblocks-right">
<{foreach item=block from=$xoBlocks.page_bottomright}>
<{includeq file="$theme_name/centerblock.html"}>
<{/foreach}>
</div>
</div>
<{/if}>
</div>
<{/if}>
<{if $xoBlocks.canvas_right}>
<div id="right">
<{includeq file="$theme_name/block.html" blocks=$xoBlocks.canvas_right}>
</div>
<{/if}>
<br style="clear: both;" />
<div class="contentfooter">
<{$xoops_footer}>
</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
le css
* {
border: 0;
padding: 0;
margin: 0;
vertical-align: baseline;
font: 13px Verdana, serif, sans-serif;
color: #555;
}
body {
background: #0D1E28;
}
a {
color: #0D1E28;
text-decoration: none;
}
a:hover {
color: #1E5E79;
text-decoration: underline;
}
#wrapper {
width: 1000px;
margin: auto;
padding: 10px;
margin-top: 20px;
}
#header {
width: 980px;
height: 150px;
background: url(../images/header.png);
padding: 10px 10px 10px 11px;
}
.sitename img {
padding: 10px 0 0 0;
}
a:hover.sitename {
text-decoration: none;
}
#navigation {
margin-top: 54px;
background: url(../images/bg-nav.png);
width: 979px;
float: left;
height: 28px;
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
}
#navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#navigation ul li {
float: left;
padding: 5px;
height: 18px;
margin-left: 25px;
font-weight: bold;
}
#navigation ul li a {
font-weight: bold;
color: #111;
}
#navigation ul li#nav-com-active {
background: url(../images/bg-nav-com-active.png) center bottom no-repeat;
}
#contentWrapper, #contentWrapper1, #contentWrapper2, #contentWrapper3 {
width: 970px;
padding: 5px 15px 5px 15px;
background: url(../images/bg-contentWrapper.png);
}
/* ContentWrapper1 */
#contentWrapper1 #left {
float: left;
width: 190px;
margin-right: 5px;
padding: 5px;
}
#contentWrapper1 #content {
float: left;
width: 550px;
padding: 5px;
}
#contentWrapper1 #right {
float: right;
width: 190px;
margin-left: 5px;
padding: 5px;
}
/* ContentWrapper2 */
#contentWrapper2 #left {
display: none;
}
#contentWrapper2 #content {
float: left;
width: 750px;
padding: 5px;
}
#contentWrapper2 #right {
float: right;
width: 190px;
margin-left: 5px;
padding: 5px;
}
/* ContentWrapper3 */
#contentWrapper3 #left {
float: left;
width: 190px;
margin-right: 5px;
padding: 5px;
}
#contentWrapper3 #content {
float: right;
width: 750px;
padding: 5px;
}
#contentWrapper3 #right {
display: none;
}
/* Centerblocks */
#contentWrapper1 #centerblocks .centerblocks-center {
width: 550px;
margin-bottom: 10px;
}
#contentWrapper1 #centerblocks .centerblocks-left {
width: 270px;
float: left;
margin-right: 10px;
}
#contentWrapper1 #centerblocks .centerblocks-right {
width: 270px;
float: right;
}
#contentWrapper2 #centerblocks .centerblocks-center {
width: 750px;
margin-bottom: 10px;
}
#contentWrapper2 #centerblocks .centerblocks-left {
width: 370px;
float: left;
margin-right: 10px;
}
#contentWrapper2 #centerblocks .centerblocks-right {
width: 370px;
float: right;
}
#contentWrapper3 #centerblocks .centerblocks-center {
width: 750px;
margin-bottom: 10px;
}
#contentWrapper3 #centerblocks .centerblocks-left {
width: 370px;
float: left;
margin-right: 10px;
}
#contentWrapper3 #centerblocks .centerblocks-right {
width: 370px;
float: right;
}
#centerblocks .centerblocks-center .block-title, .centerblocks-left .block-title, .centerblocks-right .block-title {
font-weight: bold;
padding: 3px;
border-bottom: 1px solid #EBEBEB;
}
#centerblocks .centerblocks-center .block-content, .centerblocks-left .block-content, .centerblocks-right .block-content {
padding: 3px;
border: 1px solid #EBEBEB;
background: #FFF url(../images/bg-centerblock.png) repeat-x;
margin-bottom: 10px;
}
.errorMsg,.confirmMsg, .resultMsg, .successMsg {
text-align: center;
margin: 10px;
padding: 20px;
}
.errorMsg {
background-color: #FBE3E4;
color: #D12F19;
border: 1px solid #FBC2C4;
}
.confirmMsg {
background-color: #FFF6BF;
color: #817134;
border: 1px solid #FFD324;
}
.resultMsg, .successMsg {
background-color: #E6EFC2;
color: #529214;
border: 1px solid #C6D880;
}
.block {
width: 190px;
height: auto;
margin-bottom: 10px;
}
.block .blocktitle {
background: url(../images/bg-blocktitle.png) no-repeat;
text-align: center;
font-weight: bold;
color: #FFF;
height: 27px;
padding-top: 8px;
overflow: hidden;
}
.block .blockcontent {
padding: 5px;
border: 2px solid #CCC;
border-bottom: none;
border-top: none;
}
.block .blockcontent ul {
list-style: none;
}
.block .blockcontent table {
border: 0;
}
.block .blockcontent table.outer {
border: 1px solid #CCC;
}
.block .blockfooter {
height: 30px;
width: 190px;
background: url(../images/bg-blockfooter.png);
}
#mainmenu a, #usermenu a {
display: block;
margin-bottom: 3px;
}
#mainmenu a.menuSub, #usermenu a.menuSub {
display: block;
margin: 2px 2px 2px 8px;
font-style: italic;
}
table {
clear: both;
border: 1px solid #CCC;
padding: 1px;
margin-bottom: 3px;
}
table td, th {
padding: 3px;
}
thead, th {
background: url(../images/bg-th.png) center;
color: #FFF;
font-weight: bold;
}
thead, th a {
color: #FFF;
font-weight: bold;
}
.head, .footer {
background: #F1F1F1;
}
.even {
background: #FAFAFA;
}
.odd {
background: #FFF;
}
.usermenu, .login {
margin: 15px;
float: right;
}
.usermenu span, .login span {
padding: 5px 0 3px 5px;
}
ul {
list-style-type: none;
}
input[type=text], input[type=select], input[type=password], input[type=checkbox], select {
padding: 3px;
color: #111;
border: 1px solid #CCC;
margin: 3px;
}
input[type=submit], input[type=reset], input[type=button], button {
padding: 3px;
color: #111;
border: 1px solid #CCC;
margin: 3px;
height: 25px;
background: url(../images/bg-button.png);
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover {
background: url(../images/bg-button-over.png);
}
.item {
border: 0;
}
.item table {
border: 0;
}
.item .itemHead {
border-bottom: 1px solid #CCC;
padding: 3px;
}
.item .itemTitle, .itemTitle a {
font-size: 18px;
font-weight: bold;
}
.item .itemInfo {
font-style: italic;
color: #CCC;
}
.item .itemInfo .itemPoster, .itemPoster a {
font-style: italic;
color: #CCC;
}
.item .itemInfo .itemPoster a:hover {
color: #23497C;
}
.item .itemInfo .itemPostDate {
font-style: italic;
color: #CCC;
}
.item .itemInfo .itemStats {
font-style: italic;
color: #CCC;
}
.item .itemBody .itemText {
padding: 5px;
}
.item .itemFoot {
border-top: 1px solid #F4F4F4;
padding: 5px;
text-align: right;
border-bottom: 1px solid #CCC;
}
.contentfooter {
margin: 10px 10px 0 10px;
padding-top: 5px;
text-align: center;
border-top: 1px solid #EBEBEB
}
#footer {
background: url(../images/bg-footer.png);
text-align: center;
width: 1000px;
height: 15px;
}
#xo-logger-output {
width: 1010px;
margin: auto;
}
.comTitle {
color: #FFF;
font-weight: bold;
}
#comment {
margin-bottom: 10px;
padding: 3px;
border-bottom: 1px dotted #CCC;
float: left;
width: 100%;
}
#comment .com-left {
padding: 5px;
width: 20%;
float: left;
}
#comment .com-left div {
margin-bottom: 5px;
}
#comment .com-right {
margin-bottom: 5px;
width: 78%;
float: right;
}
#comment .com-right .com-actions {
text-align: right;
}
merci
Posté le : 08/02/2012 07:21
|
|
|
Re: diviser son pied de page |
|
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
|
ok, je vais regarder cela
Posté le : 08/02/2012 09:56
|
|
|
Re: diviser son pied de page |
|
Semi pro
Inscrit: 16/12/2008 16:38
|
MERCI c est sympa de ta part
Posté le : 08/02/2012 11:35
|
|
|
Re: diviser son pied de page |
|
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
|
voila, je n'ai pas tout vérifier mais ce qui est en dessous devrai fonctionner
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<{assign var=theme_name value=$xoTheme->folderName}>
<title><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> - <{/if}><{$xoops_sitename}></title>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<link rel="alternate" type="application/rss+xml" href="<{xoAppUrl backend.php}>" />
<link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" />
<link rel="icon" type="image/png" href="<{xoImgUrl icons/icon.png}>" />
<link type="text/css" rel="stylesheet" href="<{xoImgUrl css/style.css}>" />
<{$xoops_module_header}>
</head>
<body>
<div id="wrapper">
<div id="header">
<a class="sitename" href="<{$xoops_url}>"><img src="<{xoImgUrl images/logo.png}>" /></a>
<{includeq file="$theme_name/menu.html"}>
<div id="navigation">
<ul>
<li class="nav-com<{if $xoops_dirname == 'news'}>-active<{/if}>"><a href="<{$xoops_url}>/modules/news">News</a></li>
<li class="nav-com<{if $xoops_dirname == 'newbb'}>-active<{/if}>"><a href="<{$xoops_url}>/modules/newbb">Forum</a></li>
<li class="nav-com<{if $xoops_dirname == 'wfdownloads'}>-active<{/if}>"><a href="<{$xoops_url}>/modules/wfdownloads">Downloads</a></li>
<li class="nav-com<{if $xoops_dirname == 'myalbum'}>-active<{/if}>"><a href="<{$xoops_url}>/modules/myalbum">Gallerie</a></li>
<li class="nav-com<{if $xoops_dirname == 'xoopspoll'}>-active<{/if}>"><a href="<{$xoops_url}>/modules/xoopspoll">Umfragen</a></li>
<li class="nav-com<{if $xoops_dirname == 'contact'}>-active<{/if}>"><a href="<{$xoops_url}>/modules/contact">Support</a></li>
</ul>
</div>
</div>
<div id="contentWrapper<{if $xoBlocks.canvas_left and $xoBlocks.canvas_right}>1<{elseif $xoBlocks.canvas_right}>2<{elseif $xoBlocks.canvas_left}>3<{/if}>">
<{if $xoBlocks.canvas_left}>
<div id="left">
<{includeq file="$theme_name/block.html" blocks=$xoBlocks.canvas_left}>
</div>
<{/if}>
<{if $xoops_contents && ($xoops_contents != ' ') or $xoBlocks.page_topleft or $xoBlocks.page_topcenter or $xoBlocks.page_topright or $xoBlocks.page_bottomleft or $xoBlocks.page_bottomcenter or $xoBlocks.page_bottomright}>
<div id="content">
<{if $xoBlocks.page_topleft or $xoBlocks.page_topcenter or $xoBlocks.page_topright}>
<div id="centerblocks">
<div class="centerblocks-center">
<{foreach item=block from=$xoBlocks.page_topcenter}>
<{includeq file="$theme_name/centerblock.html"}>
<{/foreach}>
</div>
<div class="centerblocks-left">
<{foreach item=block from=$xoBlocks.page_topleft}>
<{includeq file="$theme_name/centerblock.html"}>
<{/foreach}>
</div>
<div class="centerblocks-right">
<{foreach item=block from=$xoBlocks.page_topright}>
<{includeq file="$theme_name/centerblock.html"}>
<{/foreach}>
</div>
</div>
<br style="clear: both;" />
<{/if}>
<{$xoops_contents}>
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomcenter or $xoBlocks.page_bottomright}>
<div id="centerblocks">
<div class="centerblocks-center">
<{foreach item=block from=$xoBlocks.page_bottomcenter}>
<{includeq file="$theme_name/centerblock.html"}>
<{/foreach}>
</div>
<div class="centerblocks-left">
<{foreach item=block from=$xoBlocks.page_bottomleft}>
<{includeq file="$theme_name/centerblock.html"}>
<{/foreach}>
</div>
<div class="centerblocks-right">
<{foreach item=block from=$xoBlocks.page_bottomright}>
<{includeq file="$theme_name/centerblock.html"}>
<{/foreach}>
</div>
</div>
<{/if}>
</div>
<{/if}>
<{if $xoBlocks.canvas_right}>
<div id="right">
<{includeq file="$theme_name/block.html" blocks=$xoBlocks.canvas_right}>
</div>
<{/if}>
<div class="contentfooter">
<{$xoops_footer}>
</div>
</div>
</div>
<div id="footer">
<div class="col1">
contenu colonne 1
</div>
<div class="col2">
contenu colonne 2
</div>
<div class="col3">
contenu colonne 3
</div>
</div>
</body>
</html>
et pour le CSS
@charset "utf-8";
/* CSS Document */
* {
border: 0;
padding: 0;
margin: 0;
vertical-align: baseline;
font: 13px Verdana, serif, sans-serif;
color: #555;
}
body {
background: #0D1E28;
width: 1024px;
margin-left: auto;
margin-right: auto;
}
a {
color: #0D1E28;
text-decoration: none;
}
a:hover {
color: #1E5E79;
text-decoration: underline;
}
#wrapper {
width: 1000px;
padding: 10px;
margin-top: 20px;
}
#header {
width: 980px;
height: 150px;
background: url(../images/header.png);
padding: 10px 10px 10px 11px;
}
.sitename img {
padding: 10px 0 0 0;
}
a:hover.sitename {
text-decoration: none;
}
#navigation {
margin-top: 54px;
background: url(../images/bg-nav.png);
width: 979px;
float: left;
height: 28px;
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
}
#navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#navigation ul li {
display: inline;
padding: 5px;
height: 18px;
margin-left: 25px;
font-weight: bold;
}
#navigation ul li a {
font-weight: bold;
color: #111;
}
#navigation ul li.nav-com-active {
background: url(../images/bg-nav-com-active.png) center bottom no-repeat;
}
#contentWrapper, #contentWrapper1, #contentWrapper2, #contentWrapper3 {
width: 970px;
padding: 5px 15px 5px 15px;
background: url(../images/bg-contentWrapper.png);
}
/* ContentWrapper1 */
#contentWrapper1 #left {
float: left;
width: 190px;
margin-right: 5px;
padding: 5px;
}
#contentWrapper1 #content {
float: left;
width: 550px;
padding: 5px;
}
#contentWrapper1 #right {
float: right;
width: 190px;
margin-left: 5px;
padding: 5px;
}
/* ContentWrapper2 */
#contentWrapper2 #left {
display: none;
}
#contentWrapper2 #content {
float: left;
width: 750px;
padding: 5px;
}
#contentWrapper2 #right {
float: right;
width: 190px;
margin-left: 5px;
padding: 5px;
}
/* ContentWrapper3 */
#contentWrapper3 #left {
float: left;
width: 190px;
margin-right: 5px;
padding: 5px;
}
#contentWrapper3 #content {
float: right;
width: 750px;
padding: 5px;
}
#contentWrapper3 #right {
display: none;
}
/* Centerblocks */
#contentWrapper1 #centerblocks .centerblocks-center {
width: 550px;
margin-bottom: 10px;
}
#contentWrapper1 #centerblocks .centerblocks-left {
width: 270px;
float: left;
margin-right: 10px;
}
#contentWrapper1 #centerblocks .centerblocks-right {
width: 270px;
float: right;
}
#contentWrapper2 #centerblocks .centerblocks-center {
width: 750px;
margin-bottom: 10px;
}
#contentWrapper2 #centerblocks .centerblocks-left {
width: 370px;
float: left;
margin-right: 10px;
}
#contentWrapper2 #centerblocks .centerblocks-right {
width: 370px;
float: right;
}
#contentWrapper3 #centerblocks .centerblocks-center {
width: 750px;
margin-bottom: 10px;
}
#contentWrapper3 #centerblocks .centerblocks-left {
width: 370px;
float: left;
margin-right: 10px;
}
#contentWrapper3 #centerblocks .centerblocks-right {
width: 370px;
float: right;
}
#centerblocks .centerblocks-center .block-title, .centerblocks-left .block-title, .centerblocks-right .block-title {
font-weight: bold;
padding: 3px;
border-bottom: 1px solid #EBEBEB;
}
#centerblocks .centerblocks-center .block-content, .centerblocks-left .block-content, .centerblocks-right .block-content {
padding: 3px;
border: 1px solid #EBEBEB;
background: #FFF url(../images/bg-centerblock.png) repeat-x;
margin-bottom: 10px;
}
.errorMsg,.confirmMsg, .resultMsg, .successMsg {
text-align: center;
margin: 10px;
padding: 20px;
}
.errorMsg {
background-color: #FBE3E4;
color: #D12F19;
border: 1px solid #FBC2C4;
}
.confirmMsg {
background-color: #FFF6BF;
color: #817134;
border: 1px solid #FFD324;
}
.resultMsg, .successMsg {
background-color: #E6EFC2;
color: #529214;
border: 1px solid #C6D880;
}
.block {
width: 190px;
height: auto;
margin-bottom: 10px;
}
.block .blocktitle {
background: url(../images/bg-blocktitle.png) no-repeat;
text-align: center;
font-weight: bold;
color: #FFF;
height: 27px;
padding-top: 8px;
overflow: hidden;
}
.block .blockcontent {
padding: 5px;
border: 2px solid #CCC;
border-bottom: none;
border-top: none;
}
.block .blockcontent ul {
list-style: none;
}
.block .blockcontent table {
border: 0;
}
.block .blockcontent table.outer {
border: 1px solid #CCC;
}
.block .blockfooter {
height: 30px;
width: 190px;
background: url(../images/bg-blockfooter.png);
}
#mainmenu a, #usermenu a {
display: block;
margin-bottom: 3px;
}
#mainmenu a.menuSub, #usermenu a.menuSub {
display: block;
margin: 2px 2px 2px 8px;
font-style: italic;
}
table {
clear: both;
border: 1px solid #CCC;
padding: 1px;
margin-bottom: 3px;
}
table td, th {
padding: 3px;
}
thead, th {
background: url(../images/bg-th.png) center;
color: #FFF;
font-weight: bold;
}
thead, th a {
color: #FFF;
font-weight: bold;
}
.head, .footer {
background: #F1F1F1;
}
.even {
background: #FAFAFA;
}
.odd {
background: #FFF;
}
.usermenu, .login {
margin: 15px;
float: right;
}
.usermenu span, .login span {
padding: 5px 0 3px 5px;
}
ul {
list-style-type: none;
}
input[type=text], input[type=select], input[type=password], input[type=checkbox], select {
padding: 3px;
color: #111;
border: 1px solid #CCC;
margin: 3px;
}
input[type=submit], input[type=reset], input[type=button], button {
padding: 3px;
color: #111;
border: 1px solid #CCC;
margin: 3px;
height: 25px;
background: url(../images/bg-button.png);
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover {
background: url(../images/bg-button-over.png);
}
.item {
border: 0;
}
.item table {
border: 0;
}
.item .itemHead {
border-bottom: 1px solid #CCC;
padding: 3px;
}
.item .itemTitle, .itemTitle a {
font-size: 18px;
font-weight: bold;
}
.item .itemInfo {
font-style: italic;
color: #CCC;
}
.item .itemInfo .itemPoster, .itemPoster a {
font-style: italic;
color: #CCC;
}
.item .itemInfo .itemPoster a:hover {
color: #23497C;
}
.item .itemInfo .itemPostDate {
font-style: italic;
color: #CCC;
}
.item .itemInfo .itemStats {
font-style: italic;
color: #CCC;
}
.item .itemBody .itemText {
padding: 5px;
}
.item .itemFoot {
border-top: 1px solid #F4F4F4;
padding: 5px;
text-align: right;
border-bottom: 1px solid #CCC;
}
.contentfooter {
clear: both;
margin: 10px 10px 0 10px;
padding-top: 5px;
text-align: center;
border-top: 1px solid #EBEBEB
}
#footer {
background: url(../images/bg-footer.png);
background-color:#CCFF00;
text-align: center;
width: 1000px;
height: 150px;
}
#footer div{
display: table-cell;
}
#footer .col1 {
width: 33%;
border-right-color: black;
border-right-size: 1px;
border-right-style: solid;
}
#footer .col2 {
width: 33%;
border-right-color: black;
border-right-size: 1px;
border-right-style: solid;
}
#footer .col3 {
width: 32%;
}
#xo-logger-output {
width: 1010px;
margin: auto;
}
.comTitle {
color: #FFF;
font-weight: bold;
}
#comment {
margin-bottom: 10px;
padding: 3px;
border-bottom: 1px dotted #CCC;
float: left;
width: 100%;
}
#comment .com-left {
padding: 5px;
width: 20%;
float: left;
}
#comment .com-left div {
margin-bottom: 5px;
}
#comment .com-right {
margin-bottom: 5px;
width: 78%;
float: right;
}
#comment .com-right .com-actions {
text-align: right;
}
Il ne te reste plus qu'a remplacer "contenu colonne X" par ce que tu veux
Posté le : 08/02/2012 12:07
|
|
|
Re: diviser son pied de page |
|
Semi pro
Inscrit: 16/12/2008 16:38
|
bonjour moutuy et merci pour ton aide , mais malheureusement il y a quelque chose qui cloche
donc je voit bien le footer de 1000px sur 150x et en haut a gauche en se suivant sans partage du footer, je vois juste écrit sa: colonne 1 contenu colonne 2 contenu colonne 3
de plus je ne peut pas enlever la dernier /div elle correspond a la premier div du thème qui celci <div id="wrapper">
bon se n est pas grave ne t'obstine pas sur sa , on y verra plus claire quand la réouverture du site sera faite sans doute se wk
merci de votre aide a tous
ps : pour résumer on ne voit pas de colonne et les trois écrit de colonne 1,2 et 3 se suive en partant du haut du footer a gauche jusque au milieu de celui ci
Posté le : 09/02/2012 07:19
|
|
|
Re: diviser son pied de page |
|
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
|
tu remplace dans le css au niveau des #footer .colX width: 33% par width: 332px;
je n'ai pas enlever le dernier </div>, j'ai juste mis le #footer en dehors du #wrapper
Posté le : 09/02/2012 09:24
|
|
|
Re: diviser son pied de page |
|
Semi pro
Inscrit: 16/12/2008 16:38
|
salut et encore merci , mais sa na pas été concluan j ai donc mis sa
#footer {
background: url(../images/bg-footer.png);
background-color:#CCFF00;
text-align: center;
width: 1000px;
height: 150px;
}
#footer div{
display: table-cell;
}
#footer .col1 {
width: 132px;
border-right-color: black;
border-right-size: 1px;
border-right-style: solid;
}
#footer .col2 {
width: 132px;
border-right-color: black;
border-right-size: 1px;
border-right-style: solid;
}
#footer .col3 {
width: 132px;
j ai essayer aussi de mettre tout en pour-cent même le width: 1000px; j avais mis width: 100%; mais rien ne marche en se qui concerne la deniers /div SI je la remonte au dessus de <div id="footer"> , le footer se décroche du thème et vient ce coller a gauche de l écran ps peut tu me dire en langage humain se que veut dire sa display: table-cell; merci
Posté le : 10/02/2012 06:31
|
|
|
Re: diviser son pied de page |
|
Semi pro
Inscrit: 16/12/2008 16:38
|
en faite je me demende si on travaille bien sur le bon footer
car quand j ai mis mon numérode cnil dans l administration du pied de page ou un truc du genre
le numéro c est mis au dessus du footer actuel et non dedans, donc je vais essayer de mettre ton code directement dans l admin
l autre footer et peut être a l origine pour décorer le thème
Posté le : 10/02/2012 06:44
|
|
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.
|