Search the Community

Hello all, I will preface by saying I know only what code I find online (mainly this site) to tweak my company's pages. I am currently working on a landing page via Instapage and have a sticky header and also a pop up form. The form is being truncated by the header and would be ever so gracious if someone could help me with the code to make the form show up on top of the header as well.

Hello all, I am relatively new to HTML and am having a problem that I don't know the best way to solve. Please can anyone help. I am creating an HTML5 web page with a sticky header that contains copyright information that needs to always remain visible at the top of the page. I successfully created the header using the fixed position attribute. The header is a constant size, the full screen width, and remains visible throughout. When the page is scrolled the text scrolls up under the header. That, in itself, is not a problem. What is a problem, however, is when there is a link using the <a href="yyyyy.html#xxxxx"> tag. The display jumps to the link, but the link text is now displayed at the very top of the screen, under, and consequently hidden by, the fixed header. Is there a way to either: 1) Make the bulk of the web page only use the space below the header, or 2) Make the jump to the link display not at the top of the screen, but lower by the height of the header. My only other consideration is that I would like to do this in a manner that has the most backward compatibility. The web pages I am creating might need to be displayed world wide on older systems. So, even though I am currently testing HTML5 I am actually trying not to take advantage of new HTML5 features. Many thanks in anticipation, Roy

Hello, I'm trying to have a separate image with a link on the sticky header different from the linked image from the static header. I currently have the same image on both, but would like to use different images. You can view here: http://www.sjmradio.oiw9.com/contact-us.htm The code is that I'm using is pretty straight forward for the image - CSS: #logo { padding: 45px 0 30px 0; } #logo a { display: inline-block; max-width: 100%; /* 1 */ } #logo img { display: block; } HTML: <div id="logo"> <a href="/index.htm"><img src="/images/sjm-logo.png"></a> </div> Any and all thoughts would be greatly appreciated! Thanks in advance, mh