Jump to content

JRX

Members
 View Profile  See their activity

  • Posts

    1

  • Joined

  • Last visited

JRX's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. JRX
    Hi guys, I hope you can help. I'm a woodworker designing my own website and I don't know anything about html or css other than what I've found on Google. I've got a transparent header (logo) and I want my page content to disappear when it reaches the bottom of the header; at the moment it's scrolling behind the header. I've read a lot of things that makes perfect web-sense to a woodworkrker, like: divs and classes and wrappers and bottom-wrappers, padding-top, overflow: y etc. Problem is I don't know how to implement this or where to stick it. Please can you try explain it in a way that a woodworker will understand. Even an example of the code I need will do. Thanks in advance This is my messy code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>NW- Home</title><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"><!-- saved from url=(0014)about:internet --><link type="text/css" rel="stylesheet" href="xsp_styles.css"><link rel="canonical" href="" /><style>html, body { height: 100%; width: 100%; padding: 0; margin: 0;}#full_screen_background_image { z-index: -999; min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0;}</style><style>html, body { height: 100%; width: 100%; padding: 0; margin: 0;}#logo { z-index: 1000; height: auto; position: fixed; top: 0; left: 50%;;}</style><style>html, body { height: 100%; width: 100%; padding: 0; margin: 0;}#home_page { z-index: -999; height: auto; position: fixed; top: 0; left: 30;}</style><style>html, body { height: 100%; width: 100%; padding: 0; margin: 0;}#about_us { z-index: -999; height: auto; position: fixed; top: 164; left: 30;}</style><style>html, body { height: 100%; width: 100%; padding: 0; margin: 0;}#products { z-index: -999; height: auto; position: fixed; top: 335; left: 30;}</style><style>html, body { height: 100%; width: 100%; padding: 0; margin: 0;}#contact_us { z-index: -999; height: auto; position: fixed; top: 501; left: 30;}</style><style>html, body { height: 100%; width: 100%; padding: 0; margin: 0;}#copyright { z-index: -999; height: auto; position: fixed; bottom: 0; left: 0;}</style><style>html, body { height: 100%; width: 100%; padding: 0; margin: 0;}#facebook_icon { z-index: -999; height: auto; position: fixed; top: 0; right: 30;}</style><style>html, body { height: 100%; width: 100%; padding: 0; margin: 0;}#back_to_top { z-index: -999; height: auto; position: fixed; bottom: 0; right: 30;}</style><link type="text/css" rel="stylesheet" href="INFO_BAR_MENU.css"><script type="text/javascript" src="milonic_src.js"></script><script type="text/javascript" src="mmenudom.js"></script></head><body><a name="top"></a><img id="full_screen_background_image" src="images/Hickory BG3.png" alt="" title=""/><img id="logo" src="images/Logo10.png" alt=""/><a href=""><img id="home_page" src="images/Home1 128x128 C.png" alt="" title="Home"></a><a href=""><img id="about_us" src="images/About Us C.png" alt="" title="About"></a><a href=""><img id="products" src="images/Products6 128x128 C.png" alt="Cataloque" title="Products"></a><a href=""><img id="contact_us" src="images/Contact Us 128x128 C.png" alt="Contact Details" title="Contact Us"></a><a href=""><img id="facebook_icon" border="0" src="images/Follow Us on Facebook C.png" alt="Facebook Page" title="Follow Us on Facebook"/></a><a href="#top"><img id="back_to_top" border="0" src="images/Back To Top 128x128 C.png" alt="Back to Top" title="Back to the Top"/></a><img id="copyright" src="images/Copyright2.png" alt=""/><table class="XSP_OUTLINE" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td colspan="3" class="XSP_INFO_BAR"><blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p align="left"><table border="0" cellspacing="0" cellpadding="0" ><tbody><tr><td><script type="text/javascript" src="script/INFO_BAR_MENU.js"></script><script type="text/javascript" src="preloadmenuimages.js"></script></td></tr></tbody></table><noscript><table width="100%"><tbody><tr><td> <table class="mainINFO_BAR_MENU"> <tbody> <tr><td></td></tr></tbody></table></td></tr></tbody></table></noscript></p> </blockquote> </blockquote> </blockquote> </blockquote> </blockquote></blockquote></td></tr><tr><td class="XSP_LEFT_PANEL_SPC" id="XSP_LEFT_PANEL_SPC"> </td><td class="XSP_CENTER_PANEL" rowspan="2"><table class="XSP_CENTER_PANEL" cellpadding="0" cellspacing="0" border="0"><tr><td class="XSP_MAIN_PANEL"></td></tr></table></td><td class="XSP_RIGHT_PANEL_SPC" id="XSP_RIGHT_PANEL" rowspan="2"><div class="XSP_RIGHT_PANEL"><p></p></div></td></tr><tr><td class="XSP_LEFT_PANEL_2" id="XSP_LEFT_PANEL" style="FONT-SIZE:1px;" height=1><div class="XSP_LEFT_PANEL"></div></td></tr></table><script language="javascript" type="text/javascript"><!--document.getElementById("XSP_LEFT_PANEL_SPC").innerHTML = document.getElementById("XSP_LEFT_PANEL").innerHTML;document.getElementById("XSP_LEFT_PANEL").innerHTML = " ";//--></script></body></html> Got it sorted thanks
×
×
  • Create New...