PDA

View Full Version : more Div issues!!


tony09uk
10-25-2010, 10:25 AM
I have two Div's side by side at the top of my page, above the navigation bar. When I view them in the browser, the sit where I want them to. When I am looking atr them in dreamweaver the right one has dropped down and is interferaring with my navigation bar.....whats wrong with this thing??? pllleeasseee

Corrosive
10-25-2010, 10:39 AM
DW Design View just isn't all that good! Browser display should be your goal. Other than that you'll have to give us some code or a link to help any further.

tony09uk
10-25-2010, 01:00 PM
I deleted that code now and everything sits nicly. Yet I still need the two divs above the spry menu bar. What code do you need me to copy?

tony09uk
10-25-2010, 05:37 PM
I have been working my way through the tutorial you have sent me. I think I have been a bit to hasty trying to achieve somthing on dreamweaver without fully understanding what I need to do, as I have spent the last six months creating content for my site!!!! you can see what I have managed so far on this JPG and I have also inputted the code below: (any advice will be greatfuly recieved. Many thanks


<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>index</title>

<style type="text/css">

body {

background-color: #000;

background-image: url(images/grey_gradient.jpg);

background-repeat: repeat-x;

}

</style>

<link href="css/layout.css" rel="stylesheet" type="text/css" />

<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />

<style type="text/css">

#apDiv1 {

position:absolute;

left:658px;

top:110px;

width:500px;

height:60px;

z-index:1;

}

</style>

</head>



<body>

<div id="wrapper">

<div id="header_split">

<div id="logo_header">

<div align="center"><strong>LOGO</strong></div>

</div>

</div>

<div id="navigationbar">

<ul id="MenuBar1" class="MenuBarHorizontal">

<li><a href="#">HOME</a></li>

<li><a href="#">TUTORIALS</a></li>

<li><a href="#" class="MenuBarItemSubmenu">DOWNLOADS</a>

<ul>

<li><a href="#">IMAGES</a></li>

<li><a href="#">PDF'S</a></li>

<li><a href="#">PLUG IN'S</a></li>

</ul>

</li>

<li><a href="#">DISCUSSIONS</a></li>

<li><a href="#">ELEMENTS IQ</a></li>

<li><a href="#">STORE</a></li>

<li><a class="MenuBarItemSubmenu" href="#">CONTACT</a>

<ul>

<li><a href="#">QUESTION</a></li>

<li><a href="#">ADVERTISING</a></li>

</ul>

</li>

</ul>

</div>

<div id="video_tutorial">video holder</div>

<div id="tabbed_menu_tutorials">

<div id="TabbedPanels1" class="TabbedPanels">

<ul class="TabbedPanelsTabGroup">

<li class="TabbedPanelsTab" tabindex="0">Part 1</li>

<li class="TabbedPanelsTab" tabindex="0">Part 2</li>

<li class="TabbedPanelsTab" tabindex="0">Part 3</li>

<li class="TabbedPanelsTab" tabindex="0">Part 4</li>

</ul>

<div class="TabbedPanelsContentGroup">

<div class="TabbedPanelsContent">

<p>This is the intro section</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

</div>

<div class="TabbedPanelsContent">

<p>Content 2</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

</div>

<div class="TabbedPanelsContent">

<p>Content 3</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

</div>

<div class="TabbedPanelsContent">

<p>Content 4</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

</div>

</div>

</div>

</div>

<div id="leaderboard"><img src="images/ad_images/leaderboard.jpg" width="899" height="90" alt="leaderboard" /></div>

<div id="footer">

<div align="center">HOME | TUTORIALS | DOWNLOADS | DISCUSSIONS | ELEMENTS IQ | STORE | CONTACT | SIGN UP/LOGIN</div>

</div>

</div>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");

swfobject.registerObject("FlashID");

swfobject.registerObject("FlashID");

</script>

</body>

</html>