White area after events list

OH sorry :-),
this is the link http://screenshot.net/grrrbrg

I don’t remember 🙂 I did it a lot of time ago.

I changed in the first tab the shortcode with

[events_list scope=”today”][/events_list]:

Now the white rettangle is disappeared, but css is broken.

Do you have some code to change css fast to have a simple compact event list layout?

Here my situation: http://www.dayroma.it

thank you my friend,
but I don’t know how to delete pre tag.
I put this code in Events Manager->Settings->Format:

<table class="myTableEvents">
    <thead>
        <tr>
		<th width="20%"></th>
		<th width="80%"></th>
	</tr>
   	</thead>
    <tbody>

and

<tr><div id="event_container">
      <td>
               #_EVENTIMAGE{300,300}
      </td>
            <td>
               <div id="event_title">#_EVENTLINK</div>

               <div id="event_info"> #_EVENTDATES, #_EVENTTIMES, #_LOCATIONADDRESS, #_LOCATIONNAME </div>
<div id="booking_button">#_BOOKINGBUTTON </div>
 <div id="list_attendees">#_ATTENDEESLIST</div>
            </td>
</div></tr>

I don’t know why

/pre/ tag is inserted…

Here myTableEvents class css:

.myTableEvents {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #777777;
	border:1px solid #cccccc;

	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;

	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;

	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;

	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.myTableEvents table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.myTableEvents tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.myTableEvents table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.myTableEvents table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}
.myTableEvents tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}

.myTableEvents tr:hover td{

}
.myTableEvents tr:nth-child(odd){ background-color:#f2f2f2; }
.myTableEvents tr:nth-child(even)    { background-color:#ffffff; }
.myTableEvents td{

	border:1px solid #cccccc;
	border-width:0px 1px 1px 0px;
	text-align:left;
	font-size:15px;
	font-family:Arial;
	color:#666666;

}
.myTableEvents tr:last-child td{
	border-width:0px 1px 0px 0px;
}
.myTableEvents tr td:last-child{
	border-width:0px 0px 1px 0px;
}
.myTableEvents tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}

/*
.myTableEvents tr:hover td{
	background:-o-linear-gradient(bottom, #ff3333 5%, #ff3333 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff3333), color-stop(1, #ff3333) );
	background:-moz-linear-gradient( center top, #ff3333 5%, #ff3333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff3333", endColorstr="#ff3333");	background: -o-linear-gradient(top,#ff3333,#ff3333);

	background-color:#ffe5e5;
}*/

.myTableEvents tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.myTableEvents tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

There also are problems with image resize 🙁

Are you sure that pre tag can change a table layout?

I asked to my theme support but I don’t know if is a theme problem,
Thank you anyway

Thank you,
how can I remove pre tag?