28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'essai de personnaliser le CSS d'un astore mais malgrès les différentes manipulations je n'arrive pas à mon but.

J'ai réussi à modifier le design avec l'aide d'un code source, j'ai commencé a regler les largeurs générales, et la j'aimerais aerer la présentation des produits, voir les agrandir aussi mais je n'y arrive pas... J'ai eu beau changer les mesures du wrap, du main, du featured-products... Rien n'y fait.

Est-ce que quelqu'un pourrait m'éclairer ?

Je poste ici le code (Petite modif je remplace les E du nom de domaine par des etoiles dans l'url de l'image importée, pour pas que le post soit référencé au nom du site) et l'adresse de l'astore est ici : http://astore.amazon.fr/p*rmath*qu*-21?_encoding=UTF8&node=6 (Pareil, j'ai remplacé les E par des * dans le nom d'utilisateur, désolé et merci de votre compréhension)

Je vous remercie d'avance parcque je lutte... Bonne soirée

/* PAGE STYLE */
body {
margin:24px;
padding:0px;
background:#E9EAEE;
color:#000000;
min-width:348px;
font-family:sans-serif;
font-size:9pt;
font-weight:500;
line-height:12pt;
text-decoration: none;
}
table {
font-family:sans-serif;
font-size:9pt;
}
form {
margin:0px;
}
a {
color: #686868;
text-decoration: underline;
}
a img{ border:none;}
hr {
border:0;
width:100%;
color:#262626;
background-color:#262626;
height:1px;
width:100%;
margin:6px 0px 12px 0px;
}
#wrap {
width:848px;
}
#rule {
height:1px;
background-color:#000000;
width:100%;
margin:6px 0px 12px 0px;
}
h2 {
font-size:16px;
font-weight:bold;
margin:0px;
padding:0px;
}
h3 {
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;
}

/* MAIN PAGE AREA */
#mainwrap {
float:left;
}
#main {
width:530px;
margin-bottom:19px;
overflow:hidden;
}
div#header {
background: none repeat scroll 0% 0% #262626;
padding:6px 24px 4px;
margin:0;
vertical-align:middle;
}
a#mainheadertitle {
padding:0px;
font-family:sans-serif;
font-size:15pt;
font-weight:normal;
line-height:1.5em;
color:#FFFFFF;
margin:0px;
text-align:left;
vertical-align:middle;
text-decoration:none;
}
a#mainheadertitle:hover {
text-decoration:underline;
}
td#mainheaderlogo {
padding:5px;
}
img#mainlogo {
padding-right:5px;
}
div#mainsubheader {
background:#F2F2F2;
padding:10px 24px;
vertical-align:middle;
}
div#contentsubheader {
width:482px;
overflow:hidden;
}
div#subheaderlinks {
float:right;
text-align:right;
}
div#subheadertitle {
font-size:12pt;
font-weight:bold;
}
div#contenterror {
background:#FFFFFF;
padding:14px 24px;
}
span.currentpage {
font-weight:bold;
}

span.error {
font-weight:bold;
}

/* SIDEBAR */
#sidebar {
float:right;
width:200px;
overflow:hidden;
}
#sidebar ul {
margin-bottom:0;
}
#sidebar h3, #sidebar p {
padding:0 10px;
}

/* GENERAL SIDEBAR WIDGET STYLES */
ul#widget,ul.widget li.widget {
margin:0;
padding:0;
list-style:none;
}
li.widget {
float:left;
width:200px;
margin-bottom:19px;
}
ul#widget div {
background:#FFFFFF;
}
ul#widget h3 {
font-family:sans-serif;
font-size: 10pt;
font-weight: bold;
color:#FFFFFF;
margin:0px;
padding:6px 15px 4px;
text-align:left;
background:#262626;
}
ul#widget p {
font-family:sans-serif;
font-size: 9pt;
font-weight: normal;
color:#000000;
margin:0px;
padding: 10px 15px 20px;
}

/* SEARCHBROWSE WIDGET */
div#searchbrowse {
padding:14px;
}
div#searchbrowse div.indent {
padding: 5px 0px 5px 15px;
}
select.searchwidget {
width:173px;
margin-bottom:6px;
}
input#searchwidgetkeywords {
width:134px;
}
span#SearchAtAmazon {
font-size: 8pt;
}
div#browsetitle {
font-weight:bold;
padding-bottom:7px;
}
span.selectedcategory {
font-weight:bold;
}

/* LISTMANIA WIDGET */
div.listwidget {
padding-bottom:16px;
}
ul.listmania {
margin:0px;
padding:0px;
list-style:none;
}
ul.listmania li {
margin:0px;
padding:5px;
padding-left:10px;
list-style:none;
text-align:center;
}
ul.listmania li.clsOdd,li.listimages {
background-color:#FFFFFF;
}
ul.listmania li.clsEven {
background-color:#FFFFFF;
}

img.listimage {
display:block;
margin-left:auto;
margin-right:auto;
}

/* PRODUCTS WIDGETS */
div.productwidget {
padding:0px;
padding-bottom:16px;
}
div.productwidget .price {
font-weight:bold;
}
table.sidebarproducts {
font-family:sans-serif;
font-size:9pt;
width:200px;
}
table.sidebarproducts td {
padding:5px;
}
table.sidebarproducts td.image {
vertical-align:top;
width:75px;
}
table.sidebarproducts td.text {
vertical-align:middle;
width:115px;
}
table.sidebarproducts span.listtitle {
font-weight:bold;
}
div.privacylink {
padding: 2px 5px;
font-size:7pt;
text-align:center;
}

/* FOOTER */
div#footer {
width:530px;
margin-bottom:28px;
color:#262626;
border-top:1px solid #262626;
}
div#footer p {
padding:5px;
margin:0;
}
div#leftfoot {
float:left;
width:430px;
}
div#rightfoot {
float:right;
width:100px;
text-align:right;
}

/* WISHLIST WIDGET */
div#wishlist_page_link
{
padding:7px 5px 5px;
}

/*Associate Provided CSS*/
#wrap
{
margin: 0px auto;
background-repeat : no-repeat;
left: 50px;
}

body
{
background-image : url('http://www.p*rmath*qu*.fr/wp-content/themes/Aggregate/images/content-bg.png');
background-repeat : repeat;
}

#mainwrap
{
width: 848px;
background-color: #ffffff;
margin-bottom: 30px;
-webkit-box-shadow: 0px 7px 15px 1px #3d3d3d;
box-shadow: 0px 7px 15px 1px #3d3d3d;
}

#footer
{
padding-left: 25px;
}

#main
{
width: 648px;
}

#sidebar
{
margin-left: 648px;
width: 202px;
border:none;
position: absolute;
}

#wrap::after
{
content: '';
display: block;
clear: both;
}



div#featuredProducts {
background:#FFFFFF;
padding:14px 24px;
}
div#featuredProducts .price {
font-weight:bold;
}
table.products {
width:482px;
font-family:sans-serif;
font-size:9pt;
}
table.products td {
width:33%;
padding:5px;
}
table.products tr.pagination {
text-align:center;
}
table.products tr.imagerow td {
vertical-align:bottom;
}
table.products tr.textrow td {
vertical-align:top;
padding-bottom:20px;
}