The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Menu button issue
Lee Batchelor
post Jan 16 2023, 10:48 AM
Post #1


Member
***

Group: Members
Posts: 82
Joined: 10-May 20
Member No.: 27,332



Hi all,

I have a menu fixed at the top of the page. So that the content slides under it, I assigned the code position: fixed; z-index: +1;.
All the buttons work fine except when I click Previous events, the button position drops a few pixels! It's the only one that does that. Any idea why?
Some screen shots of the HTML and the menu bar are attached. Thanks...I'm stumped!

Edit

Notice, I've made the button inactive when you're on that page. This code works for the rest of the buttons but not the Previous events page - it drops down slightly. I changed the code to read,
<a href="previous.htm">Previous events</a> and it works fine.

For
<a class="previous">Previous events</a>, it causes the button to drop a few px. Weird??

New Edit
Never mind...I found the issue. I had an old definition in the CSS file, named "previous". It was causing the shift. Moderator, feel free to delete my post. Thanks all.


This post has been edited by Lee Batchelor: Jan 16 2023, 10:58 AM


Attached thumbnail(s)
Attached Image Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 26th April 2024 - 05:50 PM