Hallo,

Ik heb een vraag over een php bestand, in dit bestand zit een tabel in maar ik wil dat de randen onzichtbaar worden maar hoe doe ik dit?

<?php
/**
* @version 2.2.3
* @package JEM
* @subpackage JEM Teaser Module
* @copyright (C) 2013-2017 joomlaeventmanager.net
* @copyright (C) 2005-2009 Christoph Lukes
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*/
defined('_JEXEC') or die;

if ($params->get('use_modal', 0)) {
JHtml::_('behavior.modal', 'a.flyermodal');
$modal = 'flyermodal';
} else {
$modal = 'notmodal';
}
?>

<div class="jemmoduleteaser<?php echo $params->get('moduleclass_sfx')?>" id="jemmoduleteaser">
<?php ?>
<div class="eventset" summary="mod_jem_teaser">
<?php if (count($list)) : ?>
<?php foreach ($list as $item) : ?>
<table>
<tr>
<td class="event-calendar">
<div class="calendar<?php echo '-'.$item->colorclass; ?>"
title="<?php echo strip_tags($item->dateinfo); ?>"
<?php if (!empty($item->color)) : ?>
style="background-color: <?php echo $item->color; ?>"
<?php endif; ?>
>
<div class="monthteaser">
<?php echo $item->month; ?>
</div>
<div class="dayteaser">
<?php echo empty($item->dayname) ? '<br/>' : $item->dayname; ?>
</div>
<div class="daynumteaser">
<?php echo empty($item->daynum) ? '?' : $item->daynum; ?>
</div>
</div>
</td>
<td class="event-info">
<div class="teaser-jem">
<div>
<h2 class="event-title">
<?php if ($item->eventlink) : ?>
<a href="<?php echo $item->eventlink; ?>" title="<?php echo $item->fulltitle; ?>"><?php echo $item->title; ?></a>
<?php else : ?>
<?php echo $item->title; ?>
<?php endif; ?>
</h2>

</div>
<div>
<?php echo $item->eventdescription; ?>
<?php if (isset($item->link) && $item->readmore != 0 && $params->get('readmore')) :
echo '<a class="readmore" href="'.$item->link.'">'.$item->linkText.'</a>';
endif;
?>
</div>
</div>
</td>
</tr>
</table>
<tr>
<td class="event-datetime">
<?php if ($item->date && $params->get('datemethod', 1) == 2) :?>
<div class="date" title="<?php echo strip_tags($item->dateinfo); ?>">
<small><?php echo $item->date; ?></small>
</div>
<?php endif; ?>
<?php if ($item->time && $params->get('datemethod', 1) == 1) :?>
<div class="time" title="<?php echo strip_tags($item->dateinfo); ?>">
<small><?php echo $item->time; ?></small>
</div>
<?php endif; ?>
</td>
<td class="event-vencat">
<div class="venue-title">
<?php if ($item->venuelink) : ?>
<a href="<?php echo $item->venuelink; ?>" title="<?php echo $item->venue; ?>"><?php echo $item->venue; ?></a>
<?php else : ?>
<?php echo $item->venue; ?>
<?php endif; ?>
</div>
</td>
</tr>

<?php endforeach; ?>
<?php else : ?>
<?php echo JText::_('MOD_JEM_TEASER_NO_EVENTS'); ?>
<?php endif; ?>
</div>
</div>

<?php
/**
 * @version 2.2.3
 * @package JEM
 * @subpackage JEM Teaser Module
 * @copyright (C) 2013-2017 joomlaeventmanager.net
 * @copyright (C) 2005-2009 Christoph Lukes
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
defined('_JEXEC') or die;

if ($params->get('use_modal', 0)) {
	JHtml::_('behavior.modal', 'a.flyermodal');
	$modal = 'flyermodal';
} else {
	$modal = 'notmodal';
}
?>

<div class="jemmoduleteaser<?php echo $params->get('moduleclass_sfx')?>" id="jemmoduleteaser">
<?php ?>
	<div class="eventset" summary="mod_jem_teaser">
	<?php if (count($list)) : ?>
		<?php foreach ($list as $item) : ?>
			<table>
				<tr>
					<td class="event-calendar">
						<div class="calendar<?php echo '-'.$item->colorclass; ?>"
						     title="<?php echo strip_tags($item->dateinfo); ?>"
							<?php if (!empty($item->color)) : ?>
						     style="background-color: <?php echo $item->color; ?>"
							<?php endif; ?>
						>
							<div class="monthteaser">
								<?php echo $item->month; ?>
							</div>
							<div class="dayteaser">
								<?php echo empty($item->dayname) ? '<br/>' : $item->dayname; ?>
							</div>
							<div class="daynumteaser">
								<?php echo empty($item->daynum) ? '?' : $item->daynum; ?>
							</div>
						</div>
					</td>
					<td class="event-info">
						<div class="teaser-jem">
							<div>
								<h2 class="event-title">
				<?php if ($item->eventlink) : ?>
					<a href="<?php echo $item->eventlink; ?>" title="<?php echo $item->fulltitle; ?>"><?php echo $item->title; ?></a>
				<?php else : ?>
					<?php echo $item->title; ?>
				<?php endif; ?>
			</h2>

							</div>
							<div>
								<?php echo $item->eventdescription; ?>
								<?php if (isset($item->link) && $item->readmore != 0 && $params->get('readmore')) :
									echo '<a class="readmore" href="'.$item->link.'">'.$item->linkText.'</a>';
									endif;
								?>
							</div>
						</div>
					</td>
				</tr>
			</table>
				<tr>
					<td class="event-datetime">
						<?php if ($item->date && $params->get('datemethod', 1) == 2) :?>
							<div class="date" title="<?php echo strip_tags($item->dateinfo); ?>">
								<small><?php echo $item->date; ?></small>
							</div>
						<?php endif; ?>
						<?php if ($item->time && $params->get('datemethod', 1) == 1) :?>
							<div class="time" title="<?php echo strip_tags($item->dateinfo); ?>">
								<small><?php echo $item->time; ?></small>
							</div>
						<?php endif; ?>
					</td>
					<td class="event-vencat">
						<div class="venue-title">
						<?php if ($item->venuelink) : ?>
							<a href="<?php echo $item->venuelink; ?>" title="<?php echo $item->venue; ?>"><?php echo $item->venue; ?></a>
						<?php else : ?>
							<?php echo $item->venue; ?>
						<?php endif; ?>
						</div>
					</td>
				</tr>

		<?php endforeach; ?>
	<?php else : ?>
		<?php echo JText::_('MOD_JEM_TEASER_NO_EVENTS'); ?>
	<?php endif; ?>
	</div>
</div>
Deze package/module/plugin heeft van zichzelf al opmaak. Zoek het stylesheet, maak een backup (zodat je het origineel nog hebt) en pas deze aan. Of doe wat gebruikelijk is wanneer je opmaak van aangeleverde componenten aanpast.

Alle pakketten hebben hier meestal wel regels en voorzieningen voor, waarschijnlijk zo ook Joomla.

Ook is het handig om je te realiseren dat jouw probleem niet uniek is. Je hebt standaard/ingekochte functionaliteit die je visueel wat verder wil tweaken. Gooi eens wat generieke zoekopdrachten in de Goegel, deze sturen je meestal wel in de goede richting. Of kijk in de FAQ van de website van deze module of gebruik dat in je zoekterm?

Enige inventiviteit vereist.
Een toelichting op het verhaal van Thomas:
In jouw code staan een aantal classes opgenomen. En dat is de opmaak die in een stylesheet (bestand.css) staat. Hieronder een paar voorbeelden uit jouw code:
class="event-info"
class="teaser-jem"
class="event-title"
Zoek in de css file, die bovenin de code wordt gekoppeld op, zoek dan in de stylesheet naar deze classes. Je kunt de styling, opmaak daar nu in aanpassen. En eerst een backup maken is zeer aan te raden.

Een voorbeeld hoe dit in de css kan staan:

.event-info {
background-color: yellow;
border-radius:6px;
border: 1px solid #fefefe;
}

Verder dus heel veel zoeken met Google naar voorbeelden. Succes!
De algemene CSS-oplossing is:


table {
  border-collapse: collapse;
}


Je kunt dit inline toepassen door <table> in de listing uit te breiden tot:


<table style="border-collapse:collapse">

Reageren