Hola a todos, bueno tengo un problemilla, he realizado algunas modificaciones en este modulo del eventils, pero quisiera hacer una más y no consigo que me salga como quiero.
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:
Excursión al río
el 30.09.2010
Valencia
Algo así, pero claro de fondo la imagen que tengo preparada ya.
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.