Welcome, Guest
Username: Password: Remember me

TOPIC: [SOLVED] link space behind button to small

link space behind button to small 2 months 3 weeks ago #25764

Thank you for the reaction.
I copied the code from the page, Is this what you mean?

The button links where only working correctly on the page: event

Eventlist

<div id="jem" class="jem_eventslist">
<div class="buttons">
<a href="/index.php/agenda/eventslist.html?task=archive&filter_reset=1" class=" hasTooltip" title="<strong>Toon het archief</strong><br />Klik om naar het archief te gaan" data-placement="bottom"><img src="/media/com_jem/images/archive_front.png" alt="Toon het archief" /></a>
<a href="/index.php/agenda/eventslist.html?tmpl=component&print=1" class="editlinktip hasTooltip" title="<strong>Printen</strong><br />Print dit scherm" data-placement="bottom" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;"><img src="/templates/blue-lotus/images/system/printButton.png" alt="Afdrukken" /></a>
</div>


Event

<div id="jem" class="event_id896 jem_event" itemscope="itemscope" itemtype=" schema.org/Event ">
<div class="buttons">
<a href="/index.php/component/mailto/?tmpl=component&template=blue-lotus&link=6800bcb74e7b77e581388051b513d22565762769" class=" hasTooltip" title="<strong>E-mailadres</strong><br />E-mail naar een vriend" data-placement="bottom" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/templates/blue-lotus/images/system/emailButton.png" alt="E-mailadres" /></a>
<a href="/index.php/agenda/event/896-deze-avond-is-er-geen-repetitie.html?print=1&tmpl=component" class="editlinktip hasTooltip" title="<strong>Printen</strong><br />Print dit scherm" data-placement="bottom" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;"><img src="/templates/blue-lotus/images/system/printButton.png" alt="Afdrukken" /></a>
<a href="/index.php/agenda/event/896-deze-avond-is-er-geen-repetitie.raw?layout=ics" class=" hasTooltip" title="<strong>iCal</strong><br />Download het ICalender betand" data-placement="bottom"><img src="/media/com_jem/images/iCal2.0.png" alt="Export ICS" /></a>
</div>


Venue

<div id="jem"
class="jem_venue" itemscope="itemscope" itemtype=" schema.org/Place ">
<div class="buttons">
<a href="/index.php/agenda/venue/28-noorderbak.html?task=archive&filter_reset=1" class=" hasTooltip" title="<strong>Toon het archief</strong><br />Klik om naar het archief te gaan" data-placement="bottom"><img src="/media/com_jem/images/archive_front.png" alt="Toon het archief" /></a>
<a href="/index.php/component/mailto/?tmpl=component&template=blue-lotus&link=46f8a843f2ec8420ac4a14bfc5bd38add209d62c" class=" hasTooltip" title="<strong>E-mailadres</strong><br />E-mail naar een vriend" data-placement="bottom" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/templates/blue-lotus/images/system/emailButton.png" alt="E-mailadres" /></a>
<a href="/index.php/agenda/venue/28-noorderbak.html?print=1&tmpl=component" class="editlinktip hasTooltip" title="<strong>Printen</strong><br />Print dit scherm" data-placement="bottom" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;"><img src="/templates/blue-lotus/images/system/printButton.png" alt="Afdrukken" /></a> </div>


My styles.css (see attachment)

File Attachment:

File Name: styles.zip
File Size:8 KB
Attachments:

Please Log in or Create an account to join the conversation.

Last edit: by alexsupport.

link space behind button to small 2 months 3 weeks ago #25765

Egnarts wrote: Sorry for my late answer, I currently have examinations, so I have to learn very much :D

Is it possible to change back to the "broken" template, then I will investigate more. Eventually you can do it yourself.
Compare the css properties of the working <img> and <a>-tags with the one that do not work. Eventually you find the problem in the style.css of your template.

The template is back in place for you to investigateā€¦.

for strange reasons:
the small link beheavure off the button is now only accouring on the page: venue!
On the pages: simpellist & event the full button can be usedā€¦.

(I have no idea what changed this. besides that i re-installed JEM 2.2.2 and then updated to 2.2.3 yesterday morning)

Goodluck!

Please Log in or Create an account to join the conversation.

link space behind button to small 2 months 3 weeks ago #25766

I found out the following:

eventlist:
if i turn off: show topic header (menu settings) the small link behavure accours.
if i turn it off (no) the full button can be used to activate the link.

event:
for some (to me unknown) reason the eventname is not on the first row and the link is avvailable in the whole button.

venue:
the name of the venue is on the top row, and now the link can only be activated in top of the button.

I hope this additional info helps you to find the solution

Please Log in or Create an account to join the conversation.

Last edit: by alexsupport.

link space behind button to small 2 months 3 weeks ago #25773

NOTE: the template is specialy re-activated on the -url removed- to show the problem.

This is the problem in pictures:


if heading is 'on', the text (Agenda) is in the left top (first row).
Now the link behind the button is only to be activated in the top of the button (red space).



when selected: event, the name of the event is on the second row in the left top.
Now the link behind the button can be activated by using every bit of the button (red square).

the page Venue shows the same behavure as the page: eventlist

My conclusion:
the behavure of activating the link depents of if there is data on the first row or not. If YES then there is a small link space, if NO there is linkspace over the whole button.
Because in the same programm the behavure is different on 2 pages i suspect it is in the programm, not in the style.css (but he, i'm just a user, NO expert ;) )
Attachments:

Please Log in or Create an account to join the conversation.

Last edit: by alexsupport.

link space behind button to small 2 months 3 weeks ago #25781

Solution not found.

Please Log in or Create an account to join the conversation.

link space behind button to small 2 months 3 weeks ago #25782

  • Egnarts
  • Egnarts's Avatar
  • Offline
  • Gold Boarder
  • Gold Boarder
  • Posts: 255
  • Karma: -3
  • Thank you received: 107
Hey,
can you send me a private message with the url to your web page please? Someone deleted the urls from this topic.

I will take a look tomorrow.
Take a look at the responsive version of JEM: The Responsive JEM

Please Log in or Create an account to join the conversation.

Time to create page: 0.280 seconds

Donate

If you find JEM useful and if you use it on your site, please consider a donation to the project.

Private Messages

You are not logged in.

Follow us......