Tabelranden
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?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?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';
}
?>
/**
* @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" id="jemmoduleteaser">
Code (php)
1
<?php ?>
<div class="eventset" summary="mod_jem_teaser">
<table>
<tr>
<td class="event-calendar">
<div class="calendar"
title=""
style="background-color: "
Code (php)
1
<?php endif; ?>
>
<div class="monthteaser">
</div>
<div class="dayteaser">
</div>
<div class="daynumteaser">
</div>
</div>
</td>
<td class="event-info">
<div class="teaser-jem">
<div>
<h2 class="event-title">
<a href="" title=""></a>
Code (php)
1
<?php endif; ?>
</h2>
</div>
<div>
Code (php)
</div>
</div>
</td>
</tr>
</table>
<tr>
<td class="event-datetime">
<div class="date" title="">
<small></small>
</div>
Code (php)
1
<?php endif; ?>
<div class="time" title="">
<small></small>
</div>
Code (php)
1
<?php endif; ?>
</td>
<td class="event-vencat">
<div class="venue-title">
<a href="" title=""></a>
Code (php)
1
<?php endif; ?>
</div>
</td>
</tr>
Code (php)
1
<?php endforeach; ?>
Code (php)
1
<?php endif; ?>
</div>
</div>
Doe dit voor de eerste keer.
<table border="0"> in plaats van <table>
misschien??
Gewijzigd op 22/05/2018 22:33:20 door Aad B
Zie ook de Veelgestelde Vragen.
Ron Zevenbergen op 22/05/2018 22:20:49:
Nou ben aan zoeken gegaan maar ik kom ook niet uit om CSS aan te hangen.
Doe dit voor de eerste keer.
Doe dit voor de eerste keer.
Heb je al wel verstand van stylesheets (of evt. style block), en het koppelen van een stijl aan een ID/class (of evt. inline style)?
- Ariën - op 22/05/2018 23:28:11:
Kan je code-tags aan je script toevoegen? Dan kunnen we het een stuk beter lezen.
Zie ook de Veelgestelde Vragen.
Zie ook de Veelgestelde Vragen.
Bij het plaatsen van de vraag heb ik onder de vraag het complete php bestand geplakt, waarom hij dat nu het script raar plaats.
Wil ik het bericht bewerken dan zie ik gewoon het hele script onder mijn vraag staan.
Toevoeging op 23/05/2018 08:00:55:
Rob Doemaarwat op 22/05/2018 23:40:52:
Heb je al wel verstand van stylesheets (of evt. style block), en het koppelen van een stijl aan een ID/class (of evt. inline style)?
Ron Zevenbergen op 22/05/2018 22:20:49:
Nou ben aan zoeken gegaan maar ik kom ook niet uit om CSS aan te hangen.
Doe dit voor de eerste keer.
Doe dit voor de eerste keer.
Heb je al wel verstand van stylesheets (of evt. style block), en het koppelen van een stijl aan een ID/class (of evt. inline style)?
Nee helaas heb er niet voor geleerd als ik iets wil dan zoek ik het meestal op
Gewijzigd op 23/05/2018 08:53:27 door Jan te Pas
Jan te Pas op 23/05/2018 08:52:48:
Toch handig als je eens de tip van Ariën gaat opvolgen, en dus lezen hoe je hier code plaatst. Vervolgens ook de tips of verwijzingen lezen. Dan kom je er zeker uit. Wij helpen graag, maar dan moet je het wel goed aanleveren.Dus kijk even naar de code en /code met iets er voor en achter....
Bij het plaatsen van de vraag heb ik onder de vraag het complete php bestand geplakt, waarom hij dat nu het script raar plaats.
Wil ik het bericht bewerken dan zie ik gewoon het hele script onder mijn vraag staan.
Ron Zevenbergen op 23/05/2018 08:55:25:
Bij het plaatsen van de vraag heb ik onder de vraag het complete php bestand geplakt, waarom hij dat nu het script raar plaats.
Wil ik het bericht bewerken dan zie ik gewoon het hele script onder mijn vraag staan.
Jan te Pas op 23/05/2018 08:52:48:
Toch handig als je eens de tip van Ariën gaat opvolgen, en dus lezen hoe je hier code plaatst. Vervolgens ook de tips of verwijzingen lezen. Dan kom je er zeker uit. Wij helpen graag, maar dan moet je het wel goed aanleveren.Dus kijk even naar de code en /code met iets er voor en achter....
Bij het plaatsen van de vraag heb ik onder de vraag het complete php bestand geplakt, waarom hij dat nu het script raar plaats.
Wil ik het bericht bewerken dan zie ik gewoon het hele script onder mijn vraag staan.
Begin met het antwoordenin het lege veld. Dan begin je schoon. Zet dan (code)
Plak de code er in
Eindig met (/code)
Alleen moet je i.p.v. de de ronde haken die ik hier gebruikt heb de [ en ] gebruiken. Werden dat het nu goed gaat.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<?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>
/**
* @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>
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.
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!
Code (php)
1
2
3
2
3
table {
border-collapse: collapse;
}
border-collapse: collapse;
}
Je kunt dit inline toepassen door <table> in de listing uit te breiden tot:
Code (php)
1
<table style="border-collapse:collapse">