Difference between revisions of "Category:Techniques/fixedPositionLayout"

From Level Access Web Labs
Jump to navigation Jump to search
(Replaced content with "placeholder Category:techniques")
Line 1: Line 1:
<html lang="en">
+
placeholder
<head>
 
    <style>
 
 
      #fixedHeader { color:#fff; background-color:#000; position:fixed; top:307px; left:20%; height:100px; width:50%; } 
 
      #fixedContent { height:300px; width:50%; overflow:scroll; position:fixed; top:487px; left:20%; background-color:yellow; }
 
  </head>
 
 
 
  <body>
 
        <div id="fixedHeader"> <p>Header content and links go here</p> <p>Tab through all the links to see the links on top to appear to flow under the header</p> </div>
 
 
 
        <div id="fixedContent">
 
          <div><a href="#">link 1</a></div>
 
          <div><a href="#">link 2</a></div>
 
          <div><a href="#">link 3</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
          <div><a href="#">link</a></div>
 
 
 
 
</div>
 
   
 
 
 
 
 
 
 
</body></html>
 
  
  
 
[[Category:techniques]]
 
[[Category:techniques]]

Revision as of 16:58, 22 May 2018

placeholder

This category currently contains no pages or media.