Ocultar una taula

Ocultar una taula

per Carles Sabat Figueras -
Nombre de respostes: 4

Bon dia

He insertat una taula amb imatges amb hipervincle i text tal com podeu veure a la foto que us annexo. En aquest sentit: 


1.- Com puc fer per poder ocultar la taula de tal manera que només es vegin les imatges?

2.- Com afegir un espai entre la imatge i el text de manera que no quedin tan junts?


Com sempre, gràcies a l'avançada!





En resposta a Carles Sabat Figueras

Re: Ocultar una taula

per Isabel Oussedik Vilalta (Equip tècnic d'Àgora) -

Bon dia Carles,

Quant als marges de la taula, pot afegir el codi HTML border:none a l'estil de la taula general i de cadascuna de les cel·les. Per exemple:

<table style="height: 281px; width: 530px; border: none">

i després per cada cel·la:

<td style="width: 170px; border: none">

Quant a l'espaiat, des del mode Visual hauries de poder afegir espai amb la tecla Intro.

Salutacions,

Isabel


En resposta a Isabel Oussedik Vilalta (Equip tècnic d'Àgora)

Re: Ocultar una taula

per Carles Sabat Figueras -
Moltes gràcies Isabel!


Amb les cel.les petites ha anat perfecte. Malauradament els marges de la taula persisteixen. Dins el codi HTML no em surt table style

El codi HTML que tinc és el següent: 

<table>

<tbody>

<tr>

<td style="width: 300px; height: 300px; text-align: center; border: none"> <a href="http://agora.xtec.cat/iescarlesrahola/secretaria/horari-atencio-al-public/"><img class="aligncenter wp-image-1000 size-thumbnail" src="http://agora.xtec.cat/iescarlesrahola/wp-content/uploads/usu1066/2014/09/IMG_7997-150x150.jpg" alt="" width="150" height="150" /></a><span style="color: #ff6600;">Horari</span></td>

<td style="width: 300px; height: 300px; text-align: center; border: none"> <a href="http://agora.xtec.cat/iescarlesrahola/secretaria/documentacio/"><img class="aligncenter wp-image-1339 size-thumbnail" src="http://agora.xtec.cat/iescarlesrahola/wp-content/uploads/usu1066/2018/07/Logo-documentació-150x150.png" alt="" width="150" height="150" /></a><span style="color: #ff6600;">Documentació</span></td>

<td style="width: 300px; height: 300px; text-align: center; border: none"><a href="http://agora.xtec.cat/iescarlesrahola/secretaria/preinscripcions-matricula/"><img class="aligncenter wp-image-1342 size-thumbnail" src="http://agora.xtec.cat/iescarlesrahola/wp-content/uploads/usu1066/2018/07/Lofo-preinscripció-i-matrícula-150x150.png" alt="" width="150" height="150" /></a><span style="color: #ff6600;">Preinscripcions/Matrícula </span></td>

</tr>

<tr>

<td style="width: 300px; height: 300px; text-align: center; border: none"><span style="color: #ff6600;"><a href="http://agora.xtec.cat/iescarlesrahola/secretaria/beques/"><img class="aligncenter wp-image-1343 size-thumbnail" src="http://agora.xtec.cat/iescarlesrahola/wp-content/uploads/usu1066/2018/07/Logo-beques-150x150.png" alt="" width="150" height="150" /></a>Beques </span></td>

<td style="width: 300px; height: 300px; text-align: center; border: none"><span style="color: #ff6600;"><a href="http://agora.xtec.cat/iescarlesrahola/secretaria/tramits-administratius/"><img class="aligncenter wp-image-1340 size-thumbnail" src="http://agora.xtec.cat/iescarlesrahola/wp-content/uploads/usu1066/2018/07/logo-tràmits-administratius-150x150.png" alt="" width="150" height="150" /></a>Tràmits administratius </span></td>

<td style="width: 300px; height: 300px; text-align: center; border: none"><span style="color: #ff6600;"> <a href="http://agora.xtec.cat/iescarlesrahola/secretaria/perfil-del-contractant/"><img class="aligncenter wp-image-1446 size-thumbnail" src="http://agora.xtec.cat/iescarlesrahola/wp-content/uploads/usu1066/2018/07/perfil-contractant-150x150.jpg" alt="" width="150" height="150" /></a>Perfil del contractant</span></td>

</tr>

</tbody>

</table>

He tret </table> però desprès les icones s'alineen verticalment...

Em pots dir que és el que hauria de posar?

Com sempre, gràcies a l'avançada!


Carles


En resposta a Carles Sabat Figueras

Re: Ocultar una taula

per Isabel Oussedik Vilalta (Equip tècnic d'Àgora) -

Bon dia Carles,

Ho hauries de posar al primer table

<table style="border: none">

<tbody>

<tr>

etc....

Ja ens diràs si tens cap més dubte.

Salutacions,

Isabel