-
Aiuto CSS
Salve a tutti! Il problema sta nel fatto che non riesco a mettere la descrizione dell'oggetto, vicino alla foto come potete notare in questo link
http://matteo90.altervista.org/blog/...eige-finish-2/
Io sinceramente non essendo un esperto non so che parte del css qua sotto modificare.
Grazie a chi saprà darmi una mano!
Codice:
/*version 1.7*/
table.amazon-product-table {
border-collapse : collapse;
border : 0 none !important ;
width : 100%;
}
table.amazon-product-table td {
border : 5 none !important ;
padding : 0 !important ;
}
div.amazon-image-wrapper {
text-align : center;
width : 170px;
float : left;
padding : 0 10px 0 10px;
}
table.amazon-product-table hr {
display : block;
}
span.amazon-tiny {
font-size : 10px;
}
div.amazon-buying {
text-align : left;
}
h2.amazon-asin-title {
margin : 0 0 5px 0;
line-height : 1.25;
font-size : 10pt;
}
span.asin-title {
text-align : left;
}
span.amazon-author {
color : #666;
font-size : 12px;
}
span.amazon-starring-label {
color : #999;
font-size : 10px;
}
span.amazon-director-label {
color : #999;
font-size : 10px;
}
span.amazon-rating-label {
color : #999;
font-size : 10px;
}
span.amazon-starring {
color : #666;
font-size : 12px;
}
span.amazon-director {
color : #666;
font-size : 12px;
}
span.amazon-rating {
color : #666;
font-size : 12px;
}
table.amazon-product-price {
border-collapse : collapse;
border : 0 none;
/*width : auto;*/
padding : 0 !important ;
}
table.amazon-product-price a img.amazon-image {
background-color : transparent !important ;
border : 0 none !important ;
}
th.amazon-post-text {
text-align : left;
padding : 1px !important ;
}
td.amazon-list-price-label {
font-size : 10px;
color : #666;
text-align : left;
width : 10%;
}
td.amazon-list-price {
width : 90%;
text-decoration : line-through;
text-align : left;
}
td.amazon-price-label {
font-size : 10px;
color : #666;
text-align : left;
width : 10%;
}
td.amazon-price {
font-size : 14px;
color : #800000;
font-weight : bold;
text-align : left;
}
td.amazon-new-label {
font-size : 10px;
color : #666;
text-align : left;
width : 10%;
}
td.amazon-new {
font-size : 14px;
color : #800000;
text-align : left;
font-weight : bold;
}
td.amazon-used-label {
font-size : 10px;
color : #666;
text-align : left;
width : 10%;
}
td.amazon-used {
color : #666;
text-align : left;
}
div.amazon-dates {
padding : 0 !important ;
text-align : left;
}
div.amazon-dates span.amazon-preorder {
font-weight : bold;
color : #d16601;
text-align : left;
}
div.amazon-dates span.amazon-release-date {
font-size : 10px;
color : #666;
text-align : left;
}
span.instock {
font-size:8pt;
color:#008000;
}
span.outofstock {
font-size:8pt;
color:#800000;
}
div.appip-multi-divider {
margin:10px 0;
}
-
Devi usare il float
EDIT: consiglio: non usare le tabelle, ma prova ad usare i div che a mio avviso è molto più semplice.
-
L'uso di tabelle è giusto usare tabelle per una dato tabellato, dopotutto servono a quello.
Per quanto riguarda la tua richiesta Matteo credo che dovresti riprogettare davvero l'intera pagina dato che la tabella che contiene il testo si pone sotto le prime due, quella con la foto a sinistra e quella con il titolo a sinistra.
Più che con i css dovresti ritoccare l'html per mettere una seconda tabella sotto il titolo e mettere il testo.
Il problema è che se c'è molto testo questo ti va molto in giù allungando il tutto con un effetto orrendo.