immagini sovrapposte in una tabella

**DiEgOvEs** · 17-06-2009, 18:02

salve ragazzi!! ho problema d'estetica su una tabella, vi mostro subito l'esempio di come dovrebbe venir fuori:

vedere le due frecce che puntano verso l'alto e vero il basso? ecco, quelle due son due immagini separate (una verso l'alto, una verso il basso) con link, il mio problema è: come le metto dentro in quella maniera? ho già fatto lo schema della tabella senza problemi, del genere

Codice PHP:


<TABLE BORDER=5 CELLPADDING=5 CELLSPACING=5>

  <TR ALIGN = "CENTER">

    <TD> [B] Descrizione [/B] </TD>

    <TD> [B] Data [/B] </TD>

  </TR>

</TABLE>

per i link c'è il solito <a href>, ma come metto le due immagini una sopra una sotto?
grazie mille in anticipo!

**loop** · 17-06-2009, 18:38

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>

<table width="500" border="1" cellspacing="5" cellpadding="5">
  <tr>
    <td align="center" valign="middle">

[img]immagine.jpg[/img]</p>
      

</p>


Descrizione</p>
    

[img]immagine.jpg[/img]</p></td>
    <td align="center" valign="middle">

[img]immagine.jpg[/img]</p>
      

</p>
      

Data</p>
    

[img]immagine.jpg[/img]</p></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>


</body>
</html>

**DiEgOvEs** · 17-06-2009, 19:10

grazie per la celere risposta, ma il risultato è questo...

c'è modo di porre le frecce a fianco della scritta??

**loop** · 17-06-2009, 20:59

Così funziona sicuramente, devi adattare le misure alle tue immagini, se sono più grandi di 20px la percentuale del 10% la devi aumentare

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>

<table width="500" border="1" cellspacing="5" cellpadding="5">
  <tr>
    <td width="50%" align="center" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center" valign="middle">Descrizione</td>
        <td width="10%" align="right" valign="top">

[img]img.jpg[/img]</p>
          

[img]img.jpg[/img]</p></td>
      </tr>
    </table></td>
    <td width="50%" align="center" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center" valign="middle">Data</td>
        <td width="10%" align="right" valign="top">

[img]img.jpg[/img]</p>
          

[img]img.jpg[/img]</p></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="50%" align="center" valign="middle"></td>
    <td width="50%" align="center" valign="middle"></td>
  </tr>
</table>


</body>
</html>

**DiEgOvEs** · 17-06-2009, 22:09

infatti funziona perfettamente!! un ultima cosa...c'è modo per diminuire la distanza tra le due immagini?
grazie mille di tutto!!

**loop** · 17-06-2009, 22:11

Originariamente inviato da DiEgOvEs
infatti funziona perfettamente!! un ultima cosa...c'è modo per diminuire la distanza tra le due immagini?
grazie mille di tutto!!

bisogna dare al tag

margin:0;

**DiEgOvEs** · 17-06-2009, 22:12

............precisamente come??

**loop** · 17-06-2009, 22:16

Originariamente inviato da DiEgOvEs
............precisamente come??

codice:

<p style="margin:0">[img]img.jpg[/img]</p>

**DiEgOvEs** · 17-06-2009, 22:17

grazie mille! gentilissimo!!!

Discussione: immagini sovrapposte in una tabella

Strumenti discussione

Ricerca discussione

Visualizza

immagini sovrapposte in una tabella

Permessi di invio