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/
Printable View
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/
Salve,
la table ha un border-style: none inline, per cui il border-top e border-right che ha inserito non ha effetto.
Saluti
e quindi come posso sistemare? devo cancellare border-style: none dal codice?
il codice è questo
Citazione:
<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>
Quel codice non lo rilevo.
Rilevo questo:
La pagina a cui fa riferimento è quella indicata nel primo post?Codice HTML:<table style="height: 192px; width: 64%; border-collapse: collapse; border-style: none;">
In quella pagina non rilevo il file cover2.jpg.
Saluti
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 è questoCitazione:
<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?
Nella seconda riga del codice cancelli border-style:none;
Saluti
Grazie mille. Funziona. Ho lo stesso problema con le altre pagine ma questa parte di codice che dovrei togliere non c'è.
Il codice è questo
Citazione:
Originalmente inviato da progettireader
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
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.Citazione:
Originalmente inviato da progettireader
Se l'ha creata Lei verifichi i parametri inseriti, perché vi è incompatibilità con il padding di table.
Saluti
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.Citazione:
Originalmente inviato da progettireader
Ok, acceda ad Aspetto->Personalizza->CSS aggiuntivo ed aggiunga il seguente codice CSS:
Verifichi se va bene.Codice:.aligncenter {
display: revert!important;
}
Saluti
si funziona! grazie mille!!!!