• Hello,
    I am developing a site locally with Wp version 5.8.3. I noted that on home page between second and third html block the theme inlcude some empty space ( some lines). I have been doing many tries in order to remove them but I don’t figure out.
    Any help will be very appreciated

Viewing 3 replies - 1 through 3 (of 3 total)
  • I just installed a new test site, WP 5.8.3 with Twenty Nineteen theme 2.1. No plugin.

    Created and configured a custom homepage.

    Added 3 Custom HTML blocks to this homepage using the native block editor. Each Custom HTML block contained just the text HELLO — with no HTML markup.

    The three blocks were rendered as HELLO HELLO HELLO — all on a single line without even a line break added (see screenshot below).

    So it doesn’t seem like the theme is specifically doing what you say it’s doing.

    What’s more likely is that some HTML markup you added to the second or 3rd Custom HTML block has some default styling in the Twenty Nineteen theme that you may have to override.

    If you can share the code in your custom HTML blocks, I’d see if I can replicate the issue and help you remove the extraneous spacing with custom CSS.

    Thread Starter valerio

    (@valgo54)

    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

    Thread Starter valerio

    (@valgo54)

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty nineteen theme empty between blocks’ is closed to new replies.