salut je suis débutante en css wordpress
j'ai un projet de creation d'un site web sous wordpress
pour cela j'ai un probleme de centrer le menu du pied de page du site
voila mon code css:
est ce qu'il ya quelqu'un qui peux m'aidé pour que je puisse centrer mon menu du pied de page du site
merci d'avance
a bientot
Modifié par 6l20 (27 Jan 2015 - 13:28)
j'ai un projet de creation d'un site web sous wordpress
pour cela j'ai un probleme de centrer le menu du pied de page du site
voila mon code css:
/*********************************************************************************************
Theme Name: Academica
Theme URI: http://www.wpzoom.com/themes/academica
Version: 2.0.3
Author: WPZOOM
Author URI: http://www.wpzoom.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.
**********************************************************************************************
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.
**********************************************************************************************
0. CSS Reset ------------------------- All Theme Files
1. Page Structure:Content ------------ All Theme Files
2. Single Post/Page ------------------- page.php, single.php
3. Comments -------------------------- comments.php
4. Footer ----------------------------- footer.php
5. Miscellaneous ----------------------
6. Homepage Slider -------------------- wpzoom-showcase.php
**********************************************************************************************/
/*********************************************************************************************
0. CSS Reset ------------------------- All Theme Files
*********************************************************************************************/
* {padding:0; margin:0; border: none; outline:0; }
body {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 62.5%; color: #333; text-align:center; background-color: #fff; }
a {text-decoration:none; color:#0c5390; }
a:hover {text-decoration:none; color: #f99734; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; color:#333; }
p {margin: 0 0 10px; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }
#wrap {width:100%; margin: 0 auto; text-align:left; }
#wrap div.wrap {width: 960px; margin: 0 auto; text-align: left; }
#wrap div.clear {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#wrap div.sep {font-size:1px; height: 1px; margin:20px 0; line-height: 1px; background-color: #f99734; }
#wrap div.sepinside {margin: 0 0 20px; }
#header {padding: 5px 0 30px; }
#header div.banner {float: right; display: inline; }
#logo {float: left; display: inline; font-family: Georgia, Times, "Times New Roman", serif; text-transform: uppercase; text-align: left; }
#logo h1 { font-size: 36px; font-weight: bold; }
#logo #tagline { font-size: 23px; color: #0c5390; }
/*********************************************************************************************
0. CSS Reset ------------------------- All Theme Files
*********************************************************************************************/
#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:18px; z-index:300; width:100%; }
#menuhead {background-color: #3a678d; height: 36px; line-height: 36px; font-size: 12px; font-weight: bold; margin-bottom: 15px; }
#menuhead a {display:block; color: #fff; text-shadow: #264c6c 1px 1px 0; text-decoration: none; padding: 0 15px 0; }
#menuhead a:hover, #menuhead .current-menu-item > a {color: #fff; text-shadow: #b86d21 1px 1px 0; background-color: #e98a2a; }
#menuhead li {float:left; display: inline; position:relative; line-height: 36px; font-size: 12px; border-right: solid 1px #fff;}
#menuhead li li {line-height: 28px; }
#menuhead ul {position:absolute; display:none; width:120px; top:36px; left:0; }
#menuhead ul a {border-left:1px solid #333; border-right: 1px solid #333; border-top: solid 1px #333; background-color: #444; text-shadow: none;}
#menuhead li ul {width:130px;}
#menuhead li ul a {width:130px; float:left; display:inline; border-bottom:1px solid #555;}
#menuhead ul ul {top:auto;}
#menuhead li ul ul {left:130px; margin:0 0 0 10px;}
#menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;}
#menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:block;}
#menu, #menu2 {float: left; display: inline; position:relative; z-index:200; }
#menu li, #menu2 li {float: left; display: inline; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-right: 25px; }
#menu li li, #menu2 li li {margin-right: 0;}
#menu2 {z-index: 100;}
#menu2 li {text-transform: none;}
.downarrowclass { background:url(images/down.png) no-repeat center; padding:6px 11px;}
.rightarrowclass {background:url(images/right.png) no-repeat center right; padding:10px; position:absolute; right:10px; }
/*Top level list items*/
.dropdown ul li{position: relative; display: inline; margin-right: 0;}
/*Top level menu link items style*/
.dropdown ul li a{text-decoration: none; line-height:18px; }
* html .dropdown ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.dropdown ul li.current_page_item a, .dropdown ul li.current-cat a {color:#CD3939; text-shadow: 0 1px 0 #000; }
/*1st sub level menu*/
.dropdown ul li ul {position: absolute; left: 0; display: block; visibility: hidden; z-index:100; background:#333; text-align:left;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.dropdown ul li ul li ul{top: 0;}
/* Sub level menu links style */
.dropdown ul li ul li a {width: 140px; padding: 5px 10px; margin: 0; border-top-width: 0; border-bottom: 1px solid #4a4747; color:#fff; text-shadow:0 2px 0 #000; text-transform:none; display:block; }
.dropdown ul li ul li:last-child a, .dropdown ul li ul li:last-child a:hover {border:none;}
.dropdown ul li ul li a:hover { color:#000; }
/*********************************************************************************************
1. Page Structure: Content
*********************************************************************************************/
#crumbs {font-size: 10px; text-transform: uppercase; margin: 20px 0; }
#search { float:right; font-size:10px; height:40px; position: relative; margin-top: 6px; }
#search #s {border: solid 1px #999; height:22px; width:173px; font-size: 10px; padding-left: 5px; line-height: 22px; }
#search #searchsubmit {background-color: #0c5390; color: #fff; font-size: 10px; text-transform: lowercase; line-height: 24px; height: 24px; padding: 1px 10px; cursor: pointer; }
#search #searchsubmit:hover {background-color:#0a406f; }
#social {clear: right; float: right; display: inline;}
#social li {float: right; display: inline; margin-right: 0; margin-left: 3px; font-size: 11px; }
#homeGallery {margin-bottom: 50px;}
#homeGallery div.wrap {padding: 1px 0 0; border-top: solid 1px #f99734; border-bottom: solid 1px #f99734;}
/* 3. Content Area */
#content {margin-bottom: 50px; }
#content div.column {float: left; display: inline; margin-right: 30px; }
#content div.column {width: 200px; }
#content div.column-content {width: 500px; }
#content div.column-content img {max-width: 500px; height: auto; }
#content div.column-double {width: 730px; }
#content div.column-double img {max-width: 730px; height: auto; }
#content div.column-full {width: 960px; }
#content div.column-full img {max-width: 960px; height: auto; }
#content div.column-narrow {width: 200px; font-size: 11px; line-height: 16px; }
#content div.column-last {margin-right: 0;}
#content div.single {border-top: none; padding: 0; }
div.column-content h1, div.column-content h2, div.column-content h3 {font-family: Georgia, serif; font-size: 40px; line-height: 46px; letter-spacing: -1px; margin-bottom: 30px; }
div.column-content h2 {font-size: 24px; line-height: 30px; }
div.column-content h3 {font-size: 22px; line-height: 28px; }
div.column p.heading, #footerColumn p.heading {font-size: 11px; text-transform: uppercase; }
#content div.column-content {font-size: 14px; line-height: 20px; }
#content ul.menu {border-bottom: solid 1px #ccc; margin-bottom: 15px; }
#content ul.menu li {font-size: 12px; font-weight: bold; padding: 10px 0; border-top: solid 1px #ccc; }
#content ul.menu ul {margin: 10px 0 5px 10px; border-left: solid 1px #ccc; padding-left: 10px; }
#content ul.menu ul li {border: none; font-size: 12px; font-weight: normal;}
#content ul.menu li.current-menu-item > a {color: #333; font-weight: bold; }
#content ul.menu li.current-menu-item > a:hover {color: #f99734;}
div.postInfo {margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #ccc; font-size: 12px; line-height: 18px; }
.posts {margin-bottom: 10px; }
.posts .post {padding-bottom: 10px; border-bottom: solid 1px #ddd; font-size: 12px; line-height: 18px; margin-bottom: 15px; }
.posts .post-last {margin-right: 0; }
.posts .post h2 {font-size: 12px; font-weight: bold; line-height: 18px; margin-bottom: 2px; }
.posts .post div.thumb {float: left; display: inline; margin: 0 20px 10px 0; }
.posts p.postmetadata, p.postmetadata {font-size: 10px; text-transform: uppercase; margin: 5px 0 5px; color: #999; }
.posts p.postmetadata a, h2.heading a, div.postInfo a, div.single a, a.highlight {color: #f99734;}
.posts p.postmetadata a:hover, h2.heading a:hover, div.postInfo a:hover, div.single a:hover, a.highlight:hover {text-decoration: underline; }
.posts .post-info {
overflow: hidden;
}
/*********************************************************************************************
2. Single Post/Page
*********************************************************************************************/
div.single {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 14px; line-height: 20px; }
div.single p {margin: 0 0 14px; }
div.single ul, div.single ol {margin-left: 20px; margin-bottom: 14px; }
div.single li {list-style-position: inside;}
div.single ul li {list-style-type: square;}
div.single ol li {list-style-type: decimal;}
div.single blockquote {margin-left: 20px; padding-left: 20px; font-style: italic; border-left: dotted 2px #aaa; }
div.single h2, div.single h3, div.single.h4, div.single h5, div.single h6 {margin: 14px 0; }
div.single .content-narrow .widget ul, div.single .content-narrow .widget ol {margin-left: 0;}
div.single .content-narrow .widget li {list-style-type: none; }
div.single h2, .content-narrow .widget h2 {font-size: 24px; }
div.single h3 {font-size: 20px; }
div.single h4 {font-size: 18px; }
div.single h5 {font-size: 16px; }
div.single h6 {font-size: 14px; }
.alignleft {float: left; display: inline; margin: 0 15px 10px 0; }
.alignright {float: right; display: inline; margin: 0 0 10px 15px; }
/*********************************************************************************************
3. Comments
*********************************************************************************************/
div.single ol.comments {padding: 1em 0; margin:0; }
div.single ol.comments a {text-decoration: none;}
div.single ol.comments a:hover {text-decoration: underline;}
div.single ol.comments div.comment-body {position: relative; }
div.single ol.comments div.reply {position: absolute; top: 0; right: 0; }
div.single ol.comments li {list-style-type: none; margin: 0 0 10px; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; border-top: solid 1px #ccc; padding-left: 15px; }
div.single ol.comments li ul.children {padding: 10px 0 0; }
div.single ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; }
div.single ol.comments {font-family: Helvetica, Arial, Tahoma, sans-serif; }
div.single ol.comments .vcard {}
div.single ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
div.single ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
div.single ol.comments cite.author {color: #333;}
div.single ol.comments span.says {display: none; }
div.single ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
div.single ol.comments blockquote {font-size: 12px; line-height: 18px; }
div.single ol.comments p {text-shadow: #fff 1px 1px 1px;}
div.single ol.comments li.comment {background-color: #f1f1f1; }
div.single ol.comments li.bypostauthor { background-color: #fff; }
.afterpost .navigation .alignleft a, div.single .reply a, .afterpost .navigation .alignright a, div.single .cancel-comment-reply a, .navigation a { background: #336699; color: #fff; padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; text-shadow: none; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, div.single .reply a:hover, div.single .cancel-comment-reply a:hover, .navigation a:hover { background: #cc0000; color: #fff; text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}
.navigation {margin: 10px 0; font-size: 18px; text-align: center; }
.navigation a {font-size: 11px; margin: 0 1px; padding: 5px 8px; }
#commentform {margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; }
#commentform input {clear: left; float: left; display: inline; width: 300px; padding: 6px 0 2px 5px; font-size: 12px; margin-bottom: 10px; }
#commentform textarea { width: 100%; height: 100px; padding: 2px; margin-bottom: 10px; }
#commentform input, #commentform textarea {background: #fff url(images/backSearch.png) repeat-x top left; border: 1px solid #ccc; color: #333; }
#commentform #submit {font-size: 11px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #0c5390; color: #fff; border: none; cursor: pointer; }
#commentform #submit:hover {background-color: #0a406f; }
#comments h2 {margin-bottom: 10px; }
/*********************************************************************************************
4. Footer
*********************************************************************************************/
#footer {font-size: 11px; color: #333; }
#footer div.wrap {border-top: solid 1px #f99734; padding: 25px 0 10px; }
#footer a {text-decoration: none; }
#footer a:hover {text-decoration: none; }
#footer h3 {font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 14px; color: #777; }
#footer p {text-align: left; }
#footer p.copy {display : block; text-align : center; font-size: 10px; color: #777;}
#footer p.copy a {color: #777; text-decoration: none;}
#footer p.copy a:hover { }
#footer ul {display: block; text-align: center; width : 370px; margin 0 auto; }
#footer ul li {display: inline; line-height: 18px; margin-right: 15px; font-size: 12px; font-weight: bold; }
#footerColumn {float: right; display: inline; width: 30%; margin: 0 0 10px 10px;}
#footerColumn div.textwidget p {line-height: 16px; font-size: 11px; color: #777; }
/*********************************************************************************************
5. Miscellaneous
*********************************************************************************************/
.widget ul.gallery li {float: left; display: inline; width: 75px; margin-right: 10px; margin-bottom: 15px; }
.widget ul.gallery li.last {margin-right: 0;}
div.widget {margin: 0 0 20px; }
.navigation p {text-align: center; font-size: 10px; }
.navigation a {font-size: 10px; font-weight: normal; }
/* Begin Images */
.single .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.single .alignright { margin: 0 0 5px 20px; display: inline; }
.single .alignleft { margin: 0 20px 5px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* Caption for images */
.single .wp-caption { background-color: #f9f9f9; border: solid 1px #e9e9e9; padding: 10px 8px; text-align:center; }
.single .wp-caption img { background:none; margin:0 0 10px; border:0 none; max-width:100%; width:auto; height:auto;}
.single .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; line-height: 1.4em; margin:0; padding:4px 0 0; text-align:center; }
.single .wp-caption.aligncenter { margin:0 auto 15px; }
#searchform label {display: none; }
#searchform input {float: left; display: inline; height: 20px; padding: 4px; border: solid 1px #d1d1d1; }
#searchform input#s {width: 145px;}
#searchform input#searchsubmit {cursor: pointer; border: none; font-size: 10px; text-transform: lowercase; font-weight: normal; height: 30px; padding:0 5px; background-color:#0c5390; color: #fff; margin-left: 2px; border: none; margin-bottom: 15px; }
#searchform input#searchsubmit:hover {background-color:#0a406f; }
div.single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px; }
div.single .gallery { margin: auto; text-align:center; clear:both; }
div.single .gallery img { border: solid 4px #eee;}
div.single .gallery-caption { margin-left: 0; }
div.single div.gallery img:hover {border: solid 4px #9acdea; }
/*********************************************************************************************
6. Homepage Slider
*********************************************************************************************/
#showcase {
position:relative;
}
#showcase li {
list-style-type: none;
}
#showcase .slides {
width:960px;
height:300px;
display:none;
}
#showcase .slides li {
width:960px;
height:300px;
display:block;
}
#showcase a.browse
{
background:transparent url(images/arrows.png) no-repeat 0 0;
cursor:pointer;
display:block;
font-size:1px;
height:39px;
position:absolute;
text-indent:-2000px;
top:43%;
width:39px;
z-index:30;
}
#showcase a.prev
{
background-position:0 0;
left: 10px;
}
#showcase a.prev:hover
{
background-position:0 -39px;
}
#showcase a.next
{
background-position:-39px 0;
right: 10px;
}
#showcase a.next:hover
{
background-position:-39px -39px; est ce qu'il ya quelqu'un qui peux m'aidé pour que je puisse centrer mon menu du pied de page du site
merci d'avance
a bientot
Modifié par 6l20 (27 Jan 2015 - 13:28)
