Need to make space to add content - can't figure out how
jt77474 Nov 15, 2010 10:19 AMI am pretty new to Dreamweaver. I have created a nav bar and a nice java photoshow on my homepage, but I'm finding dreamweaver totally baffling to simply add some content beneath the photos.
I have created a test dir for the existing site - it is here http://www.nottinghamjazz.co.uk/newsite/
I will paste the html below, and will attach the site files as a zip.
I have two specific questions. Fist I'd like to remove the two <br> tags right after the menu bar code, but can't figure how to get the gallery in the correct place without the <br> tags.
Second I'd like to create some room under the gallery to add my content, but I simply can't figure it out. Dreamweaver is unbelieavably unintuitive to me, I simply don't understand the css properties. Sometimes when you change them it works, and other times it makes no difference. If you can look at my very small file it would be extremely helpful.
Thanks
I put the site zip here https://sites.google.com/site/j4493hf/Home/site.zip?attredirects=0&d=1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nottingham Jazz</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="css/tcr.css" />
<!--GALLERY SCRIPT-->
<script type="text/javascript" src="js/slideshow.js?sfgdata=+sfgRmluamFuX1R5cGU9amF2YV9zY3JpcHQmRmluamFuX0xhbmc9dGV4dC9q YXZhc2NyaXB0+q"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">
var fadeimages=new Array()
fadeimages[0]=["images/image1.jpg", "", ""]
fadeimages[1]=["images/image2.jpg", "", ""]
fadeimages[2]=["images/image3.jpg", "", ""]
</script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- START CONTAINERWRAP -->
<div class="containerwrap">
<!-- START HEADER -->
<div class="header">
<p>
<img src="images/logo.png" width="980" height="145" alt="logo" /></p>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Home</a> </li>
<li><a href="#">Bands</a></li>
<li><a href="#">Gigs</a> </li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact</a></li>
</ul>
<br >
<br >
<!-- START GALLERY -->
<div class="gallery">
<script type="text/javascript">
new fadeshow(fadeimages, 980, 420, 0, 5000, 0)
</script>
</div>
<!-- END GALLERY -->
</div>
<!-- END HEADER -->
<!-- START CONTAINER -->
<div class="container"><!-- START LEFT CONTAINER --><!-- END LEFT CONTAINER --></div>
<!-- END CONTAINER -->
</div>
<!-- END CONTAINERWRAP -->
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>


