searls03 Posted April 2, 2011 Share Posted April 2, 2011 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 Link to comment https://forums.phpfreaks.com/topic/232475-site-footer/ Share on other sites More sharing options...
cssfreakie Posted April 2, 2011 Share Posted April 2, 2011 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] Link to comment https://forums.phpfreaks.com/topic/232475-site-footer/#findComment-1195989 Share on other sites More sharing options...
searls03 Posted April 2, 2011 Author Share Posted April 2, 2011 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] Link to comment https://forums.phpfreaks.com/topic/232475-site-footer/#findComment-1196072 Share on other sites More sharing options...
cssfreakie Posted April 2, 2011 Share Posted April 2, 2011 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 Link to comment https://forums.phpfreaks.com/topic/232475-site-footer/#findComment-1196077 Share on other sites More sharing options...
searls03 Posted April 2, 2011 Author Share Posted April 2, 2011 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 Link to comment https://forums.phpfreaks.com/topic/232475-site-footer/#findComment-1196080 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.