Allineamento verticale foto
Autore: Luca M.
Visite 1340,
Followers 1,
Condiviso 0
Ciao,
usando l'eccellente WebSite X5 Professional, inserendo 4 foto (con tanto di descrizione) su una sola riga in una pagina con layout 5 righe per 5 colonne, ho riscontrato un problema di allineamento verticale delle foto durante l'anteprima.
Un caro saluto
Luca
Postato il
Stesse misure delle foto...?
Autore
Si. Stesse misure delle foto....
Autore
Tutte orizzontali....
ciao,
... come potrai capire, dovresti mettere il link della pagina in RETE da osservare per essere valutata...
.
ciao, KolAsim
A parte le misure, controlla anche la risoluzione....deve essere identica...
Autore
@KolAsim: mettero' il sito in rete tra qualche settimana non appena vedro' l'informatico dell'associazione per cui sto facendo il sito
@Mirko: Già fatto: misure identiche!
Autore
Questo é il codice della pagina:
<!
DOCTYPE html><!-- HTML5 -->
<
html lang="it" dir="ltr">
<head>
<title>Collaboratori G - M - SOS Ticino</title>
<meta charset="utf-8" />
<!--[if IE]><meta http-equiv="ImageToolbar" content="False" /><![endif]-->
<meta name="generator" content="Incomedia WebSite X5 Professional 10.1.0.39 - www.websitex5.com" />
<meta name="viewport" content="width=960" />
<link rel="stylesheet" type="text/css" href="style/reset.css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="style/print.css" media="print" />
<link rel="stylesheet" type="text/css" href="style/style.css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="style/template.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style/menu.css" media="screen" />
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="style/ie.css" media="screen" /><![endif]-->
<link rel="stylesheet" type="text/css" href="pcss/collaboratori-g---m.css" media="screen" />
<script type="text/javascript" src="res/jquery.js?39"></script>
<script type="text/javascript" src="res/x5engine.js?39"></script>
<script type="text/javascript" src="res/x5engine.offline.js?39_635200458344126355"></script>
</head>
<body>
<div id="imHeaderBg"></div>
<div id="imFooterBg"></div>
<div id="imPage">
<div id="imHeader">
<h1 class="imHidden">Collaboratori G - M - SOS Ticino</h1>
<div class="search_form" style="position: absolute; top: 120px; left: 7px; width: 162px;"><form id="imSearch_1" action="imsearch.html" method="get" style="white-space: nowrap" onsubmit="x5engine.utils.showOfflineMessage('La funzione di Ricerca sarà attiva solo quando il Sito verrà pubblicato online.'); return false;"><fieldset><input type="text" name="search" value="" style="width: 88px; line-height: 21px; font: normal normal normal 8pt Tahoma; color: #000000; background-color: #FFFFFF; background-image: url('res/imsearch.png'); background-position: 2px center; background-repeat: no-repeat; padding: 3px 3px 3px 21px; margin: 0; border: 1px solid #000000; vertical-align: middle; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;" /><span onclick="$('#imSearch_1').submit();" style="height: 21px; font: normal normal normal 8pt Tahoma; color: #000000; background-color: #D3D3D3; margin-left: 6px; padding: 3px 6px 3px 6px; border: 1px solid #000000; vertical-align: middle; cursor: pointer; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;">Cerca</span></fieldset></form></div>
</div>
<a class="imHidden" href="#imGoToCont" title="Salta il menu di navigazione">Vai ai contenuti</a>
<a id="imGoToMenu"></a><p class="imHidden">Menu principale:</p>
<div id="imMnMn" class="auto">
<ul class="auto">
<li id="imMnMnNode0">
<a href="index.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Home Page</span>
</span>
</a>
</li><li id="imMnMnNode16" class="imMnMnCurrent">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Chi siamo<span class="imMnMnLevelImg"></span></span>
</span>
<ul class="auto">
<li id="imMnMnNode3" class="imMnMnFirst">
<a href="chi-siamo.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Chi siamo</span>
</span>
</a>
</li><li id="imMnMnNode22" class="imMnMnMiddle">
<a href="contatti.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Contatti</span>
</span>
</a>
</li><li id="imMnMnNode18" class="imMnMnMiddle imMnMnCurrent">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Organigramma<span class="imMnMnLevelImg"></span></span>
</span>
<ul class="auto">
<li id="imMnMnNode19" class="imMnMnFirst">
<a href="direzione.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Direzione</span>
</span>
</a>
</li><li id="imMnMnNode20" class="imMnMnMiddle">
<a href="collaboratori-a---f.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Collaboratori A - F</span>
</span>
</a>
</li><li id="imMnMnNode26" class="imMnMnMiddle imMnMnCurrent">
<a href="collaboratori-g---m.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Collaboratori G - M</span>
</span>
</a>
</li><li id="imMnMnNode27" class="imMnMnLast">
<a href="collaboratori-n---z.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Collaboratori N - Z</span>
</span>
</a>
</li>
</ul>
</li><li id="imMnMnNode21" class="imMnMnMiddle">
<a href="dicono-di-noi.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Dicono di noi</span>
</span>
</a>
</li><li id="imMnMnNode23" class="imMnMnLast">
<a href="statuti.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Statuti</span>
</span>
</a>
</li>
</ul>
</li><li id="imMnMnNode6">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Cosa facciamo<span class="imMnMnLevelImg"></span></span>
</span>
<ul class="auto">
<li id="imMnMnNode4" class="imMnMnFirst">
<a href="cosa-facciamo.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Cosa facciamo</span>
</span>
</a>
</li><li id="imMnMnNode8" class="imMnMnMiddle">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Disoccupazione<span class="imMnMnLevelImg"></span></span>
</span>
<ul class="auto">
<li id="imMnMnNode7" class="imMnMnFirst">
<a href="cicletta.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Cicletta</span>
</span>
</a>
</li><li id="imMnMnNode9" class="imMnMnMiddle">
<a href="creativo.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Creativo</span>
</span>
</a>
</li><li id="imMnMnNode10" class="imMnMnMiddle">
<a href="taglio.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Taglio</span>
</span>
</a>
</li><li id="imMnMnNode11" class="imMnMnMiddle">
<a href="sostegno.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Sostegno</span>
</span>
</a>
</li><li id="imMnMnNode12" class="imMnMnMiddle">
<a href="partire.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Partire</span>
</span>
</a>
</li><li id="imMnMnNode13" class="imMnMnLast">
<a href="stage-in-azienda.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Stage in azienda</span>
</span>
</a>
</li>
</ul>
</li><li id="imMnMnNode14" class="imMnMnMiddle">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Migrazione<span class="imMnMnLevelImg"></span></span>
</span>
<ul class="auto">
<li id="imMnMnNode32" class="imMnMnFirst">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Servizi e consulenze<span class="imMnMnLevelImg"></span></span>
</span>
<ul class="auto">
<li id="imMnMnNode33" class="imMnMnFirst">
<a href="servizio-richiedenti-l-asilo.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Servizio richiedenti l'asilo</span>
</span>
</a>
</li><li id="imMnMnNode34" class="imMnMnMiddle">
<a href="servizio-rifugiati.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Servizio rifugiati</span>
</span>
</a>
</li><li id="imMnMnNode35" class="imMnMnMiddle">
<a href="consultorio-giuridico.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Consultorio giuridico</span>
</span>
</a>
</li><li id="imMnMnNode36" class="imMnMnMiddle">
<a href="derman.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Derman</span>
</span>
</a>
</li><li id="imMnMnNode37" class="imMnMnMiddle">
<a href="centro-di-competenza-per-la-migrazione.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Centro di competenza per la migrazione</span>
</span>
</a>
</li><li id="imMnMnNode38" class="imMnMnMiddle">
<a href="may-day.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>May Day</span>
</span>
</a>
</li><li id="imMnMnNode39" class="imMnMnMiddle">
<a href="servizio-appartamenti.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Servizio appartamenti</span>
</span>
</a>
</li><li id="imMnMnNode40" class="imMnMnLast">
<a href="coordinazioni-roa.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Coordinazioni ROA</span>
</span>
</a>
</li>
</ul>
</li><li id="imMnMnNode41" class="imMnMnLast">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Formazione e accompagnamento<span class="imMnMnLevelImg"></span></span>
</span>
<ul class="auto">
<li id="imMnMnNode42" class="imMnMnFirst">
<a href="programmi-occupazionali-ra.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Programmi occupazionali RA</span>
</span>
</a>
</li><li id="imMnMnNode43" class="imMnMnLast">
<a href="in-lav-inserimento-occupazionale.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>In-Lav inserimento occupazionale</span>
</span>
</a>
</li>
</ul>
</li>
</ul>
</li><li id="imMnMnNode15" class="imMnMnLast">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Formazione<span class="imMnMnLevelImg"></span></span>
</span>
<ul class="auto">
<li id="imMnMnNode28" class="imMnMnFirst">
<a href="formazione.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Formazione</span>
</span>
</a>
</li><li id="imMnMnNode30" class="imMnMnLast">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Corsi<span class="imMnMnLevelImg"></span></span>
</span>
<ul class="auto">
<li id="imMnMnNode29" class="imMnMnFirst">
<a href="italiano.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Italiano</span>
</span>
</a>
</li><li id="imMnMnNode31" class="imMnMnLast">
<a href="informatica.html">
<span class="imMnMnBorder">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Informatica</span>
</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li><li id="imMnMnNode5">
<a href="scrivici.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Scrivici</span>
</span>
</a>
</li><li id="imMnMnNode24">
<a href="sostienici.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Sostienici</span>
</span>
</a>
</li><li id="imMnMnNode25">
<a href="link.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Link</span>
</span>
</a>
</li>
</ul>
</div>
<div id="imContentGraphics"></div>
<div id="imContent">
<a id="imGoToCont"></a>
<h2 id="imPgTitle">Collaboratori G - M</h2>
<div id="imBreadcrumb">Chi siamo > Organigramma</div>
<div style="width: 946px; float: left;">
<div style="float: left; width: 189px;">
<div id="imCell_20" class="imGrid[0, 3]"><div id="imCellStyleGraphics_20"></div><div id="imCellStyle_20"> <div id="imTextObject_20_tab0" style="text-align: left;">
<div class="text-inner">
<p style="text-align: left;"><span class="ff1 cf0 fs32"><b>CONTATTI<br /></b></span><span class="fs20 ff1 cf0"><a href="direzione.html" class="imCssLink">Direzione</a><br /><a href="collaboratori-a---f.html" class="imCssLink">Collaboratori A-<wbr>F</a><br /><a href="collaboratori-g---m.html" class="imCssLink">Collaboratori G-<wbr>M</a><br /><a href="collaboratori-n---z.html" class="imCssLink">Collaboratori N-<wbr>Z</a></span><span class="ff2 fs20"><br /></span></p>
</div>
</div>
</div></div>
</div>
<div style="float: left; width: 189px;">
<div style="width: 189px; float: left;">
<div id="imCell_4" class="imGrid[0, 0]"><div id="imCellStyleGraphics_4"></div><div id="imCellStyleTitle_4">Gambardella Eleonora</div><div id="imCellStyle_4"><img id="imObjectImage_4" src="images/DSC_0132a.jpg" title="" alt="" height="115" width="175" /></div><div id="imCellStyleDescription_4">Ri-Partire Loreto<br />Tel.: 091.993.21.28 /<br />076.344.14.51<br /></div></div>
</div>
<div style="width: 189px; float: left;">
<div id="imCell_8" class="imGrid[1, 1]"><div id="imCellStyleGraphics_8"></div><div id="imCellStyleTitle_8">Innocente Massimo</div><div id="imCellStyle_8"><img id="imObjectImage_8" src="images/DSC_0132a.jpg" title="" alt="" height="115" width="175" /></div><div id="imCellStyleDescription_8">Appartamenti Rivera<br />Tel.: 079.211.45.84<br /></div></div>
</div>
<div style="width: 189px; float: left;">
<div id="imCell_12" class="imGrid[2, 2]"><div id="imCellStyleGraphics_12"></div><div id="imCellStyleTitle_12">Marcionetti Monica</div><div id="imCellStyle_12"><img id="imObjectImage_12" src="images/DSC_0132a.jpg" title="" alt="" height="115" width="175" /></div><div id="imCellStyleDescription_12">Derman / MayDay<br />Tel.: 091.973.70.66 / 091.973.70.67 / 079.590.39.46<br /></div></div>
</div>
<div style="width: 189px; float: left;">
<div id="imCell_16" class="imGrid[3, 3]"><div id="imCellStyleGraphics_16"></div><div id="imCellStyleTitle_16">Mattogno Agata</div><div id="imCellStyle_16"><img id="imObjectImage_16" src="images/DSC_0132a.jpg" title="" alt="" height="115" width="175" /></div><div id="imCellStyleDescription_16">Rifugiati Lugano e Bellinzona<br />Tel.: 091.921.07.38 / 091.825.23.79<br /></div></div>
</div>
</div>
<div style="float: left; width: 189px;">
<div style="width: 189px; float: left;">
<div id="imCell_5" class="imGrid[0, 0]"><div id="imCellStyleGraphics_5"></div><div id="imCellStyleTitle_5">Gerster Misha</div><div id="imCellStyle_5"><img id="imObjectImage_5" src="images/DSC_0132a.jpg" title="" alt="" height="115" width="175" /></div><div id="imCellStyleDescription_5">Ri-Sostegno Rivera<br />Tel.: 091.930.62.55 / 079.681.12.03</div></div>
</div>
<div style="width: 189px; float: left;">
<div id="imCell_9" class="imGrid[1, 1]"><div id="imCellStyleGraphics_9"></div><div id="imCellStyleTitle_9">Monhart Angela</div><div id="imCellStyle_9"><img id="imObjectImage_9" src="images/DSC_0132a.jpg" title="" alt="" height="115" width="175" /></div><div id="imCellStyleDescription_9">Ri-Taglio Bellinzona <br />Tel.: 091.825.04.72</div></div>
</div>
<div style="width: 189px; float: left;">
<div id="imCell_13" class="imGrid[2, 2]"><div id="imCellStyleGraphics_13"></div><div id="imCellStyleTitle_13">Mastrosimone Rosario</div><div id="imCellStyle_13"><img id="imObjectImage_13" src="images/DSC_0132a.jpg" title="" alt="" height="115" width="175" /></div><div id="imCellStyleDescription_13">Consultorio giuridico Chiasso<br />Tel.: 091.683.08.93<br /></div></div>
</div>
<div style="width: 189px; float: left;">
<div id="imCell_17" class="imGrid[3, 3]"><div id="imCellStyleGraphics_17"></div><div id="imCellStyleTitle_17">Melera Michela</div><div id="imCellStyle_17"><img id="imObjectImage_17" src="images/DSC_0132a.jpg" title="" alt="" height="115" width="175" /></div><div id="imCellStyleDescription_17">In-lav Lugano e Chiasso<br />Tel.: 091.973.70.61 / 079.559.08.84</div></div>
</div>
</div>
<div style="float: left; width: 189px;">
<div style="width: 189px; float: left;">
<div id="imCell_6" class="imGrid[0, 0]"><div id="imCellStyleGraphics_6"></div><div id="imCellStyleTitle_6">Giacosa Grazia</div><div id="imCellStyle_6"><img id="imObjectImage_6" src="images/DSC_0132a.jpg" title="" alt="" height="115" width="175" /></div><div id="imCellStyleDescription_6">In-lav Viganello<br />Tel.: 091.973.70.61<br /></div></div>
</div>
<div style="width: 189px; float: left;">
<div id="imCell_10" class="imGrid[1, 1]"><div id="imCellStyleGraphics_10"></div><div id="imCellStyleTitle_10">Lanza Clio</div><div id="imCellStyle_10"><img id="imObjectImage_10" src="images/DSC_0132a.jpg" title="" alt="" height="115" width="175" /></div><div id="imCellStyleDescription_10">Richiedenti l'asilo Locarno<br />Tel.: 091.752.11.81</div></div>
</div>
<div style="width: 189px; float: left;">
<div id="imCell_14" class="imGrid[2, 2]"><div id="imCellStyleGraphics_14"></div><div id="imCellStyleTitle_14">Matasci Divina</div><div id="imCellStyle_14"><img id="imObjectImage_14" src="images/DSC_0132a.jpg" title="" alt="" height="115" width="175" /></div><div id="imCellStyleDescription_14">Segretaria - Consultorio giuridico Rifugiati e Richiedenti l'asilo Lugano e Rivera2<br />Tel.: 091.923.14.89</div></div>
</div>
<div style="width: 189px; float: left;">
<div style="height: 281px;"> </div>
</div>
</div>
<div style="float: left; width: 190px;">
<div style="width: 190px; float: left;">
<div id="imCell_7" class="imGrid[0, 0]"><div id="imCellStyleGraphics_7"></div><div id="imCellStyleTitle_7">Gianinazzi Bruno</div><div id="imCellStyle_7"><img id="imObjectImage_7" src="images/DSC_0132a_jh5z7220.jpg" title="" alt="" height="116" width="176" /></div><div id="imCellStyleDescription_7">Ri-Sostegno Rivera<br />Tel.: 091.930.62.55<br /></div></div>
</div>
<div style="width: 190px; float: left;">
<div id="imCell_11" class="imGrid[1, 1]"><div id="imCellStyleGraphics_11"></div><div id="imCellStyleTitle_11">Lurati Tatiana</div><div id="imCellStyle_11"><img id="imObjectImage_11" src="images/DSC_0132a_jh5z7220.jpg" title="" alt="" height="116" width="176" /></div><div id="imCellStyleDescription_11">Responsabile settore disoccupazione Rivera2<br />Tel: 091.223.50.20<br /></div></div>
</div>
<div style="width: 190px; float: left;">
<div id="imCell_15" class="imGrid[2, 2]"><div id="imCellStyleGraphics_15"></div><div id="imCellStyleTitle_15">Mattei Giona</div><div id="imCellStyle_15"><img id="imObjectImage_15" src="images/DSC_0132a_jh5z7220.jpg" title="" alt="" height="116" width="176" /></div><div id="imCellStyleDescription_15">Derman<br />Tel.: 091.825.23.79 / 079.250.12.21</div></div>
</div>
<div style="width: 190px; float: left;">
<div style="height: 281px;"> </div>
</div>
</div>
</div>
<div style="width: 946px; float: left;">
<div style="height: 15px;"> </div>
</div>
<div id="imFooPad" style="height: 0px; float: left;"> </div><div id="imBtMn"><a href="index.html">Home Page</a> | <a href="chi-siamo.html">Chi siamo</a> | <a href="cosa-facciamo.html">Cosa facciamo</a> | <a href="scrivici.html">Scrivici</a> | <a href="sostienici.html">Sostienici</a> | <a href="link.html">Link</a> | <a href="imsitemap.html">Mappa generale del sito</a></div>
<div class="imClear"></div>
</div>
<div id="imFooter">
</div>
</div>
<span class="imHidden"><a href="#imGoToCont" title="Rileggi i contenuti della pagina">Torna ai contenuti</a> | <a href="#imGoToMenu" title="Naviga ancora nella pagina">Torna al menu</a></span>
</body>
</
html>
X
Autore
Trovato l'errore: c'era il codice <br> in piu' in alcune descrizioni di foto in quanto avevo premuto l'ENTER nella digitazione!!!!