Quantcast
Channel: Adobe Community: Message List
Viewing all articles
Browse latest Browse all 93817

Fluid grid layout slide out box

$
0
0

Hi guy's & gals

 

im hoping someone might be able to help

 

Problem;

 

I am currently building a template for personal use and have decided to use the fluid grid layout provided by dreamweaver, the basics are as below. I want to be able to call an overlay box to either come in from the side or the top which can hold a login form from clicking the image in the right section and then close again when the form is submitted. I have looked online and can only see ones that require absoulte postion which wont work in my floating template.

 

Can anyone help me out?

 

styles

 

#header {

     width:100%

     height:100px;

     float:left;

     }

#menu {

     width:100%

     float:left;

     }

#content {

     width:100%

     float:left;

     }

#content #left {

     width:80%

     float:left;

     }

#content #right{

     width:19%

     float:right;

     }

 

Html

 

     <div id="header"></div>

     <div id="menu"></div>

     <div id="content">

          <div id="left"></div

          <div id="right">

               <img src="img1"  alt=""/>

          </div>

     </div>

     <div id="footer"></div>


Viewing all articles
Browse latest Browse all 93817

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>