[RISOLTO] CSS e tabelle

[Roxas93]

Salve, ho un problema dovuto probabilmente ai css della skin di joomla. Mi spiego:

ho creato una tabella, questa

Codice: [Seleziona]

<center>
    <table bgcolor="#400000" border="1" cellspacing="0" style="color: #ffffff; border-width: 2pt; border-color: #000000; height: auto; vertical-align: middle; font-style: inherit; font-size: 10px;">
        <tbody>
            <tr>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; font-size: 10px; font-weight: bold;" valign="middle" width="60">
                    Traduzione</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; font-size: 10px; font-weight: bold;" valign="middle" width="60">
                    Adattamento</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; font-size: 10px; font-weight: bold;" valign="middle" width="60">
                    Check</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; font-size: 10px; font-weight: bold;" valign="middle" width="60">
                    Karaoke</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; font-size: 10px; font-weight: bold;" valign="middle" width="60">
                    Encode</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; font-size: 10px; font-weight: bold;" valign="middle" width="60">
                    Typesetting</td>
            </tr>
            <tr bgcolor="#FFFFFF">
                <td align="center" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; border-left: 0px solid #163e66;" valign="middle">
                    <img alt="" src="http://akuma-subs.com/images/ministaff/Waller.png" /></td>
                <td align="center" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66;" valign="middle">
                    <img alt="" height="128" src="http://akuma-subs.com/images/ministaff/Roxas.png" width="60" /></td>
                <td align="center" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66;" valign="middle">
                    <img alt="" class="alignnone" height="128" src="http://akuma-subs.com/images/ministaff/Xemnas.png" width="60" /></td>
                <td align="center" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66;" valign="middle">
                    <img alt="" height="128" src="http://akuma-subs.com/images/ministaff/Roxas.png" width="60" /></td>
                <td align="center" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66;" valign="middle">
                    <img alt="" height="128" src="http://akuma-subs.com/images/ministaff/Roxas.png" width="60" /></td>
                <td align="center" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66;" valign="middle">
                    <img alt="" height="128" src="http://akuma-subs.com/images/ministaff/Roxas.png" width="60" /></td>
            </tr>
            <tr>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; font-weight: bold; font-size: 12px;" valign="middle">
                    Waller</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; font-weight: bold; font-size: 12px;" valign="middle">
                    Roxas93</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; font-weight: bold; font-size: 12px;" valign="middle">
                    Xemnas92</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; font-weight: bold; font-size: 12px;" valign="middle">
                    Roxas93</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; font-weight: bold; font-size: 12px;" valign="middle">
                    Roxas93</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; font-weight: bold; font-size: 12px;" valign="middle">
                    Roxas93</td>
            </tr>
        </tbody>
    </table>
</center>

E in admin joomla me la vede correttamente



Mentre nel sito si vede così


http://akuma-subs.com/index.php?option=com_docman&task=cat_view&gid=42&Itemid=


Che sia un conflitto tra CSS? Se sì, come risolvo?

[adottauncane]

Ciao Roxas93,
per il padding delle immagini, lo togli da qui:

Codice: [Seleziona]

img {    border: medium none;    padding: 2px 5px; <--- metti 0
}template.css (riga 1191)

Il bordino, se lo vuoi, devi probabilmente impostarlo anche nelle celle, infatti qui non c'è:

Codice: [Seleziona]

<td align="center" style="text-align: center; color: #ffffff; border-top: 0px solid #000000; border-bottom: 0px solid #163e66; border-left: 0px solid #163e66;" valign="middle">

[Roxas93]

Ok, sistemato il padding, però adesso la prima immagine è ok mentre le altre hanno una fascia di pixel sia sopra che sotto (puoi controllare dal link al primo post).
Inoltre vorrei comunque che ci siano quelle linee di separazione come l'immagine in admin joomla.

EDIT: Adesso ho solo la secodna immagine che ha i bordi laterali... Ma comunque non mi piace il risultato, vorrei i bordi per ogni cella della tabbella.

[adottauncane]

Per le linee di separazione, come ti ho scritto sopra, devi controllare il border delle celle. Adesso credo che sia 0 come vedi anche dal tuo codice. Penso anche che quel filettino sia da correggere dall'editor, controlla sia la cella che la tabella. Mi è successo con un template di dover ripetere l'operazione inserimento border due volte, prima che la prendesse. Eventualmente edita a mano 1px.

[Roxas93]

Ok, sistemato... ora mi servirebbe solo capire come mettere un bordo a TUTTA la tabella esterna

[adottauncane]

Prova a togliere questa riga da qui:

* {    border: 0 none;    margin: 0;    padding: 0;}reset.css (riga 5)

Sovrascrivere l'editor.

[Roxas93]

Ok, ora è quasi perfetto, c'è solo un piccolo difetto: alla terza immagine c'è una linea bianca in più che non dovrebbe esserci.

Nel codice della rabella però non vedo niente di strano per la terza colonna...

Codice: [Seleziona]

<center>
    <table bgcolor="#400000" border="1" cellspacing="0" style="color: #ffffff; border-width: 2pt; border-color: #000000; height: auto; vertical-align: middle; font-style: inherit; font-size: 10px;">
        <tbody>
            <tr>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border: 1px solid #000000; font-size: 10px; font-weight: bold;" valign="middle" width="60">
                    Traduzione</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border: 1px solid #000000; font-size: 10px; font-weight: bold;" valign="middle" width="60">
                    Adattam.</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border: 1px solid #000000; font-size: 10px; font-weight: bold;" valign="middle" width="60">
                    Check</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border: 1px solid #000000; font-size: 10px; font-weight: bold;" valign="middle" width="60">
                    Karaoke</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border: 1px solid #000000; font-size: 10px; font-weight: bold;" valign="middle" width="60">
                    Encode</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border: 1px solid #000000; font-size: 10px; font-weight: bold;" valign="middle" width="60">
                    Typesetting</td>
            </tr>
            <tr bgcolor="#FFFFFF">
                <td align="center" style="text-align: center; color: #ffffff; border: 1px solid #000000;" valign="middle">
                    <img alt="" height="130" src="http://akuma-subs.com/images/ministaff/Waller.png" width="60" /></td>
                <td align="center" style="text-align: center; color: #ffffff; border: 1px solid #000000;" valign="middle">
                    <img alt="" height="130" src="http://akuma-subs.com/images/ministaff/Roxas.png" width="60" /></td>
                <td align="center" style="text-align: center; color: #ffffff; border: 1px solid #000000;" valign="middle">
                    <img alt="" height="130" src="http://akuma-subs.com/images/ministaff/Xemnas.png" width="60" /></td>
                <td align="center" style="text-align: center; color: #ffffff; border: 1px solid #000000;" valign="middle">
                    <img alt="" height="130" src="http://akuma-subs.com/images/ministaff/Roxas.png" width="60" /></td>
                <td align="center" style="text-align: center; color: #ffffff; border: 1px solid #000000;" valign="middle">
                    <img alt="" height="130" src="http://akuma-subs.com/images/ministaff/Roxas.png" width="60" /></td>
                <td align="center" style="text-align: center; color: #ffffff; border: 1px solid #000000;" valign="middle">
                    <img alt="" height="130" src="http://akuma-subs.com/images/ministaff/Roxas.png" width="60" /></td>
            </tr>
            <tr>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border: 1px solid #000000; font-weight: bold; font-size: 12px;" valign="middle">
                    Waller</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border: 1px solid #000000; font-weight: bold; font-size: 12px;" valign="middle">
                    Roxas93</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border: 1px solid #000000; font-weight: bold; font-size: 12px;" valign="middle">
                    Xemnas92</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border: 1px solid #000000; font-weight: bold; font-size: 12px;" valign="middle">
                    Roxas93</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border: 1px solid #000000; font-weight: bold; font-size: 12px;" valign="middle">
                    Roxas93</td>
                <td align="center" height="20" style="text-align: center; color: #ffffff; border: 1px solid #000000; font-weight: bold; font-size: 12px;" valign="middle">
                    Roxas93</td>
            </tr>
        </tbody>
    </table>
</center>


[adottauncane]

Non vedo nessun filetto nella terza colonna...

[Roxas93]

Terzo avatar, lato destro

[Roxas93]

Ok, come non detto. Era il nome "Xemnas92" ad essere troppo lungo.

Tutto ok, grazie per l'aiuto!

[adottauncane]

Prego. Ricordati il [RISOLTO]. Grazie mille.