RobertoStephenson 0 Posted April 30, 2015 Report Share Posted April 30, 2015 Hi everyone! On my web photo gallery, as I assign the "go to next page" link, I mysteriously loose the "go to previous page" link. This happens to "footer" links only. In this example ( http://robertostephenson.com/samp/04.html ) both links work, while in the two other pages (http://robertostephenson.com/samp/03.html and page http://robertostephenson.com/samp/02b.html ), where links are set as footers, the left link is broken. If anyone want to get a closer look, here is a link to download the sample files: http://robertostephenson.com/samp.zip Thank you! Quote Link to post Share on other sites
COBOLdinosaur 8 Posted April 30, 2015 Report Share Posted April 30, 2015 When you put part of the markup outside of the body, you should probably not expect them to act like they are part of the page in all browsers. I suggest you use a valid structure as a starting point. There is no point trying to debug code when such obvious errors exist. Quote Link to post Share on other sites
RobertoStephenson 0 Posted April 30, 2015 Author Report Share Posted April 30, 2015 Cobol, of course you're right. If I stay put, nothing will ever happen. The thing is that this is the only way I found to keep links at the same place without having to move up and down according to photos height. So, I'd rather go where the path is dangerous and see if I anyone can help. Eventually I'll go back on the safe side. Quote Link to post Share on other sites
COBOLdinosaur 8 Posted May 2, 2015 Report Share Posted May 2, 2015 Let me see if I understand this. You wrote smoe code that didn't work the way you wanted it to so instead of fixing it and finding what was causing the problem you decided to try hacking away with an invalid structure that also does not work so now you are looking for a way to get the hack to work instead of looking for a solution for the valid code that does not work. This is a strange planet. Quote Link to post Share on other sites
dsonesuk 921 Posted May 3, 2015 Report Share Posted May 3, 2015 You need NOT to create your own unique html elements, but rename footer_* to valid html element (div), which use there own default styling (block, inline, margins, padding), and give these unique id ref instead. Both these elements occupy the same area, and the latter has precedence. Use width: 50% (maybe less), for left then use left:0; with NO right: property, and for the right use right:0; and you guessed it with no left: property, they should not overlap now and links are now accessible. Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.