Jump to content

Archived

This topic is now archived and is closed to further replies.

searls03

site footer

Recommended Posts

How do I make a site footer in dreamweaver?  or make a div that will move down according to content that is present in apdivs?  ......sorry if this is a little vague......ask if you have questions

Share this post


Link to post
Share on other sites

I assume that you are using the wysiwyg (what you see is what you wish to get) editor.

 

I recommend not to use any of the grafical options for any editor, because they all suck. Now back to the question, this is not real  dreamweaver question this is a question about html and css.

 

What you need are the properties float and clear (google is your friend)

I attached an image so you can have a general idea of how to apply them.

 

Hope this helps a bit. Just read it try it and let us review your code.

 

P.s. Buy a decent book about css/html. It's worth it and saves you time.

 

 

 

[attachment deleted by admin]

Share this post


Link to post
Share on other sites

k, so the things in here are apdivs, the lines, one with a table, how do I make it so that the bottom one moves down as the top extends?

 

[attachment deleted by admin]

Share this post


Link to post
Share on other sites

only use tables what they are meant for, have a read on my blog and find out.

 

I'll give you a standard code, try to apply what you saw in the image I send you earlier (those were div's). I give you the first two the next you can do your self I am happy to review that code. But we are not here to write code for others, show some effort!

 

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />       
        <link type="text/css" rel="stylesheet" href="css/style.css" />
        <title></title>
    </head>
    <body>
          <div id="wrapper">
               <div id="header"></div>

          </div>
    </body>
</html>

 

happy coding ::)

Share this post


Link to post
Share on other sites

I have been working on this for about an hour here are css and the code for the apdivs:

<div id="apDiv100"><!-- TemplateBeginEditable name="EditRegion3" -->EditRegion3<!-- TemplateEndEditable -->
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p><br />
</p>
</div>

 

the one I want to move with the above:

<div id="apDiv44">
  <table width="200" border="1" cellspacing="2" cellpadding="2">
    <tr>
      <th scope="col"> </th>
      <th scope="col"> </th>
      <th scope="col"> </th>
      <th scope="col"> </th>
    </tr>
  </table>
</div>

#apDiv100 {
position:relative;
left:-2px;
top:260px;
width:1293px;
height:51px;
z-index:1;
text-align: center;
clear: none;
float: none;
}

#apDiv44 {
position:absolute;
left:98px;
top:512px;
width:239px;
height:70px;
z-index:21;
clear: both;
float: none;
}

 

I don't know if they are as specified in pic......because I have been trying different things.....but how they were in pic didn't help

Share this post


Link to post
Share on other sites

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.