valerio

Hi @sonalithakkar ,

as a further test I created a simple Wp page with only the calls at two XYZ plugins:

[xyz-ips snippet="settaVar"]
[xyz-ips snippet="DisplayVar"]

The first snippet is

<?php
$ragsoc="Società1";
?>

The second one:

<?php
echo $ragsoc ;
?>

The result is “ragsoc:undefined variable”. So they are two issues the first one is that plugin’s call does not run due to double quote of the html value attribute. The second is seems that the plugin “DisplayVar” does not see the variable set by the first plugin

Thanks and sorry for my English

Valerio

Hi @sonalithakkar ,

as far as i know the instruction you send me is working in a normal html/php script not in a WordPress page. Because of this I used the xyz plugin. The problem is that html value attribute interprets the <? php $variable;?>” as a text.

Hi George,
I worked on the code ,as you suggested, and I found that the problem of the empty rows between blocks was due to the use of “positive relative” css command. I figured out using just one table and not two positioned with positive relative.
Thanks
Regards
Valerio

Hi George,
thanks for your prompt answer.
Here the code of the second block :

<!--Tbl on the left-->
<table class="tbl_main" style="" cellspacing="0" cellpadding="0" align="center" >
<tr>
	<td rowspan="1" class="dati_tab" style="width:70%; height:72px; text-align:left; font-size: 22px;">Chiusura portineria </br>
		<i style='font-size:17px; color:#CFCFCF;' class='far'></i><!--Cazzillo calendario-->
		<span class="" style="color: #c4c4c4; font-family: helvetica, sans-serif; font-size: 14px;">Pubblicato il </span>
		<a style="color:#1E73BE; text-decoration: none; font-family: helvetica, sans-serif; font-size: 14px; " href="https://localhost/Wp_Condo/avviso-importante/">
		<span style="color:#1E73BE; font-family: helvetica, sans-serif; font-size:14px;"> 02 Settembre 2021</a></span><br/>
		<span style="text-align: left; font-family: helvetica, sans-serif; font-size: 14px; color:#ABABAB;">Vi informo che domani 03 Settembre la portineria resterà? chiusa a seguito assenza del<br/>  custode.
		<br>L'Amministratore</span><br/>
			
		<span style="text-align:left; font-size: 22px;">Convocazione assemblea ordinaria<br/></span>
		<i style='font-size:17px; color:#CFCFCF;' class='far'></i><!--Cazzillo calendario-->
		<span class="" style="color: #c4c4c4; font-family: helvetica, sans-serif; font-size: 14px;">Pubblicato il </span>
		<a style="color:#1E73BE; text-decoration: none; font-family: helvetica, sans-serif; font-size: 14px; " href="https://localhost/Wp_Condo/avviso-importante/">
		<span style="color:#1E73BE; font-family: helvetica, sans-serif; font-size:14px;"> 10 Settembre 2021</a></span><br/>
		<span style="text-align: left; font-family: helvetica, sans-serif; font-size: 14px; color:#ABABAB;">L'assemblea annuale ordinaria è convocata in prima convocazione mercoledi <br>20 Settembre 2021 alle ore 15.30  
		e in seconda convocazione alle ore 20.30 del 21<br> Settembre 2021.<br>L'Amministratore

		</span>
	</td>
</tr>
</table>

<table class="tbl_calendar" id="id_caselle_gg" style="height:72px;" style="" cellspacing="0" cellpadding="0" align="center">
		<!--Un calibramento continuo di padding line-height per arrivare a un look decente--> 
		<tr id="tr1"  style="" >
			<td  colspan="1" style="width:14%; line-height:20px; background-color:#ffff00;  text-align:center; padding-left:0; padding-right:0; padding-bottom:0; padding-top:0;"   ><a href="#" style="width:100%;padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; text-decoration:none;"><span  style="color:#0000EE; font-type:calibri; font-size:14px;text-align:center; line-height:20px;" ><<</span></a></td>
			<td  colspan="5" style="width:72%; line-height:20px; background-color:#ffff00;  text-align:center; padding-left:0; padding-right:0; padding-bottom:0; padding-top:0;" ><input type="text" style="width:100%;padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; border-top:0; border-left:0; border-bottom:0; border-right:0; background-color:#ffff00; color:#0000EE;font-type:calibri; font-size:16px; text-align:center; line-height:20px;" id="month_year"></td>		
			<td  colspan="1" style="width:14%; line-height:20px; background-color:#ffff00;  text-align:center; padding-left:0; padding-right:0; padding-bottom:0; padding-top:0;" > <a href="#" style="width:100%;padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; text-decoration:none;"><span style="color:#0000EE; font-type:calibri; font-size:14px; text-align:center; line-height:20px;">>></span></a></td>			
		</tr>
		<tr id="tr2" >
			<!--padding 0 totali sulle td e sulle input text,oltre che line-heigh. Sembra che in questo modo riesco a ridurre in maniera significativa la _Se
			altezza delle celle-->
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;" id="mon"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;" id="tue"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;" id="wed"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;" id="thu"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;" id="fri"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;" id="sat"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;" id="sun"></td>
		</tr>
		<tr id="tr3" >
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px;  color:#0000EE;" id="ArrDispGG_1"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_2"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_3"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_4"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_5"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_6"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_7"></td>
		</tr>
		<tr id="tr4" >
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px;  color:#0000EE;" id="ArrDispGG_8"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_9"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_10"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_11"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_12"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_13"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_14"></td>
		</tr>
		<tr id="tr5" >
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px;  color:#0000EE;" id="ArrDispGG_15"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_16"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_17"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_18"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_19"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_20"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_21"></td>
		</tr>
		<tr id="tr6" >
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px;  color:#0000EE;" id="ArrDispGG_22"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_23"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_24"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_25"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_26"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_27"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_28"></td>
		</tr>
		<tr id="tr7" >
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px;  color:#0000EE;" id="ArrDispGG_29"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_30"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_31"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_32"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_33"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_34"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_35"></td>
		</tr>
		<tr id="tr8" style="display:none">
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px;  color:#0000EE;" id="ArrDispGG_36"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_37"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_38"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_39"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_40"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_41"></td>
			<td colspan="1" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:12px; width:14%; "><input  type="text" style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; width:100%;  border:0; font-type:calibri; font-size:12px;  text-align:center;  line-height:12px; color:#0000EE;"  id="ArrDispGG_42"></td>
		</tr>
	
</table> <!--end table tbl_calendar-calendar-->

<!--short code js gestione calendar-->
{{CODEjsCalendar}}

The following his the code of the third block:

<!--footer-->
<input type="text" style="width:10px; height:5px; border:0" id="id_fri_sat">
<!--Footer-->
<table class="tab_footer_phom" cellspacing="0" cellpadding="0" style="width: 100%; height:80px; background-color:#696969">
<tbody>
<tr>
<td rowspan="4" style="width: 25%; line-height: 75px;"><img src="https://localhost/Wp_Condo1\images\homepage\logo1.png" alt="" class="logo_banda_phom" /></td>
<td style="width: 25%; line-height: 30px; padding-bottom:1; text-align: left;"><span style="color: #ffffff; font-size: 20px; font-family: sans-serif;"><strong>Studio????</strong></td>
<td style="width: 25%; line-height: 30px; padding-bottom:1; text-align: left;"><span style="color: #ffffff; font-size: 20px; font-family: sans-serif;"><strong>Sede????</strong></td>
<td style="width: 25%; line-height: 30px; padding-bottom:1; text-align: left;"><span style="color: #ffffff; font-size: 20px; font-family: sans-serif;"><strong>Contatti????</strong></td>

<tr/>
<td style="width: 25%; line-height:15px; padding-top:0; padding-bottom:0; color: #ffffff; font-size: 16px; font-family: sans-serif;">ABL</td>
<td style="width: 25%; line-height:15px; padding-top:0; padding-bottom:0; color: #ffffff; font-size: 16px; font-family: sans-serif;">via S.Giuseppe 1</td>
<td style="width: 25%; line-height:15px; padding-top:0; padding-bottom:0; color: #ffffff; font-size: 16px; font-family: sans-serif;">www.abl.com</td>

<!--<td> <a href="#" class="fa fa-facebook" title="facebook" ></a><a href="#" class="fa fa-twitter" title="twitter"></a><a href="#" class="fa fa-instagram"title="istangram"></a><a href="#" class="fa fa-google" title="google"></a></td>-->
<!--<img src="C:\xampp\htdocs\wpbanda\images\home_page\logo_twitter.png" alt="" width="40px" height="40px" class="twitter_phom" /></a><a href="https://www.instagram.com/" title="Istangram"><img src="C:\xampp\htdocs\wpbanda\images\home_page\linst3.png" alt="" width="41px" height="41px" class="instagram_phom" /></a></td>-->

<tr/>
<td style="width: 25%; line-height:15px; padding-top:0; padding-bottom:0; color: #ffffff; font-size: 16px; font-family: sans-serif;">Amministraz. Condomini</td>
<td style="width: 25%; line-height:15px; padding-top:0; padding-bottom:0; color: #ffffff; font-size: 16px; font-family: sans-serif;">20814 Varedo(MB)</td>
<td style="width: 25%; line-height:15px; padding-top:0; padding-bottom:0; color: #ffffff; font-size: 16px; font-family: sans-serif;">[email protected]</td>

<tr/>
<td style="width: 25%; line-height:15px; color: #ffffff; font-size: 16px; font-family: sans-serif;">&nbsp;</td>
<td style="width: 25%; line-height:15px; color: #ffffff; font-size: 16px; font-family: sans-serif;">&nbsp;</td>
<td style="width:25%; line-height:15px;"> <a href="#" class="fa fa-facebook" title="Seguici su Facebook" ></a><a style="text-decoration:none" href="#" class="fa fa-twitter" title="twitter"></a><a href="#" class="fa fa-instagram"title="Seguici su istangram"></a><a href="#" class="fa fa-google" title="google"></a></td>
<tr/>
</table>

This is th javascript code which populate the calendar:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
//provo a fare il calendar solo in javascript e html
$(document).ready(function(){
	var table = document.getElementById("id_caselle_gg");
	var fri_sat = document.getElementById("id_fri_sat").value;
	document.getElementById("id_fri_sat").value="";
		//alert("0_idMon=");
	//non potendo fare echo con php imposto i valori dei gg da js
	document.getElementById("mon").value="L";
	document.getElementById("tue").value="M";
	document.getElementById("wed").value="M";
	document.getElementById("thu").value="G";
	document.getElementById("fri").value="V";
	document.getElementById("sat").value="S";
	document.getElementById("sun").value="D";
	//Mi getto la tabella con le caselle dei gg
	//alert("1_idMon="+ document.getElementById("mon").value);
	//get current year
	var cur_year= new Date().getFullYear();
	//get current month
	var cur_month = new Date().getMonth();
	//MeseDisp value to be displayed
	var MeseDisp="";
	var NumGiorni="";
	// get mese name in italian
	switch (cur_month) {
		case 0:
			MeseDisp= "Gen";
			NumGiorni=31;
        break;
		case 1:
			MeseDisp= "Feb";
			if (cur_year % 4 === 0){
				alert(" leap year"+cur_year);
			NumGiorni=29;
				}else{alert(" no leap year"+cur_year); NumGiorni=28;}
		break;
		case 2:
			MeseDisp= "Mar";
			NumGiorni=31;
		break;
		case 3:
			MeseDisp= "Apr";
			NumGiorni=30;
		break;
		case 4:
			MeseDisp= "Mag";
			NumGiorni=31;
		break;
		case 5:
			MeseDisp= "Giu";
			NumGiorni=30;
		break;
		case 6:
			MeseDisp= "Lug";
			NumGiorni=31;
		break;
		case 7:
			MeseDisp= "Ago";
			NumGiorni=31;
		break;
		case 8:
			MeseDisp= "Set";
			NumGiorni=30;
		break;
		case 9:
			MeseDisp= "Ott";
			NumGiorni=31;
		break;
		case 10:
			MeseDisp= "Nov";
			NumGiorni=30;
		break;
		case 11:
			MeseDisp= "Dic";
			NumGiorni=31;
		break;
		default:
        //echo "Nessun colore corrispondente alla tua selezione";
        break;
	}
	var month_year = MeseDisp + " " + cur_year;
	//alert ( "anno mese= " + month_year);
	document.getElementById("month_year").value= month_year;
	//alert("idMon2="+document.getElementById("mon").value);
		//calculate the first day of the month js
	var date = new Date();
	var firstDayM = new Date(date.getFullYear(), date.getMonth(), 1);
	//alert("firstDayM="+ firstDayM);
	//convert to string
	var strFirstDay = String(firstDayM);
	//alert("stringa"+ strFirstDay);
	var FirstDay3= strFirstDay.substr(0,3);
	
	//alert("FirstDay3="+ FirstDay3);
	//convert first day name to italian 
	switch (FirstDay3) {
		case "Mon":
			FirstDay3= "Lun";
		break;
		case "Tue":
			FirstDay3= "Mar";
		break;
		case "Wed":
			FirstDay3= "Mer";
		break;
		case "Thu":
			FirstDay3= "Gio";
		break;
		case "Fri":
			FirstDay3= "Ven";
		break;
		case "Sat":
			FirstDay3= "Sab";
		break;
		case "Sun":
			FirstDay3= "Dom";
		break;
		default:
        //echo "Nessun colore corrispondente alla tua selezione";
        break;
	}
	//alert("FirstDay3_conv="+ FirstDay3);
	//define an array to contain days names
	const ArrDispGG = [];
	//Setto array dei gg displayede
	// clean the array
	for (var i = 1; i <= 42; i++) { // perche?¨ 42 dovrebbe essere 7 rgg per riga x 6 righe
		ArrDispGG[i]= "";
	}
	switch (FirstDay3) { // Ora testo che giorno ?¨ il 1?° del mese 
		//CASE ArrDispGG( ?¨ l'array che visualizza il numero dei giorni del tuo calendaio) .DEVI TESTARE TUTTE LE prime 7 POSIZIONI per stabilire _
		// dove scrivere 1 ( se va nella casella 1 , 2 o ...7)
		//Lun case 1 di 7 va nella 1a casella
		case "Lun":
			ArrDispGG[1]=1; //va fisso nella prima cella dell'array caso maggio 2022
			//$ArrDispGG[1]=""; // in questo saso non ci sono caselle da abblencare
			m=1;
			//echo "CASE Giorno 1- In ARRGGDispIndice 2 metto valore=" .$ArrDispGG[1] ."-- m vale=" . $m . "-mese=" . $month. "<br>";
			//Se in $ArrDispGG[2] ho messo 1 da $ArrDispGG[3] metterò i numeri da 2 a 30 ( 30 gg perchè siamo in Novembre 2021)
			for (i = 2; i <= NumGiorni + 0; i++) { // percheè +0 perche la prima  casella delle 42 è già riempita percheè il 1 Maggio 2022( prima casell) è una domenica	
				ArrDispGG[i]= ArrDispGG[1] + m;		
				//echo " In ARRGGDispIndice=" . $i . "metto numero del giorno =" .$ArrDispGG[$i] ." m vale=" . $m  . "NumeroGiorniMese= " . $NumGiorni . "<br>";
				m=m + 1;
			}
		break;
		//CASE 2 di 7, va fisso nella seconda cella ( 2 di 7) dove compaiono i primi 7 gg del mese 
		case "Mar":
			ArrDispGG[2]=1; //va fisso nella seconda cella dell'array caso Febbraio 2022
			ArrDispGG[1]=""; // il giorno 1 SUN in questo caso è ""
			var m = 1;
			//echo "CASE Giorno 1- In ARRGGDispIndice 2 metto valore=" .$ArrDispGG[2] ."-- m vale=" . $m . "-mese=" . $month. "<br>";
			//Se in $ArrDispGG[2] ho messo 1 da $ArrDispGG[3] metterò i numeri da 2 a 30 ( 30 gg perchè siamo in Novembre 2021)
			for (var i = 3; i <= NumGiorni + 1; i++) { // percheè +1 perche la prima  casella delle 42 è stata saltata perchè il primo di novembre non è SUN
				ArrDispGG[i]= ArrDispGG[2] + m;
				//echo " In ARRGGDispIndice=" . $i . "metto numero del giorno =" .$ArrDispGG[$i] ." m vale=" . $m  . "NumeroGiorniMese= " . $NumGiorni . "<br>";
				m= m + 1;
			}
		break;
		//case 3 di 7 il mer va fisso nella terza cella ( prime 7 celle dell'array)
		case "Mer":
			ArrDispGG[3]=1; //va fisso nella terza cella dell'array
			ArrDispGG[1]=""; // il giorno 1 SUN in questo caso ?¨ ""
			ArrDispGG[2]=""; // il giorno 1 MON in questo caso ?¨ ""
			var m = 1;
			//echo "CASE Giorno 1- In ARRGGDispIndice 4 metto valore=" .$ArrDispGG[3] ."-- m vale=" . $m . "-mese=" . $month. "<br>";
			//Se in $ArrDispGG[2] ho messo 1 da $ArrDispGG[3] metter?2 i numeri da 2 a 30 ( 30 gg perch?¨ siamo in Novembre 2021)
			for (var i = 4; i<=NumGiorni + 2; i++) { // perche?¨ +3 perche le prime  3 caselle delle 42 sono stata saltata perch?¨ il primo di Dicembre 2021 ?¨ un Wed
				ArrDispGG[i]= ArrDispGG[3] + m;
				//echo " In ARRGGDispIndice=" . $i . "metto numero del giorno =" .$ArrDispGG[$i] ." m vale=" . $m  . "NumeroGiorniMese= " . $NumGiorni . "<br>";
				m = m +1;
			}
		break;
		//CASE 4 di 7
		case "Gio": // va fisso in quarta posizione , l'array conta da 1 in poi non da 0( caso Dicembre 2021)
			ArrDispGG[4]=1; //va fisso nella quarta cella dell'array
			ArrDispGG[1]=""; // il giorno 1 SUN in questo caso è ""
			ArrDispGG[2]=""; // il giorno 1 MON in questo caso è ""
			ArrDispGG[3]=""; // il giorno 1 TUE in questo caso è ""
			var m=1;
			//echo "CASE Giorno 1- In ARRGGDispIndice 4 metto valore=" .$ArrDispGG[4] ."-- m vale=" . $m . "-mese=" . $month. "<br>";
			//Se in $ArrDispGG[2] ho messo 1 da $ArrDispGG[3] metterò i numeri da 2 a 30 ( 30 gg perchè siamo in Novembre 2021)
			for (var i = 5; i <= NumGiorni + 3; i++) { // percheè +3 perche le prime  3 caselle delle 42 sono stata saltata perchè il primo di Dicembre 2021 è un Wed
				ArrDispGG[i]= ArrDispGG[4] + m;
				//echo " In ARRGGDispIndice=" . $i . "metto numero del giorno =" .$ArrDispGG[$i] ." m vale=" . $m  . "NumeroGiorniMese= " . $NumGiorni . "<br>";
				m = m + 1;
			}
		break;
		//CASE 5 di 7, ven va nella quinta casella di 7 ( es 1/4/2022)
		case "Ven": // va fisso in quarta posizione , l'array conta da 1 in poi non da 0( caso Dicembre 2021)
			ArrDispGG[5]=1; //va fisso nella quarta cella dell'array
			ArrDispGG[1]=""; // il giorno 1 SUN in questo caso è ""
			ArrDispGG[2]=""; // il giorno 1 MON in questo caso è ""
			ArrDispGG[3]=""; // il giorno 1 TUE in questo caso è ""
			ArrDispGG[4]=""; // il giorno 1 TUE in questo caso è ""
			var m=1;
			//echo "CASE Giorno 1- In ARRGGDispIndice 4 metto valore=" .$ArrDispGG[4] ."-- m vale=" . $m . "-mese=" . $month. "<br>";
			//Se in $ArrDispGG[2] ho messo 1 da $ArrDispGG[3] metterò i numeri da 2 a 30 ( 30 gg perchè siamo in Novembre 2021)
			for (var i = 6; i <= NumGiorni + 4; i++) { // percheè +4 perche le prime  4 caselle delle 42 sono stata saltata perchè il primo di Settembre 2022 è Giovedi(_
			//Salta Sun, Mon, Tue,Wed( 4)
			ArrDispGG[i]= ArrDispGG[5] +m;
				//echo " In ARRGGDispIndice=" . $i . "metto numero del giorno =" .$ArrDispGG[$i] ." m vale=" . $m  . "NumeroGiorniMese= " . $NumGiorni . "<br>";
				m= m + 1;
			}
		break;
		//CASE 6 di 7, va fissonella sesta di 7 cella dell'array
		case "Sab":
		//alert("sono sabato");
		var FriSat="Sab";
			ArrDispGG[6]=1; //va fisso nella settima cella dell'array
			ArrDispGG[1]=""; 
			ArrDispGG[2]=""; 
			ArrDispGG[3]=""; 
			ArrDispGG[4]=""; 
			ArrDispGG[5]=""; 
			m = 1;
		// PROBLEMA( dovrebbe succedere solo con Fri e Sat:se il 1° del mese è FRI, in questo caso io ho che il 2 è un Sat, il 9 il 16 il 23 e il 30( casella 42) è un SAT , quindi mi basta una casella in più oltre le 42
		//echo "CASE Giorno 1- In ARRGGDispIndice 7 metto valore=" .$ArrDispGG[7] ."-- m vale=" . $m . "-mese=" . $month. "<br>";
			//Se in $ArrDispGG[2] ho messo 1 da $ArrDispGG[3] metterò i numeri da 2 a 30 ( 30 gg perchè siamo in Novembre 2021)
			for (i = 7; i<=NumGiorni + 5; i++) { // percheè +5 perche le prime  5 caselle delle 42 sono stata saltata perchè il primo di Gennaio 2022 è un Sat
				ArrDispGG[i]= ArrDispGG[6] + m;
				//echo " In ARRGGDispIndice=" . $i . "metto numero del giorno =" .$ArrDispGG[$i] ." m vale=" . $m  . "NumeroGiorniMese= " . $NumGiorni . "<br>";
				m = m + 1;
			}
		break;
		//CASE 7 di 7, settima casella 1A riga
		case "Dom": // va fisso in settima posizione , l'array conta da 1 in poi non da 0
		//C'è un BEL PROBLEMA , se il primo gg è Dom lo carico in cella 7 di 42., ok. A 7 sommo 31 che sono i gg di gennaio 2022. ._Se
		//il 1° del mese è SAT( ora Dom) ho che 8 ,15,22 e 29( casella 42) sono SAT. Quindi mi servono  altre 2 caselle oltre le 35
			FriSat="Dom";
			ArrDispGG[7]=1; //va fisso nella settima cella dell'array
			ArrDispGG[1]=""; 
			ArrDispGG[2]=""; 
			ArrDispGG[3]=""; 
			ArrDispGG[4]=""; 
			ArrDispGG[5]=""; 
			ArrDispGG[6]=""; 
			var m=1;
			//echo "CASE Giorno 1- In ARRGGDispIndice 7 metto valore=" .$ArrDispGG[7] ."-- m vale=" . $m . "-mese=" . $month. "<br>";
			//Se in $ArrDispGG[2] ho messo 1 da $ArrDispGG[3] metterò i numeri da 2 a 30 ( 30 gg perchè siamo in Novembre 2021)
			for (var i = 8; i <= NumGiorni + 6; i++) { // percheè +6 perche le prime  6 caselle delle 42 sono stata saltata perchè il primo di Gennaio 2022 è un Sat
				ArrDispGG[i]= ArrDispGG[7] + m;
				//echo " In ARRGGDispIndice=" . $i . "metto numero del giorno =" .$ArrDispGG[$i] ." m vale=" . $m  . "NumeroGiorniMese= " . $NumGiorni . "<br>";
			
				m = m + 1;
			}
		break;
		default:
        //echo "Nessun colore corrispondente alla tua selezione";
        break;
	}
	for (var i = 15; i <= 25; i++) { // il valore massimo dovrebbe essere 42( 7 gg per riga per 6 righe)
		//alert ("ArrdispGG di = " + i + " contiene=" + ArrDispGG[i]);
		//console.log("ArrdispGG di = " + i + " contiene=" + ArrDispGG[i]);
		
	}
	//try to display ArrDispGG
	document.getElementById("ArrDispGG_1").value= ArrDispGG[1];
	document.getElementById("ArrDispGG_2").value= ArrDispGG[2];
	document.getElementById("ArrDispGG_3").value= ArrDispGG[3];
	document.getElementById("ArrDispGG_4").value= ArrDispGG[4];
	document.getElementById("ArrDispGG_5").value= ArrDispGG[5];
	document.getElementById("ArrDispGG_6").value= ArrDispGG[6];
	document.getElementById("ArrDispGG_7").value= ArrDispGG[7];
	
	document.getElementById("ArrDispGG_8").value= ArrDispGG[8];
	document.getElementById("ArrDispGG_9").value= ArrDispGG[9];
	document.getElementById("ArrDispGG_10").value= ArrDispGG[10];
	document.getElementById("ArrDispGG_11").value= ArrDispGG[11];
	document.getElementById("ArrDispGG_12").value= ArrDispGG[12];
	document.getElementById("ArrDispGG_13").value= ArrDispGG[13];
	document.getElementById("ArrDispGG_14").value= ArrDispGG[14];
	
	document.getElementById("ArrDispGG_15").value= ArrDispGG[15];
	document.getElementById("ArrDispGG_16").value= ArrDispGG[16];
	document.getElementById("ArrDispGG_17").value= ArrDispGG[17];
	document.getElementById("ArrDispGG_18").value= ArrDispGG[18];
	document.getElementById("ArrDispGG_19").value= ArrDispGG[19];
	document.getElementById("ArrDispGG_20").value= ArrDispGG[20];
	document.getElementById("ArrDispGG_21").value= ArrDispGG[21];
	
	document.getElementById("ArrDispGG_22").value= ArrDispGG[22];
	document.getElementById("ArrDispGG_23").value= ArrDispGG[23];
	document.getElementById("ArrDispGG_24").value= ArrDispGG[24];
	document.getElementById("ArrDispGG_25").value= ArrDispGG[25];
	document.getElementById("ArrDispGG_26").value= ArrDispGG[26];
	document.getElementById("ArrDispGG_27").value= ArrDispGG[27];
	document.getElementById("ArrDispGG_28").value= ArrDispGG[28];
	
	document.getElementById("ArrDispGG_29").value= ArrDispGG[29];
	document.getElementById("ArrDispGG_30").value= ArrDispGG[30];
	document.getElementById("ArrDispGG_31").value= ArrDispGG[31];
	document.getElementById("ArrDispGG_32").value= ArrDispGG[32];
	document.getElementById("ArrDispGG_33").value= ArrDispGG[33];
	document.getElementById("ArrDispGG_34").value= ArrDispGG[34];
	document.getElementById("ArrDispGG_35").value= ArrDispGG[35];
	
	document.getElementById("ArrDispGG_36").value= ArrDispGG[36];
	document.getElementById("ArrDispGG_37").value= ArrDispGG[37];
	document.getElementById("ArrDispGG_38").value= ArrDispGG[38];
	document.getElementById("ArrDispGG_39").value= ArrDispGG[39];
	document.getElementById("ArrDispGG_40").value= ArrDispGG[40];
	document.getElementById("ArrDispGG_41").value= ArrDispGG[41];
	document.getElementById("ArrDispGG_42").value= ArrDispGG[42];

	var dt = new Date();
	var month = dt. getMonth();
	
	
	switch (FriSat) {
		case "Sab": //8A riga displeiata solo in alcuni casi
			//alert ("=============================================================sono Fri");
			var dt = new Date();
			var month = dt. getMonth();
			var year = dt. getFullYear();
			daysInMonth = new Date(year, month, 0). getDate();
			//alert ("days month11=="+ daysInMonth + "mese="+  month);//Ven va in sesta poszione di 7 se il mese ha 30 gg_
			//non servev displeiare 8 riga
			if(daysInMonth === 31){
				//alert("ndays!!!=" + daysInMonth);
				//document.getElementById("tr8").style.display='block';.Incredible it's OK!
				 document.getElementById('tr8').style.display='table-row';
			}
			else{
				//alert("sonoqua in else");
				//document.getElementById("tr8").style.display='block';
			}
		break;
		case "Dom": //displaia sempre 8 riga
			//alert ("=============================================================sono Sat");
			//document.getElementById("tr8").style.display='block';
			document.getElementById('tr8').style.display='table-row';
		break;
		default:
		
	}
		//alert("1=" + ArrDispGG[1] + "--2="+ ArrDispGG[2] + "--3="+ ArrDispGG[3] + "--4=" + ArrDispGG[4] + "--5=" + ArrDispGG[5]);
		
});

</script>	
	

And the css code:

/*IMP questa allarga la width delle pages in twenty 19*/

body.page .entry .entry-content > *, .entry .entry-summary > * {
        max-width: none;
}
/* eliminare scritta home page in home page twenty nineteene */
.entry-title {
   display: none;
}

/* Questi 2 riducono un po lo spazio tra la img di testata e il conntent della pagina */
.site-header {
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
    .site-header.featured-image {
        margin-bottom: 0;
    }
}

/* Start css per social icon e footer*/
.tab_footer_phom{
	margin-left:1px;
	margin-right:1px;		
	border:0px groove;
}

.tab_footer_phom td {
	
	/*border:1px groove;*/
	border-style:groove;
	border-width: 0px;
	border-color:coral;
	
}

.logo_banda_phom{
	margin-left: 1px; 
	/*float: left;*/
	margin-top:7px;
	width:190px;
	height:160px;
	align-center;
	display:block;
	/*vertical-align:middle;*/
	padding-bottom:5px;
}
.fa {
  padding: 5px;
  font-size: 20px; /* questo aumenta la height */
  width: 36px;
  text-align: center;
  /*text-decoration: none;*/
    text-decoration: none!important;
  margin: 5px 2px;
}

.fa:hover {
    /*opacity: 1;*/
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

/* end css per social icon e footer*/
/* elementi home page */

/*IMP!*/
input {
    width: 100%; /*IMP!importantissimo se non metti questo le width degli elementi input si sballano */
}
select {
    width: 100%;
}
button {
    width: 100%;
}
textarea {
    width: 100%;
}
td a { /* Non si sa se va */
  width: 100%;
  /*display: block;*/
}
/*IMPPPPPP!!!- Questo risolve 2 gg di lotta contro i bordini e le width di td e input text presenti nelle td */ 
input {
    width: 100%;
    padding: 10px;
    margin: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/* Non ci crederai ma se queste definizioni le metto nel css esterno non vanno*/
/* 6_VA!!!Cercare di togliere bordino nero grosso quando c'è setfocus Non è hover over*/
input:focus {
	outline: none;
	}
textarea:focus{
	outline: none;	
	}
button:focus{
	outline: none;	
	}
select:focus{
	outline: none;	
}	

.tbl_anag{
	position:relative;
	top:20px;
	/*margin-right: auto;*/
	/*margin-left: auto;*/
	margin-left: 1px;
	align:center;
	width:100%; 
	border:0px groove; /* bordo solo esterno tabella on off */
	/*table-layout: fixed;mi ha risolto il prb del bottone "esci" che rimaneva staccato/spostato ,con uno spazio incomprensibile, dal resto della tabella:Adesso trovata altra soluzione */
	/*border-spacing: 0;*/
	/*border-collapse: collapse;*/ /* con quello sopra riducono gli spazi tra celle ,se mbra solo in verticale...*/
	/*display:inline;*/
	/*border-collapse:separate; non inlfluise sul doppoio bordo quando le td sono sovrapposte luna all'altra  arrotonda i bordi */
}
/* qui tolgo e metto il border a quasi tutte le td della form_
se per?2 sulla td c'?¨ una input text o una textarea a loro per togliere il bordo devi applicare espressamente un border:0 */

.tbl_anag td{
    border: 0px groove; /* FA! on off bordo di tutte le td */
    border-style:solid;
	/*border-width:0px;*/
}
/* Una sola!!!! classe per tutti gli elementi */
.dati_tab{
	font: normal 14px calibri, helvetica, sans-serif;
	/*color: #000000;*/
	/*height:30px;*/
	/*border:0px groove; IMP!Se questa la commenti tutte le label non hanno bordo mentre le input text collegate, le textarea ecc ce l'hanno!!! */
}
/* per la combo non riesco a utilizzare cl dati_tab, devo alzare la height */
.cb_dati_tab{
	font: normal 14px calibri, helvetica, sans-serif;
	height:35px;
}
.immagine{
	/*position:relative;
	top:-340px;*/
	/*margin-left: 55%;*/
	width:100%; 
	border:1px groove; /* bordo solo esterno tabella on off */
}

.dati_gattino{
	/*font: normal 12px calibri, helvetica, sans-serif;*/
	height:15px;
	border:0px groove; /*IMP!Se questa la commenti tutte le label non hanno bordo mentre le input text collegate, le textarea ecc ce l'hanno!!! */
	text-align:center;
	font-family: helvetica, sans-serif; font-size: 14px;
}

.gattino{
	margin-top:0px;
	/*width:350px;
	height:200px; IMP la width 33% messa sulla
	align-center;
	display:block;
	/*vertical-align:middle;*/
	margin-right: auto;
	margin-left: auto;
}
/* Sono le due tb del blocco calendar e sono affiancate */
.tbl_main{
	position:relative;
	top:20px;
	/*margin-right: auto;*/
	/*margin-left: auto;*/
	margin-left: 1px;
	align:center;
	width:75%; 
	max-height:70px;
	border:0px groove; /* bordo solo esterno tabella on off */
}
.tbl_calendar{
	position:relative;
	left:627px;
	width:25%;
	top:-317px;
	margin-right: auto;
	margin-left: auto;
	border:0px groove; /* bordo solo esterno tabella on off */
}

.tbl_main td {
  border: 0px groove; /* stranamente non fa on off bordo di tutte le td */
/* qui tolgo e metto il border a quasi tutte le td della form_
se però sulla td c'è una input text o una textarea a loro per togliere il bordo devi applicare espressamente un border:0 */

.tbl_calendar td{
  border: 1px groove; /* stranamente non fa on off bordo di tutte le td ,devi invertire "td" va messo dopo*/
}
/* end elementi home page */
/* Elementi pagina Amministratore */
 
    .table1_pam{
	margin-left:1%x;
	margin-right:1%;		
}
.logo_guer{
	/*margin-left: 50px; */
	/*float: left;*/
	margin-top:0px;
	width:270px;
	height:260px;
	align-center;
	display:block;
	/*vertical-align:middle;*/
}

.cl_btn1 {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 14px;
 background-color: #FF0000;
 border-radius: 3px;
 padding: 10px 5px;
 border: 0px solid #FF0000;
 cursor: pointer;
 /*text-decoration-color: #FFFFFF;*/
 text-decoration: underline;
}
    
    
 
 /* end elementi pagina amministratore */   

Many thanks
Best regards
Valerio

Hi ,
ok per Javascript, do you have some advices/links I can follow ?
Question:If I have in functions.php a define like this:
define("THEME_IMG_PATH","https://localhost/WpSite/Images");
and in WP page I have:
<div ><img src="<?php echo THEME_IMG_PATH; ?>/img1.png"></div>
Can the echo command display img1?
I run a test but it doesn’t work.
Thanks for your help

Hi,
what I want to achieve is to click different links in order to display different images. I try to make a summary:
In my web page I have 2 links.When I click link1 in $my_var I should set image’s path 1, when I click link2 in $my_var I have to set image’s path 2. What is it not running is
the echo command that should run in a html content like this
<div class="divi_3_psl" ><img class="img_psl" src="<?php echo $my_var ?>"
Let me know if you need more details.
Thanks

Hi Joy,
please do not consider previous post.
I have done further test following your suggestion of functions.php. In that file I put the following:

global $my_var;
//$my_var="https://localhost/WpSito2/Images/Site_library_page/def_img.png"; both don't work
$my_var=".\WpSito2\Images\Site_library_page\def_img.png";

Then in the php-snippet at the top of the WP page I put :

global $my_var;

if(isset($_GET['link'])) {
        $link=$_GET['link'];
        if ($link == '1'){
         $my_var=".\WpSito2\Images\Site_library_page\Standard\img1.png";
       }

In the Web page i have:

	<div class="divi_1_psl" ><img class="img_psl" src="[xyz-ips snippet="echo-url1"]">

And in the [xyz-ips snippet="echo-url1]the content is:

<?php
echo $GLOBALS['$my_var'];
?>

So if in $my_var , in functions.php, I set a simple text e.g “Hello” and in the top-snippet I set $my_var=“Goodbye” ,when I load the Web page “Hello” is displayed and clicking the link , condition is $link=1, I see “Goodbye”.It works!But using image ,instead of the text, no! Do you have any idea in order to help in figure out this problem ?
Many thanks

• This reply was modified 4 years, 4 months ago by valerio.

HI Joy
I need the links because different links give different images displayed.I did further tests: if in the snippet where I have

if(isset($_GET['link'])){ 

I insert global $url1 and I put global $usrl1 in the snippet named [xyz-ips snippet="echo-url1"] as well, the echo command works. Unfortunately in the web site page I have
<img src="[xyz-ips snippet="echo-url1"]"> and the element src can contain only the echo command no other.
Can you clarify me your point of view about “can call funcion directly” if this can help to fix this issue.
Thanks

Hi Tim
Sorry for this long time with any replies by me. In this time I didn’t receive any e-mail of advice “new message” and so I thought there were no updates related my topic. Today I tested the code you suggest into web site but I still have unwanted spaces between images and borders. In my experience the html code working fine outside web site could be no working in WP web site as well( this concerning free Generate Press theme). Anyway I found an alternative solution using a WP plugin Envira Gallery to diplay images in a simpler way.
Thanks again for your help
Valerio

Hi Tim thank for your answer.I am using block editor , usually I prepare the code in external?html file and the I put it on the html block page.As You suggest I remove the height?attribute at the table level but didn’t solve.In my email answer I attached a jpg to show you how happened the page. The strange thing is that using the same code in an external html file everything is correct and I don’t?have any unwanted space between borders and imgs.I confirm you ,I am working locally.