tabella

[progettireader]

salve.
sto creando le tabelle per il mio spazio web, solo che, come vi faccio vedere, la tabella non è chiusa. sopra non c'è la linea che chiude e nemmeno a destra. come mai?

https://progettireader.altervista.org/futuri/

[frasidipace]

Salve,
la table ha un border-style: none inline, per cui il border-top e border-right che ha inserito non ha effetto.

Saluti

[progettireader]

e quindi come posso sistemare? devo cancellare border-style: none dal codice?

[progettireader]

il codice è questo

<table class=" aligncenter" style="width: 350px; border-collapse: collapse;">
<tbody>
<tr>
<td style="text-align: center;" colspan="2;">Volume 2</td>
</tr>
<tr>
<td style="width: 50%;"><img class="alignnone size-full wp-image-135" src="https://progettireader.altervista.org/wp-content/uploads/2023/06/cover2.jpg" alt="" width="147" height="213" /></td>
<td style="width: 50%; text-align: center; vertical-align: middle;">ciao
ciao</td>
</tr>
</tbody>
</table>

[frasidipace]

Quel codice non lo rilevo.
Rilevo questo:

<table style="height: 192px; width: 64%; border-collapse: collapse; border-style: none;">

La pagina a cui fa riferimento è quella indicata nel primo post?
In quella pagina non rilevo il file cover2.jpg.

Saluti

[progettireader]

si ha ragione perche ho copiato male

la pagina è questa che corrisponde al codice
https://progettireader.altervista.or...ribocchi-ruka/


ma anche qui c'è lo stesso problema
https://progettireader.altervista.org/futuri/


e il codice è questo

<div align="center">
<table style="height: 192px; width: 64%; border-collapse: collapse; border-style: none;">
<tbody>
<tr style="height: 77px;">
<td style="width: 20%; height: 77px;">

[caption id="attachment_67" align="aligncenter" width="120"]<img class="wp-image-67 size-full" src="https://progettireader.altervista.org/wp-content/uploads/2023/06/Hitoribocchi.jpg" alt="" width="120" height="50" /> <a href="https://progettireader.altervista.org/hitoribocchi-ruka/">Hitoribocchi Ruka</a>[/caption]</td>
<td style="width: 20%; height: 77px;">

[caption id="attachment_79" align="aligncenter" width="120"]<img class="wp-image-79 size-full" src="https://progettireader.altervista.org/wp-content/uploads/2023/06/LadyFolbrokes.jpeg" alt="prova" width="120" height="50" /> <a href="https://progettireader.altervista.org/lady-folbrokes-delicious-deception/">Lady folbroke's Delicious</a>[/caption]</td>
<td style="width: 20%; height: 77px;">

[caption id="attachment_81" align="aligncenter" width="120"]<img class="wp-image-81 size-full" src="https://progettireader.altervista.org/wp-content/uploads/2023/06/yamisite.png" alt="" width="120" height="50" /> <a href="https://progettireader.altervista.org/monitoring-yami-site/">Monitoring yami site</a>[/caption]</td>
<td style="width: 20%; height: 77px;">

[caption id="attachment_82" align="aligncenter" width="120"]<img class="wp-image-82 size-full" src="https://progettireader.altervista.org/wp-content/uploads/2023/06/Thecityofwind.jpg" alt="" width="120" height="50" /> <a href="https://progettireader.altervista.org/the-city-of-the-wind/">The city of the wind</a>[/caption]</td>
<td style="width: 20%; height: 77px;">

[caption id="attachment_83" align="aligncenter" width="120"]<img class="wp-image-83 size-full" src="https://progettireader.altervista.org/wp-content/uploads/2023/06/thedukes.jpg" alt="" width="120" height="50" /> <a href="https://progettireader.altervista.org/the-dukes-cinderella-bride/">The Duke's Cinderella</a>[/caption]</td>
</tr>
<tr style="height: 115px;">
<td style="width: 20%; height: 115px;">

[caption id="attachment_84" align="aligncenter" width="120"]<img class="size-full wp-image-84" src="https://progettireader.altervista.org/wp-content/uploads/2023/06/youthpill.jpg" alt="" width="120" height="50" /> <a href="https://progettireader.altervista.org/the-youth-pill/">The youth pill</a>[/caption]</td>
<td style="width: 20%; height: 115px;"></td>
<td style="width: 20%; height: 115px;"></td>
<td style="width: 20%; height: 115px;"></td>
<td style="width: 20%; height: 115px;"></td>
</tr>
</tbody>
</table>
</div>

quindi come faccio a sistemare?

[frasidipace]

Nella seconda riga del codice cancelli border-style:none;

Saluti

[progettireader]

Grazie mille. Funziona. Ho lo stesso problema con le altre pagine ma questa parte di codice che dovrei togliere non c'è.

[progettireader]

Il codice è questo

<p style="text-align: center;"><strong>Trama</strong></p>
<p style="text-align: left;">Hokkaido, Sapporo. La studentessa delle superiori Ruka sta vivendo la sua vita felice con i genitori e le due sorellastre. Un giorno un ragazzino di nome Shion si trasferisce alla scuola di Ruka e per qualche motivo sconosciuto, vede Ruka come il suo nemico giurato. Tuttavia, oltre a risolvere l'enigma del suo comportamento, la vita di Ruka inizia a peggiorare...</p>
<p style="text-align: center;">By <a href="https://bishoujoscans.wordpress.com">Bishoujo Scans</a> - Luce</p>


<hr />
<p style="text-align: center;">Autrice: Yamato Waki</p>

<table class=" aligncenter" style="width: 350px; border-collapse: collapse;">
<tbody>
<tr>
<td style="text-align: center;" colspan="2;">Volume 1</td>
</tr>
<tr>
<td style="width: 50%;"><img class="alignnone size-full wp-image-134" style="color: #888888; font-size: 12.8px; font-weight: bold;" src="https://progettireader.altervista.org/wp-content/uploads/2023/06/cover1.jpg" alt="" width="147" height="213" /></td>
<td style="width: 50%; text-align: center; vertical-align: middle;">Coming Soon</td>
</tr>
</tbody>
</table>
<table class=" aligncenter" style="width: 350px; border-collapse: collapse;">
<tbody>
<tr>
<td style="text-align: center;" colspan="2;">Volume 2</td>
</tr>
<tr>
<td style="width: 50%;"><img class="alignnone size-full wp-image-135" src="https://progettireader.altervista.org/wp-content/uploads/2023/06/cover2.jpg" alt="" width="147" height="213" /></td>
<td style="width: 50%; text-align: center; vertical-align: middle;">Coming Soon</td>
</tr>
</tbody>
</table>

[frasidipace]

Nell'altra pagina mi sembra che il problema siano bordi discontinui.
La tabella richiama una classe CSS "aligncenter". E' una classe creata da Lei? E' in questa classe che ci sono dei parametri che generano discontinuità nei bordi. Blankando questa classe, infatti, i bordi diventano continui.
Mi sembra che il problema venga generato dal display: block. Provi a cancellarlo.

Saluti

[progettireader]

si esatto. l'ho creata usando un plug in. ma nel mio codice non trovo la voce che lei dice

[frasidipace]

si esatto. l'ho creata usando un plug in. ma nel mio codice non trovo la voce che lei dice

I parametri sono nella classe CSS aligncenter, non nel codice html.
Se l'ha creata Lei verifichi i parametri inseriti, perché vi è incompatibilità con il padding di table.

Saluti

[progettireader]

io ho solo creato la tabella tramite il creatore di tabelle. la classe CSS non l'ho toccata. dove la trovo? perche sono un po insesperta ancora

[frasidipace]

io ho solo creato la tabella tramite il creatore di tabelle. la classe CSS non l'ho toccata. dove la trovo? perche sono un po insesperta ancora

Quindi non ha creato Lei la classe, è interna al plugin.
Ok, acceda ad Aspetto->Personalizza->CSS aggiuntivo ed aggiunga il seguente codice CSS:

.aligncenter {
  display: revert!important;
}

Verifichi se va bene.

Saluti

[progettireader]

si funziona! grazie mille!!!!