affiancare colonne di immagini

**Bool** · 18-06-2008, 11:11

Come posso allineare due colonne di immagini?
cioè così:

Avevo provato allora a fare un
<div class="imgsx"> tutte le immagini di sx </div>
e
<div class="imgdx">tutte le immagini di dx</div>

definendo nei css:

.imgsx {
text-align:right;
border-bottom:none;
border-left:none;
border-right:none;
}

.imgdx {
text-align:right;
border-bottom:none;
border-left:none;
border-right:none;
}

Così mi veniva bene,avevo prima le 3 immagini allineate verticalmente a sinistra e poi le altre 3 allineate a destra sempre verticalmente, ma non venivano affiancate come volevo fare(vedi disegno).

Altrimenti se creo le due colonne con photoshop(cioè una colonna ha 3 immagini verticali, l'altra altre 3 verticali)e quindi ottengo due immagini separate, poi come le posso mettere sulla stessa riga, ma uno all'estrema sx e una all'estrema dx?

grazie

**ciucciatiilcalzino** · 18-06-2008, 11:46

Devi utilizzare nel css, la distanza che vuoi o dalla margine di destra nel caso della prima colonna o dal margine di sinistra per la 3 colonna.
Non hai pensato ad utilizzare un tabella?

**Bool** · 18-06-2008, 11:53

Originariamente inviato da ciucciatiilcalzino
Devi utilizzare nel css, la distanza che vuoi o dalla margine di destra nel caso della prima colonna o dal margine di sinistra per la 3 colonna.
Non hai pensato ad utilizzare un tabella?

No, perché non riesco a capire come usarle, al di là del semplice uso per i dati es. http://www.htmldog.com/examples/colspan.html

grazie.

**ciucciatiilcalzino** · 18-06-2008, 11:57

l'esempio che hai postato è una tabella
qui puoi vedere come si fanno

http://xhtml.html.it/guide/lezione/1...ttura-di-base/

a te ne serve una di questo tipo

<body><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td rowspan="3"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

**Bool** · 18-06-2008, 11:59

grazie mille, mi leggo le pagine e provo.

**G.Pippo** · 18-06-2008, 12:33

Originariamente inviato da Bool
grazie mille, mi leggo le pagine e provo.

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="100%" border="1" cellspacing="5" cellpadding="5">
  <tr>
    <td width="25%" align="center" valign="middle">[img]immagine.jpg[/img]</td>
    <td width="50%" rowspan="5" align="center" valign="middle"></td>
    <td width="25%" align="center" valign="middle">[img]immagine.jpg[/img]</td>
  </tr>
  <tr>
    <td width="25%" align="center" valign="middle">[img]immagine.jpg[/img]</td>
    <td width="25%" align="center" valign="middle">[img]immagine.jpg[/img]</td>
  </tr>
  <tr>
    <td width="25%" align="center" valign="middle">[img]immagine.jpg[/img]</td>
    <td width="25%" align="center" valign="middle">[img]immagine.jpg[/img]</td>
  </tr>
  <tr>
    <td width="25%" align="center" valign="middle">[img]immagine.jpg[/img]</td>
    <td width="25%" align="center" valign="middle">[img]immagine.jpg[/img]</td>
  </tr>
  <tr>
    <td width="25%" align="center" valign="middle">[img]immagine.jpg[/img]</td>
    <td width="25%" align="center" valign="middle">[img]immagine.jpg[/img]</td>
  </tr>
</table>


</body>
</html>

**Bool** · 18-06-2008, 13:51

ti ringrazio!
Poi i bordi della tabella per toglierli(in maniera che si vedano solo le foto) li imposto dal css giusto?

**G.Pippo** · 18-06-2008, 23:13

Originariamente inviato da Bool
ti ringrazio!
Poi i bordi della tabella per toglierli(in maniera che si vedano solo le foto) li imposto dal css giusto?

Si impostali in css però togli da <table> border="1"

Discussione: affiancare colonne di immagini

Strumenti discussione

Ricerca discussione

Visualizza

affiancare colonne di immagini

Permessi di invio