Go Back   Dreamweaver Club Forums > Dreamweaver forums > Spry
Register FAQ Members List Search Today's Posts Mark Forums Read

Thread Tools Display Modes
Old 08-20-2010, 02:43 PM   #1
Join Date: Aug 2010
Posts: 98
Default spry Vertical menu in a seperate Div for alignment?

hi, I have my Spry Vertical to the left of my "Body" Div. The problem is, when I go to view my page, my text is wrapping around my vertical bar which is strange, but I can't seem to fix it. My main content in the "body" div stays in line with the div box but when it gets past the vertical spry menu bar on the left, it goes in under it. Would inserting a "leftBar" div into my spry widget (so select Widget and apply a leftbar Div, is this how its done?) to stop this from happening? I tried this before but when I went to alter my spry, the option of altering it was gone, the widget was corrupt, had to do it again.

Perhaps my problem is my Css for the body div which is 570px wide, could someone please just tell me the CSS for this, which is aligned to the right but 15px from the right of the "Container". When I create it, it just goes in as a box and when i press return it jumps out of the box, I want the text on a return paragraph to stay within the box without having to press Shift return which is causing a <br>.

Can anyone help me with this. I was doing it for ages last night and the thought of facing it again is not nice, especially on a Friday, especially without a clue!

#leftbar {
float: left;
width: 150px;
position: relative;
left: 5px;
top: 0px;
Abbica is offline   Reply With Quote
Old 08-20-2010, 06:53 PM   #2
DWcourse's Avatar
Join Date: Apr 2009
Posts: 3,276

actually that won't help. when you float an object a few things happen:
  1. The object aligns to the left of it's container.
  2. The contents of the parent container wrap around the floated object
  3. BUT the floated object doesn't affect the position of any other content objects in the parent div (only their content)

There are a number of solutions but the simplest is to wrap the non-menu content in a div with id=content and then give the content div a margin that leaves space for the menu:

#content {
margin-left: 160px;
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 08-20-2010, 08:59 PM   #3
Join Date: Aug 2010
Posts: 98

Hi, you are great Mr Dw, used left margin and it worked, used relative, hopefully all will be ok. I was using float and positioning etc and none of it was working, thank you so much for helping me out, I can enjoy my miller a bit better now! Have a good weekend.
Abbica is offline   Reply With Quote
Old 08-20-2010, 09:49 PM   #4
Join Date: Aug 2010
Posts: 98

Hi, back again, that didn't last long!
There is one problem that keeps reacurring that I can't seem to fix. It is on my return key, when I create a paragraph or copy text into main body div, it jumps outside of my div, have to create a shift return . Here is my body Css and Code. don't mind the <ul>code. Everytime I put the code in it jumps outside my div "content". This is my last thing, I hope, then I think I am ok?
#content {
margin-left: 200px;
width: 570px;
position: fixed;
padding: 0px;
top: -5px;

Here is my Code:

<!-- TemplateBeginEditable name="body" -->
<p id="content"><span class="bodytext"><span class="style20"><img src="../Images/images/Properties.jpg" width="570" height="251" alt="mSq" /><br />
<br />
<br />
Serviced Offices </span><br />
<br />
With more than forty individual offices in our offices we can provide your company with as much, or as little, office accommodation as you need. We particularly specialise in office suites with an opportunity to expand into our larger accommodation, making this the ideal option for small-to-medium sized companies, new business start-ups and sole practitioners. For example current tenants include solicitors, insurance brokers, accountancy firms and surveyors, plus many other professions. <br />
<br />
All offices are fully equipped with essential office furniture.
<br />
We pride ourselves on providing our clients with a full spectrum of professional services and facilities.<br />
<br />
The following services are <strong>INCLUDED</strong> in the monthly VAT Free rental charge:<br />
<span class="lineheight"><br />
</span></span><span class="line_spacing">&bull; Professional Reception Service (Mon - Fri 8.30am - 5.00pm) <br />
&bull; Telephone answering and message taking (Mon - Fri 8.30am - 5.00pm) <br />
&bull; Preferential access to our Business Support Services<br />
&bull; Private Mailbox for each company<br />
&bull; Essential Office furniture <br />
&bull; Telephone and facsimile numbers for use on letter heads/business cards<br />
&bull; 24 hour 7 day access<br />
&bull; Monitored Alarm<br />
&bull; All Utility costs - including light, heat and power sockets<br />
&bull; Dublin Corporation Rates <br />
&bull; Property Insurance<br />
&bull; Shared kitchenette facilities<br />
&bull; Daily Cleaning (Mon - Fri)<br />
&bull; In-house Janitorial Services for general Maintenance<br />
&bull; Water cooler </span></p>
<!-- TemplateEndEditable -->
Abbica is offline   Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 09:28 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com