- Statut : non résolu
- Ce sujet contient 5 réponses, 3 participants et a été mis à jour pour la dernière fois par
Manny, le il y a 14 années et 10 mois.
6 sujets de 1 à 6 (sur un total de 6)
-
AuteurMessages
-
22 mars 2010 à 8 h 34 min #480380
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : 2.9
– Version de PHP/MySQL :
– Thème utilisé :
– Extensions en place :
– Nom de l’hebergeur :
– Adresse du site :Problème(s) rencontré(s) : Quand je centre une image dans l’édition d’un article, cette dernière reste à gauche une fois l’article posté.
Que et quoi modifier dans un fichier css, PHP.
Merci pour votre aide
22 mars 2010 à 16 h 14 min #719541Hello sylvainbr,
C’est sûrement ton fichier .css qui ne contient pas le paramétrage nécessaire pour l’alignement des images.
Essaie d’ajouter cela tout en bas de ton fichier .css pour voir :
.alignright {
float: right;
}
.alignleft {
float: left;
}Sinon, copie/colle ton fichier .css pour qu’on y jette un coup d’oeil !
🍺
22 mars 2010 à 19 h 09 min #719542Manny wrote:Hello sylvainbr,C’est sûrement ton fichier .css qui ne contient pas le paramétrage nécessaire pour l’alignement des images.
Essaie d’ajouter cela tout en bas de ton fichier .css pour voir :
.alignright {
float: right;
}
.alignleft {
float: left;
}Sinon, copie/colle ton fichier .css pour qu’on y jette un coup d’oeil !
🍺
Manny,
j’ai essayé mais sans succès.
Et donc voici le fichier style.css
/*
Theme Name: host
Theme URI: http://themeswordpress.fr
Description: theme wordpress compatible widgetes
Version: 1.0
Author: themeswordpress.fr
Author URI: http://themeswordpress.fr
Tags: widgets, valid XHTML
*/
/* begin Page */
body
{
margin: 0 auto;
padding: 0;
background-color: #819292;
background-image: url(‘images/Page-BgTexture.jpg’);
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
}
.Main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.PageBackgroundGradient
{
background-image: url(‘images/Page-BgGradient.jpg’);
background-repeat: repeat-x;
height: 278px;
}
.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}
/* end Page */
/* begin Box, Sheet */
.Sheet
{
overflow: hidden;
min-width:43px;
min-height:43px;
margin: 0 auto;
position: relative;
z-index: 0;
width: 1018px;
}
.Sheet-body
{
position: relative;
z-index: 0;
margin: 8px;
}
.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 21px;
height: 21px;
background-image: url(‘images/Sheet-s.png’);
}
.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 21px;
height: 21px;
}
.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -21px;
width: 42px;
height: 42px;
background-image: url(‘images/Sheet-s.png’);
}
.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 21px;
height: 21px;
}
.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -21px;
left: 0;
width: 42px;
height: 42px;
background-image: url(‘images/Sheet-s.png’);
}
.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 21px;
height: 21px;
}
.Sheet-br div
{
position: absolute;
z-index: -1;
top: -21px;
left: -21px;
width: 42px;
height: 42px;
background-image: url(‘images/Sheet-s.png’);
}
.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 21px;
right: 21px;
height: 21px;
}
.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 42px;
background-image: url(‘images/Sheet-h.png’);
}
.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 21px;
right: 21px;
height: 21px;
}
.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -21px;
left: 0;
width: 100%;
height: 42px;
background-image: url(‘images/Sheet-h.png’);
}
.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 21px;
left: 0;
width: 21px;
bottom: 21px;
}
.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 42px;
height: 100%;
background-image: url(‘images/Sheet-v.png’);
}
.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 21px;
right: 0;
width: 21px;
bottom: 21px;
}
.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -21px;
width: 42px;
height: 100%;
background-image: url(‘images/Sheet-v.png’);
}
.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 21px;
left: 21px;
right: 21px;
bottom: 21px;
background-image: url(‘images/Sheet-c.png’);
}
.Sheet
{
margin-top: 50px !important;
}
/* end Box, Sheet */
/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 1000px;
height: 220px;
}
div.Header-png
{
position: absolute;
z-index:-2;
top: 0;
left: 0;
width: 1000px;
height: 220px;
background-image: url(‘images/Header.png’);
background-repeat: no-repeat;
background-position: left top;
}
div.Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 1000px;
height: 220px;
background-image: url(‘images/Header.jpg’);
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
/* begin Logo */
.logo
{
display : block;
position: absolute;
left:220px;
top: 10px;
width: 800px;
}
h1.logo-name
{
display: block;
text-align: left;
}
h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
font-family: « Comic Sans MS », Tahoma, Arial, Sans-Serif;
font-size: 32px;
font-style: normal;
font-weight: bold;
text-decoration: none;
font-variant: small-caps;
padding:0;
margin:0;
color: #FFFFFF !important;
}
.logo-text
{
display: block;
text-align: left;
}
.logo-text, .logo-text a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
padding:0;
margin:0;
color: #312616 !important;
}
/* end Logo */
/* begin Menu */
/* menu structure */
.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}
.artmenu, .artmenu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.artmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}
.artmenu li:hover
{
z-index: 10000;
white-space: normal;
}
.artmenu li li
{
float: none;
}
.artmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}
.artmenu li:hover>ul
{
visibility: visible;
top: 100%;
}
.artmenu li li:hover>ul
{
top: 0;
left: 100%;
}
.artmenu:after, .artmenu ul:after
{
content: « . »;
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenu, .artmenu ul
{
min-height: 0;
}
.artmenu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.artmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* menu structure */
.nav
{
position: relative;
margin: 0 auto;
width: 884px;
height: 28px;
z-index: 100;
}
.artmenu
{
padding: 3px 3px 3px 3px;
}
.nav .l, .nav .r, .nav .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 28px;
}
.nav .l
{
left: 0;
right: 0px;
}
.nav .r
{
right: 0;
width: 0px;
}
.nav .r div
{
width: 884px;
right: 0;
}
.nav .l, .nav .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url(‘images/nav.png’);
}
/* end Menu */
/* begin MenuItem */
.artmenu ul li
{
clear: both;
}
.artmenu a , .artmenu a span
{
height: 22px;
display: block;
}
.artmenu a
{
cursor: pointer;
text-decoration: none;
margin-right: 3px;
margin-left: 3px;
}
.artmenu a
{
background-image: url(‘images/item-left.png’);
background-position: left top;
background-repeat: no-repeat;
}
.artmenu a span
{
background-image: url(‘images/item-right.png’);
background-position: right top;
background-repeat: no-repeat;
}
.artmenu a span span
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #764C05;
padding: 0 5px;
margin: 0 8px;
line-height: 22px;
text-align: center;
background-image: url(‘images/item-center.png’);
background-position: left top;
background-repeat: repeat-x;
}
.artmenu a:hover
{
background-position: left -22px;
}
.artmenu li:hover>a
{
background-position: left -22px;
}
.artmenu li:hover a span
{
background-position: right -22px;
}
.artmenu a:hover span
{
background-position: right -22px;
}
.artmenu a:hover span span
{
color: #212626;
background-position: left -22px;
}
.artmenu li:hover a span span
{
color: #212626;
background-position: left -22px;
}
.artmenu a.active
{
background-position: left -44px;
}
.artmenu a.active span
{
background-position: right -44px;
}
.artmenu a.active span span
{
color: #FCE2B6;
background-position: left -44px;
}
/* end MenuItem */
/* begin MenuSeparator */
.nav .separator
{
display: block;
width: 1px;
height: 22px;
background-image: url(‘images/item-separator.png’);
}
/* end MenuSeparator */
/* begin MenuSubItem */
.artmenu ul a
{
text-align: center;
height: 24px;
line-height: 24px;
margin-right: auto;
width: 177px;
background-image: url(‘images/subitem-bg.png’);
background-position: left top;
background-repeat: repeat-x;
border-width: 1px;
border-style: solid;
border-color: #DC8F09;
}
.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}
.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 24px;
color: #FEF3E2;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}
.artmenu ul ul a
{
margin-left: auto;
}
.artmenu ul li a:hover
{
color: #070808;
border-color: #A26907;
background-position: 0 -24px;
}
.artmenu ul li:hover>a
{
color: #070808;
border-color: #A26907;
background-position: 0 -24px;
}
.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
color: #070808;
}
.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
color: #070808;
}
/* end MenuSubItem */
/* begin Box, Block */
.Block
{
overflow: hidden;
min-width:11px;
min-height:11px;
margin: 0 auto;
position: relative;
z-index: 0;
}
.Block-body
{
position: relative;
z-index: 0;
margin: 9px;
}
.Block-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 9px;
height: 9px;
background-image: url(‘images/Block-s.png’);
}
.Block-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 9px;
height: 9px;
}
.Block-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -9px;
width: 18px;
height: 18px;
background-image: url(‘images/Block-s.png’);
}
.Block-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 9px;
height: 9px;
}
.Block-bl div
{
position: absolute;
z-index: -1;
top: -9px;
left: 0;
width: 18px;
height: 18px;
background-image: url(‘images/Block-s.png’);
}
.Block-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 9px;
height: 9px;
}
.Block-br div
{
position: absolute;
z-index: -1;
top: -9px;
left: -9px;
width: 18px;
height: 18px;
background-image: url(‘images/Block-s.png’);
}
.Block-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 9px;
right: 9px;
height: 9px;
}
.Block-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 18px;
background-image: url(‘images/Block-h.png’);
}
.Block-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 9px;
right: 9px;
height: 9px;
}
.Block-bc div
{
position: absolute;
z-index: -1;
top: -9px;
left: 0;
width: 100%;
height: 18px;
background-image: url(‘images/Block-h.png’);
}
.Block-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 9px;
left: 0;
width: 9px;
bottom: 9px;
}
.Block-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 18px;
height: 100%;
background-image: url(‘images/Block-v.png’);
}
.Block-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 9px;
right: 0;
width: 9px;
bottom: 9px;
}
.Block-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -9px;
width: 18px;
height: 100%;
background-image: url(‘images/Block-v.png’);
}
.Block-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 9px;
left: 9px;
right: 9px;
bottom: 9px;
background-image: url(‘images/Block-c.png’);
}
.Block
{
margin: 10px;
}
/* end Box, Block */
/* begin BlockHeader */
.BlockHeader
{
position: relative;
overflow: hidden;
height: 30px;
z-index: 0;
line-height: 30px;
padding: 0 10px;
margin-bottom: 0px;
}
.BlockHeader-text
{
white-space : nowrap;
color: #845606;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-variant: small-caps;
line-height: 30px;
}
.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 30px;
}
.BlockHeader .l
{
left: 0;
right: 0px;
}
.BlockHeader .r
{
right: 0;
width: 0px;
}
.BlockHeader .r div
{
width: 898px;
right: 0;
}
.header-tag-icon
{
display:inline-block;
background-position:left top;
background-image: url(‘images/BlockHeaderIcon.png’);
padding:0 0 0 19px;
background-repeat: no-repeat;
min-height: 9px;
margin: 0 0 0 5px;
}
/* end BlockHeader */
/* begin Box, BlockContent */
.BlockContent
{
overflow: hidden;
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
z-index: 0;
}
.BlockContent-body
{
position: relative;
z-index: 0;
margin: 10px;
}
.BlockContent-body
{
color:#1F2323;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
.BlockContent-body a:link
{
color: #935F06;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.BlockContent-body a:visited, .BlockContent-body a.visited
{
color: #798B8B;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.BlockContent-body a:hover, .BlockContent-body a.hover
{
color: #C47F08;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
.BlockContent-body ul
{
list-style-type: none;
color: #0E1010;
margin:0;
padding:0;
}
.BlockContent-body li
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
.BlockContent-body ul li
{
padding:0px 0 0px 16px;
background-image: url(‘images/BlockContentBullets.png’);
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}
/* end Box, BlockContent */
/* begin Box, Post */
.Post
{
overflow: hidden;
min-width:31px;
min-height:31px;
margin: 0 auto;
position: relative;
z-index: 0;
}
.Post-body
{
position: relative;
z-index: 0;
margin: 13px;
}
.Post-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 19px;
height: 19px;
background-image: url(‘images/Post-s.png’);
}
.Post-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 19px;
height: 19px;
}
.Post-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -19px;
width: 38px;
height: 38px;
background-image: url(‘images/Post-s.png’);
}
.Post-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 19px;
height: 19px;
}
.Post-bl div
{
position: absolute;
z-index: -1;
top: -19px;
left: 0;
width: 38px;
height: 38px;
background-image: url(‘images/Post-s.png’);
}
.Post-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 19px;
height: 19px;
}
.Post-br div
{
position: absolute;
z-index: -1;
top: -19px;
left: -19px;
width: 38px;
height: 38px;
background-image: url(‘images/Post-s.png’);
}
.Post-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 19px;
right: 19px;
height: 19px;
}
.Post-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 38px;
background-image: url(‘images/Post-h.png’);
}
.Post-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 19px;
right: 19px;
height: 19px;
}
.Post-bc div
{
position: absolute;
z-index: -1;
top: -19px;
left: 0;
width: 100%;
height: 38px;
background-image: url(‘images/Post-h.png’);
}
.Post-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 19px;
left: 0;
width: 19px;
bottom: 19px;
}
.Post-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 38px;
height: 100%;
background-image: url(‘images/Post-v.png’);
}
.Post-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 19px;
right: 0;
width: 19px;
bottom: 19px;
}
.Post-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -19px;
width: 38px;
height: 100%;
background-image: url(‘images/Post-v.png’);
}
.Post-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 19px;
left: 19px;
right: 19px;
bottom: 19px;
background-image: url(‘images/Post-c.png’);
}
.Post
{
margin: 10px;
}
/* Start images */
a img
{
border: 0;
}
.article img, img.article
{
border-style: solid;
border-width: 0px;
border-color: #819292;
}
.metadata-icons img
{
border: none;
vertical-align: middle;
margin:2px;
}
/* Finish images */
/* Start tables */
.article table, table.article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}
.article table, table.article .article tr, .article th, .article td
{
background-color:Transparent;
}
.article th, .article td
{
padding: 2px;
border: solid 1px #819292;
vertical-align: top;
text-align:left;
}
.article th
{
text-align:center;
vertical-align:middle;
padding: 7px;
}
/* Finish tables */
/* end Box, Post */
/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: « Comic Sans MS », Tahoma, Arial, Sans-Serif;
font-size: 25px;
text-align: center;
color: #6C4604;
}
.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
{
font-family: « Comic Sans MS », Tahoma, Arial, Sans-Serif;
font-size: 25px;
text-align: center;
color: #6C4604;
}
/* end PostHeaderIcon */
/* begin PostHeader */
.PostHeader a:link
{
font-family: « Comic Sans MS », Tahoma, Arial, Sans-Serif;
text-decoration: none;
font-variant: small-caps;
color: #845606;
}
.PostHeader a:visited, .PostHeader a.visited
{
font-family: « Comic Sans MS », Tahoma, Arial, Sans-Serif;
text-decoration: none;
font-variant: small-caps;
color: #6D7E7E;
}
.PostHeader a:hover, .PostHeader a.hovered
{
font-family: « Comic Sans MS », Tahoma, Arial, Sans-Serif;
text-decoration: none;
font-variant: small-caps;
color: #4C5757;
}
/* end PostHeader */
/* begin PostMetadata */
.PostMetadataHeader
{
background-color: #F9C367;
border-color: #F6AC2C;
border-style: dotted;
border-width: 0px;
padding:3px;
}
/* end PostMetadata */
/* begin PostIcons */
.PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-align: center;
color: #3C2F1B;
}
.PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
{
margin:0;
}
.PostHeaderIcons a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #181B1B;
}
.PostHeaderIcons a:visited, .PostHeaderIcons a.visited
{
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #475252;
}
.PostHeaderIcons a:hover, .PostHeaderIcons a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: underline;
color: #935F06;
}
/* end PostIcons */
/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #242929;
}
.PostContent
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
text-align: justify;
color: #242929;
}
.PostContent img
{
margin: 1em;
}
/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #9D6607;
}
/* Adds special style to an unvisited link. */
a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #9D6607;
}
/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #667575;
}
/* :hover – adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #4C5757;
}
/* Finish Content link style */
/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}
/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: « Comic Sans MS », Tahoma, Arial, Sans-Serif;
font-size: 27px;
color: #4C5757;
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: « Comic Sans MS », Tahoma, Arial, Sans-Serif;
font-size: 25px;
color: #4C5757;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: « Comic Sans MS », Tahoma, Arial, Sans-Serif;
font-size: 16px;
color: #667575;
}
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: « Comic Sans MS », Tahoma, Arial, Sans-Serif;
font-size: 14px;
color: #242929;
}
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: « Comic Sans MS », Tahoma, Arial, Sans-Serif;
font-size: 13px;
color: #242929;
}
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: « Comic Sans MS », Tahoma, Arial, Sans-Serif;
font-size: 11px;
color: #242929;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */
/* begin PostBullets */
/* Start Content list */
ul
{
list-style-type: none;
color: #343C3C;
margin:0;
padding:0;
}
li
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
.Post ul li
{
padding:0px 0 0px 12px;
background-image: url(‘images/PostBullets.png’);
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}
/* Finish Content list */
/* end PostBullets */
/* begin PostQuote */
/* Start blockquote */
blockquote p
{
color:#151009;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
blockquote
{
border:1px solid #F9C367;
margin:10px 10px 10px 50px;
padding:5px 5px 5px 28px;
background-color:#FCE0B1;
background-image:url(‘images/PostQuote.png’);
background-position:left top;
background-repeat:no-repeat;
}
/* Finish blockuote */
/* end PostQuote */
/* begin PostMetadata */
.PostMetadataFooter
{
background-color: #F9C367;
border-color: #F6AC2C;
border-style: solid;
border-width: 0px;
padding:3px;
}
/* end PostMetadata */
/* begin PostIcons */
.PostFooterIcons, .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-align: center;
color: #4A3A21;
}
.PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover
{
margin:0;
}
.PostFooterIcons a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #181B1B;
}
.PostFooterIcons a:visited, .PostFooterIcons a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #475252;
}
.PostFooterIcons a:hover, .PostFooterIcons a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: underline;
color: #935F06;
}
/* end PostIcons */
/* begin Button */
button.Button, a.Button
{
position:relative;
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:28px;
height:28px;
margin:0;
padding:0;
overflow: visible;
cursor: default;
text-decoration: none !important;
}
/*This HACK needed for ie7 (button position)*/
*:first-child+html button.Button, *:first-child+html a.Button
{
display:list-item;
list-style-type:none;
float:left;
}
.Button .btn
{
position: relative;
overflow: hidden;
display: block;
width: auto;
z-index: 0;
height: 28px;
color: #FEF5E7;
white-space: nowrap;
float: left;
}
.Button .t
{
height:28px;
white-space: normal;
padding: 0 20px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
text-align: left;
line-height: 28px;
text-decoration: none !important;
}
input, select
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
}
.Button .active
{
color: #F4F6F6;
}
.Button .hover, a.Button:hover
{
color: #F9F6F1;
text-decoration: none !important;
}
.Button .active .r
{
top: -56px;
}
.Button .hover .r
{
top: -28px;
}
.Button .r
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 5px;
height: 84px;
}
.Button .r span
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width:411px;
height: 84px;
}
.Button .active .l
{
top: -56px;
}
.Button .hover .l
{
top: -28px;
}
.Button .l
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
right: 5px;
height: 84px;
}
.Button .l, .Button .r span
{
background-image: url(‘images/Button.png’);
}
/* end Button */
/* begin Footer */
.Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 884px;
margin: 5px auto 0px auto;
}
.Footer .Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 10px;
text-align: center;
}
.Footer .Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url(‘images/Footer.png’);
width: 884px;
height: 100px;
bottom:0;
left:0;
}
.rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url(‘images/rssIcon.png’);
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 22px;
width: 22px;
}
.Footer .Footer-text p
{
margin: 0;
}
.Footer .Footer-text
{
display:inline-block;
color:#C0C8C8;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
}
.Footer .Footer-text a:link
{
text-decoration: none;
color: #F8C162;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.Footer .Footer-text a:visited
{
text-decoration: none;
color: #C3CBCB;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.Footer .Footer-text a:hover
{
text-decoration: none;
color: #FBD593;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
/* end Footer */
/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#BEC6C6;
}
.page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#5F6D6D;
}
/* end PageFooter */
/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 780px;
}
/* end LayoutCell */
/* begin LayoutCell */
.contentLayout .sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 220px;
}
/* end LayoutCell */
.commentlist, .commentlist li
{
background: none;
}
.commentlist li li
{
margin-left:30px;
}
.commentlist li .avatar
{
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
#commentform textarea
{
width: 100%;
padding: 2px;
}
.navigation
{
display: block;
text-align: center;
}
/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.wp-caption
{
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End */
.hidden
{
display: none;
}
/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}22 mars 2010 à 19 h 34 min #719543sylvainbr wrote:j’ai essayé mais sans succès.Bonsoir
Manny que ce soit avec float:right ou float:left, tu ne parviendras jamais à centrer une image.
22 mars 2010 à 21 h 20 min #719544Je viens d’essayé de centré à droite cette image avec succès, mais la centrer au milieu nada. Snif snif ….
23 mars 2010 à 0 h 50 min #719545jessy wrote:sylvainbr wrote:j’ai essayé mais sans succès.Bonsoir
Manny que ce soit avec float:right ou float:left, tu ne parviendras jamais à centrer une image.
Ouhlala, je suis vraiment confus 😳
Quand j’ai lu ton post Sylvain, j’ai lu quelque chose et j’ai pensé très fortement à une autre, c’est à dire les problèmes d’alignement, désolé…
Bon alors on va procéder de façon un peu pus soignée :
– D’abord, est-ce que tu as regardé avec l’analyseur SGML si ton code est correct ? Il y a peut être des erreurs de code dans ton thème.
– Est-ce que cela le fait sous plusieurs navigateurs ?
– J’ai parfois eu des problèmes en utilisant le text-align:justify; sur certains vieux thèmes, si tu le désactives (.post-content), ça te donne quoi ?Par ailleurs :
1. Veilles à ce que dans ton .css, les alignements soient définis comme dans ce lien (WordPres Generated Classes) : http://codex.wordpress.org/CSS#Wordpress_Generated_Classes
J’ai l’impression que c’est le cas, mais on sait jamais…
Il y a parfois des thèmes anciens qui sont obsolètes et n’ont pas définis correctement les alignements et le centrage.
2. Essaie de switcher entre ton thème, et le thème par défaut, pour voir si le problème persiste.
3. Si cela persiste, essaie de désactiver ton plugin, au cas où il y aurait des interférences (s’il y en a, réactive les un par un, et tu trouveras le fautif)Tiens nous au courant !
🍺
-
AuteurMessages
6 sujets de 1 à 6 (sur un total de 6)
- Vous devez être connecté pour répondre à ce sujet.