Os explico el modulo me da los eventos programados en un lateral de la web quedando así:
Fiesta cumpleaños - Paco
el 20.08.2010
Valencia
Excursión al río
el 30.09.2010
Valencia
Pero claro lo que quiero es que detrás de cada evento tenga un fondo tipo botón que le he preparado, pero claro al ponerle el "style="background:url(img/boton-eventos.jpg);" me aparece ese botón para los dos eventos y no como yo quiero que es con una separación, no se si me explico bien :S.
Código:
Fiesta cumpleaños - Paco el 20.08.2010 Valencia
Código:
Algo así, pero claro de fondo la imagen que tengo preparada ya.Excursión al río el 30.09.2010 Valencia
Como podría ponerlo??
Aquí os dejo el code que estoy retocando a ver si me podéis decir por favor.
Código PHP:
<?php
defined('_JEXEC') or die('Restricted access');
?>
<div id="elmodulewide" style="margin-top:30px;">
<table width="324" border="0" cellpadding="5" cellspacing="0" class="eventset" summary="mod_eventlist_wide">
<colgroup>
<col width="100%" class="elmodw_col_title" />
<col width="100%" class="elmodw_col_category" />
<col width="100%" class="elmodw_col_venue" />
<col width="100%" class="elmodw_col_eventimage" />
<col width="100%" class="elmodw_col_venueimage" />
</colgroup>
<?php foreach ($list as $item) : ?>
<tr>
<td width="314" valign="top">
<span class="event-title">
<?php if ($item->eventlink) : ?>
<a href="<?php echo $item->eventlink; ?>" title="<?php echo $item->title; ?>">
<?php endif; ?>
<strong>
<?php echo $item->title; ?>
</strong>
<?php if ($item->eventlink) : ?>
</a>
<?php endif; ?>
</span>
<br /><br />
<span class="date">
<strong>
<?php echo $item->date; ?>
</strong>
</span>
<br /><br />
<span class="category">
<?php if ($item->categorylink) : ?>
<a href="<?php echo $item->categorylink; ?>" title="<?php echo $item->catname; ?>">
<?php endif; ?>
<?php echo $item->catname; ?>
<?php if ($item->categorylink) : ?>
</a>
<?php endif; ?>
</span>
<br /> <br />
<!--Separacion de eventos-->
<br /> <br />
</td>
</tr>
<?php endforeach; ?>
</table>
</div>
Código HTML:
div#elmodulewide { width: 100%; } div#elmodulewide .eventset { width: 100%; margin-bottom: 10px; padding: 5px; border-bottom: 1px dotted silver; } div#elmodulewide span.event-title { padding-left: 25px; background: url(img/flag_red.png) no-repeat; font-size: 12px; } div#elmodulewide span.time { padding-left: 25px; background: url(img/time.png) no-repeat; padding-top: 2px; } div#elmodulewide span.date { padding-left: 25px; background: url(img/date.png) no-repeat; padding-top: 2px; } div#elmodulewide span.category { position: relative; padding-left: 25px; background: url(img/category.png) no-repeat; font-size: 12px; } div#elmodulewide span.venue-title { position: relative; padding-left: 25px; background: url(img/building.png) no-repeat; font-size: 12px; } div#elmodulewide .event-image-cell { } div#elmodulewide .venue-image-cell { } div#elmodulewide .image-preview { height: 35px; border: 1px solid #CCCCCC; padding: 3px; background-color: white; margin: 3px; }
Gracias de antemano.
Un saludo.