PDA

View Full Version : Got a website design idea but need help


ryan110985
08-03-2005, 03:35 PM
Im making a website for my band and I've done 2 menu bar graphics and popped them on a black background, one at the top and one at the bottom.

I want the menu bars to stay at the top and bottom and have the web pages appear in the center in a box

Any help is greatly appreciated.

Thanks.

domedia
08-03-2005, 04:34 PM
What do you need help with?
If you post your existing code with and explanation it would be much easier :)

ryan110985
08-03-2005, 06:04 PM
How do I post the code?

I've done 2 long rectangle menu bars and put 1 at the top of the page below the bands graphic, and another at the bottom. I want the pages to be 1 screen so everything is visible and basically have the web pages, like news, gallery and links, load up in a rectangle in the center of the screen between the 2 menu bars.

How do I make the menu graphics stick in place, and how do I get a scrollable box in the center of the page.

Basically like this site I found here ('http://www.10o-clockangels.co.uk/')

Thanks.

The Shadow
08-04-2005, 05:28 PM
How do I post the code?
On the bottom right hand corner of Dreamweaver is a symbol that looks like <>

Click that and it will show you the HTML code.

I don't know how much is needed... but a copy and paste here should work.

ryan110985
08-04-2005, 06:44 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #000000;
}
-->
</style></head>

<body>
<div align="center">



</p>


</p>
<table width="259" height="73" border="0">
<tr>
<td width="25%" height="75%" nowrap>Images/finishedmenu1.jpg
<map name="Map">
<area shape="rect" coords="77,6,172,44" href="index.htm">
<area shape="rect" coords="177,5,290,45" href="gallery.htm">
<area shape="rect" coords="307,10,363,46" href="bio.htm">
<area shape="rect" coords="379,12,471,40" href="music.htm">
<area shape="rect" coords="483,11,551,44" href="gigs.htm">
<area shape="rect" coords="567,13,682,40" href="#">
</map></td>
</tr>
</table>
<p align="left"></p>
<p align="left"></p>
<p align="left"></p>


</p>


</p>


</p>


</p>
<table width="104%" height="15%" border="0" align="center">
<tr>
<td width="25%" height="75%" nowrap>Images/finishedmenu2.jpg
<map name="Map2">
<area shape="rect" coords="120,11,250,45" href="contact.htm">
<area shape="rect" coords="305,7,523,44" href="merchandise.htm">
<area shape="rect" coords="562,7,661,42" href="links.htm">
</map></td>
</tr>
</table>


</p>


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



Thats how I want all the pages, but I want the content to load in a box in the center.
Thanks for any help.

domedia
08-05-2005, 12:53 PM
Thats how I want all the pages, but I want the content to load in a box in the center.
There's nothing wrong with your code and you should just insert you content in the middle area where you want it. If you want your content to not continue down the page, but stay in a certain size area, check our Ranjans CSS Scroller article that is linked from the homepage.

ryan110985
08-05-2005, 07:47 PM
In what way do I arrange the CSS Scroller code in the code box, I can't get it to work. Is there a button in dreamweaver that lets you make the box, because I have'nt got time to learn code I just need to get the site up and running as quick as possible:)
I want to make the box like this site here:
http://www.10o-clockangels.co.uk/ ('http://www.10o-clockangels.co.uk/')

Thanks for the help so far.

domedia
08-05-2005, 08:40 PM
http://www.dreamweaverclub.com/css-scroller.php ('http://www.dreamweaverclub.com/css-scroller.php')
The above link is a tutorial, it gives you step-by-step instructions.