Viewing Need Space Below Footer Image
Need Space Below Footer Image
|
User: Larry D. 11 years ago
|
|
|
I've placed a site-wide banner in the footer code using HTML (below) which I've gotten to work by using my FTP program to upload the banner JPEG to my hosting account. Now I need to a add some space below the banner so it doesn't sit on the bottom of the page. I tried adding another image by using src= "", which worked but puts in a one pixel outline of a box so I made it only one pixel high; but that only gives me the 1/4 inch of default separation between it and the above Banner. I tried adding many <p> between the two images but only the first one seemed to add additional space. Here is the code I've placed in the Footer Code in the Site Publishing Settings: <html> <center> <img src="http://www.myhomepage.com/Banner.jpg" width="1000" height="129"> <p><p> <img src="" width="1000" height="1"> </center> </html> I tried adding padding below the image with: <img src="http://www.myhomepage.com/Banner.jpg" style="PADDING-BOTTOM: 100px" width="1000" height="129"> But that didn't work either. Any suggestions would be appreciated? Oliver Last edit 11 years ago |
|
|
User: Larry D. 11 years ago
|
|
|
Problem Solved. Here is the code I used to create space below the banner I placed at the bottom of each page by placing it in the footer code on Site Settings: <html> <center> <img src="http://www.myhomepage.com/Banner.jpg" style="PADDING-BOTTOM: 150px" width="1000" height="129"> <p><p> <img src="" width="1000" height="1"> </center> </html> the double <p><p> was necessary for some reason. Oliver |
|
|
User: Jumbo T. 11 years ago
|
|
|
Use this in a HTML Snippet (assuming that the image is in the root of the server) : <img src=/Banner.jpg" width="1000" height="129"> or if you want to see it displayed in EW : <img src=http://www.myhomepage.com/Banner.jpg" width="1000" height="129"> and set the footer height to 130 pixels or higher. Using <html></html> is wrong, <center></center> has no meaning and if you use <p> close it with </p>. And if you want to use code like this : <img src="" width="1000" height="1"> at least add an image. Last edit 11 years ago |
|
|
User: Larry D. 11 years ago
|
|
|
Jumbo, I hate that while I'm writing a post I get logged out and have to do it over. Need to remember to copy all before I hit Post Reply. Using <img src=/Banner.jpg" width="1000" height="129"> worked as long as I added the lead-in ", which I assume was a typo. Setting either the Top Margin or the Footer Height to anything other than "0" adds a gap between the bottom of the page and above the Banner. Not using <center> makes the banner left justify on the rendered web page, so it and the <html> tags are required. The <img src="" width="1000" height="1"> is required, for if it is not used the bottom padding on the banner has nothing to push against and the banner is 1 cm from the bottom of the page regardless of the amount of bottom padding added. Oliver Last edit 11 years ago |
|
|
User: Jumbo T. 11 years ago
|
|
|
Yes, it was a typo. I overlooked that you put the code in the Footer Code box. Even if you put the code there, <html> is wrong. It's ignored by the browser anyway. I use a HTML Snippet in the Footer layer. Here's the result. http://tahafut.hol.es/banner/ This is the code : <img src="blue.png" width="1000" height="129" alt="blue" /> It couldn't be simpler. |
|
|
User: Larry D. 11 years ago
|
|
|
I don't want to keep going in circles with you on this but the code you showed will NOT put a 150px space below the banner as I require. Oliver |
|
|
User: Jumbo T. 11 years ago
|
|
|
THEN INCREASE THE HEIGHT OF THE FOOTER. Or use this in the Footer code box : <center> <img src="http://www.myhomepage.com/Banner.jpg" width="1000" height="129" alt="Banner" style="margin-bottom: 10px;" /> </center> I leave it to you to figure out what to do to increase the margin to 150 pixels. Last edit 11 years ago |
|
| Post Reply |
| You must login or signup to post. |