Aiuto problema allineamento tabella....

[Payton]

Ciao a tutti, sto cercando di costruire un sito...
Per tenere allineato testo e dimmagine, ho pensato di inserire una tabella su un articolo di modo che riesco ad allineare il tutto...
Ma una volta salvato e fatto anteprima il risultato è questo:
http://www.antiquesrestauri.com/index.php?option=com_content&view=article&id=4&Itemid=102
Vorrei sapre perche mi fa cosi e dove posso risovere...
Grazie

[conti1]

ciao
non so se il template e commerciale o free  se è commerciale devi  rivolgerti sul loro forum, se free continua pure qui.
il tuo  problema e che hai un css che comanda  il td della tua tabella  x cui dovrai modificare il css esistente  altrimenti  puoi creare mille tabelle ma il problema rimane.

[Payton]

No questo è un template free...
Quindi dovrò andare a cercare la voce del css che richiama questo...sai aiutarmi?

[Dariodor]

Buongiorno,

Ti consiglio l'uso di Firefox e del plugin Firebug, con questi strumenti trovare l'errore è abbastanza facile.

nel file css predente in:
/templates/jt003_j25/css/styles.css

leggo alla riga 2:
vertical-align: baseline;
prova a sostituirlo con vertical-align: top;

il problema si risolve

[Payton]

Buongiorno,

Ti consiglio l'uso di Firefox e del plugin Firebug, con questi strumenti trovare l'errore è abbastanza facile.

nel file css predente in:
/templates/jt003_j25/css/styles.css

leggo alla riga 2:
vertical-align: baseline;
prova a sostituirlo con vertical-align: top;

il problema si risolve

Ho sostituito come dicevi tu ma resta tutto uguale...

[Dariodor]

Ho sostituito come dicevi tu ma resta tutto uguale...

Ho appena visualizzato la pagina, la seconda riga del file css in:
http://www.antiquesrestauri.com/templates/jt003_j25/css/styles.css
contiene ancora
vertical-align: baseline;
al posto di
vertical-align: top;
ti riporto di seguito lo spezzone:

Codice: [Seleziona]

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}


[conti1]

ciao
ma e cosi difficile senza stravolgere un template andare nel css styles.css riga 2
 e togliere il td  che da problemi?

ps: se  quel tag    vertical-align: baseline;

xche toglierlo?
non pensate che serva da qualche parte?
piuttosto creare un  css apposito   sarebbe non male come idea.


esempio

table td {    vertical-align: middle;}

in questo modo solo  nelle table agisce non  su altre parti del template.

[Dariodor]

Puoi dare una classe alla tabella:
<table class="tabellaprodotto">

e aggiungere una riga in fondo al file style css:

.tabellaprodotto td,
.tabellaprodotto tr,
.tabellaprodotto th{
   vertical-align: top;
}

così si sovrascrive la riga che da problemi