PDA

View Full Version : Text going behind footer


sorensen
04-10-2011, 09:50 AM
Hello peeps

Im new to dreamweaver and have created my webpage layout using photoshop which im really pleased with however im struggling with text on the page when i write in the centre box and get a decent amount down the page it then starts writing under my footer image rather that just expanding the page down and keeping the footer at the bottom. How can i make it just expand and keep the footer at the bottom?

Kind Regards

Sorensen

johnMoss
04-10-2011, 02:02 PM
Since we can't see what you are doing it's difficult to say exactly what to fix, but it sounds like your footer is absolutely positioned, which will cause it to overlay anything that overflows into it's position. You should post your code here & that'll make things easy...

sorensen
04-10-2011, 04:39 PM
Hi thank you first of all for your reply

I have pasted in my page below where i have my welcome to our webpage repeated is where the problem is template _04 is my footer image and this doesnt expand with my text :( also i would like to be able to write nex to my get ripped image rather than it always case returning under my text all the time. Thanks again for your help

Regards Alex

ps no doubt this looks all wrong lol i havne got a clue lol :wink:

<html>
<head>
<title>dgfitnessiondex</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
body {
background-image: url(Website%20Background.jpg);
}
#mainbox {
background-image: url(images/template_03.jpg);
height: 646px;
width: 800px;
text-align: center;
font-size: 16px;
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: italic;
}
.menubarbox {
background-image: url(images/dgfitnessiondex_02.jpg);
height: 41px;
width: 800px;
position: static;
}
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link href="getrippedheader.css" rel="stylesheet" type="text/css">
<link href="getrippedtext.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (dgfitnessiondex.psd) -->
<table width="800" height="1027" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td>
<img src="images/template_01.jpg" width="800" height="200" alt=""></td>
</tr>
<tr>
<td><div class="menubarbox">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">Home</a></li>
<li><a href="getripped.html">Dance</a></li>
<li><a href="#">Gym</a></li>
<li><a href="#">Nutrition</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div></td>
</tr>
<tr>
<td><div id="mainbox"><br>
<br>
<span class="getrippedheader"><span class="getrippedtext">Get Ripped</span></span><br>
<br>
<table width="90%">
<tr>
<td><p class="getrippedtext">Hello and welcome to our website Hello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our websiteHello and welcome to our website<img src="get ripped.jpeg" width="200" height="251" align="left" longdesc="get ripped.jpeg"></p></td>
</tr>
</table>
<br>
<br>
</div></td>
</tr>
<tr>
<td>
<img src="images/template_04.jpg" alt="" width="800" height="140" border="0" align="absbottom" usemap="#Map"></td>
</tr>
</table>
<!-- End Save for Web Slices -->

<map name="Map">
<area shape="circle" coords="69,69,47" href="http://facebook.com" alt="facebook">
<area shape="rect" coords="136,26,285,112" href="http://www.twitter.com" alt="Twitter">
</map>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

johnMoss
04-10-2011, 08:27 PM
ps no doubt this looks all wrong lol i havne got a clue lol :wink:

In evaluating what you've done so far I have to point out that you really need to just flat out stop and read up on the use of HTML & CSS to get at least a modicum of understanding of what you are trying to do. I know that's a frustrating answer but you've got so many errors and less than optimal code use going on that it's pointless to even discuss it. You really you need to go back in and start from scratch, and if you'll spend even just a few days on learning the basics, you'll quickly figure out how to build a good basic shell. (from which new problems shall arise and be conquered through this forum!:) )

sorensen
04-11-2011, 08:09 AM
Thanks a lot for your reply i did think it would be along those lines :) .

Juts a quick question tho, I used photoshop to create my page layout and the webpage in itself looks really nice but will it still function ok if it goes on the net or do i need to re-write all the code?

Thanks again for your reply

Corrosive
04-11-2011, 08:27 AM
Generally it will look OK on the net but, as a rule, a hand coded layout using semantic markup will perform much better on the web.

sorensen
04-11-2011, 11:21 AM
thanks again guys for all your help and advice i think i will redo my site and learn a little bit of code. If i get the problem with the footer again what kind of things do i need to look for just incase i end up in the same place :-D

Thanks again

johnMoss
04-11-2011, 01:22 PM
Generally it will look OK on the net but, as a rule, a hand coded layout using semantic markup will perform much better on the web.


What is oft repeated is these parts is that content is King. Using a compiled set of images to create your page will certainly look nice, but the search engine bots can't see anything other than your alternate descriptions to know what you've done. As the use of metatagged keywords to describe your target audience has gone all but completely by the wayside from the search engines as a descriptive resource for your site, what is most valuable to you in terms of placement is written content and code. I'll confess I had to lose the habit of too much flash & imagery myself. Masterplanning your work in photoshop is a great way to help visualize what you're doing, but when done, instead of merging elements in large images, go ahead & break the finished work up in pieces & then code it into your site. And write plentiful yet concise informative copy making sure not to overuse keyword elements.

sorensen
04-11-2011, 02:01 PM
so basically the search engine wont pick up my website unless i write it in code? But if the images have the same name anyway how does that change it? Sorry i just want to understand it thats all :-D

thanks again

johnMoss
04-11-2011, 02:29 PM
No apologies for questions bro, that's what this forum is all about, so bring it on... Another way of saying this is that the more descriptive your code is of your site, the better the search engines will understand it's content. Google for example and to their timeless credit get ever craftier at determining the relevancy of a site to a user's search query. An area to delve into for you to get a grasp on this is SEO, or 'search engine optimization'. Here are some tutorials to get you started, they'll really help to get an understanding of what's going on... http://www.dreamweaverclub.com/search-engine-articles.php