Moving divs up page

Here is the page I'm working on:
http://www.villa-corti.com/menus.htm
The image divs are all in the right place but the navigation
bars I can´t seem to move. tabsH and navbar are the ones I
want to move and they are in the navshadow div which presently
doen´t have a style. All the divs hare position relative; and
float left;
How can I move the navbars up? Thanks for any advice to the
newbie.
<body>
<div id="navimagel"><img
src="images/lake3.jpg"></div>
<div id="logo"><img src="images/lodgeadog.jpg"
/></div>
<div id="navimager"><img
src="images/dog1.jpg"></div>
<div id="tabsH">
<ul>
<li><a href="#"
title="home"><span>home</span></a></li>
<li><a href="#" title="Link
2"><span>register</span></a></li>
<li><a href="#" title="Link
3"><span>aaaaaaaaa aaaa
aa</span></a></li>
<li><a href="#" title="Longer Link
Text"><span>aaaaa aa aaa
aaaaa</span></a></li>
<li><a href="#" title="Link 5"><span>about
us</span></a></li>
</ul>
</div>
<DIV id=navshadow>
<DIV id=navbar>
<UL><LI><A href="">Search</A>
<LI><A href="">link</A>
<LI><A href="">linklink linklink</A>
<LI><A href="">link</A>
<LI><A href="">link link</A> </LI>
<br style="clear: both;" />
</UL></DIV>
</DIV>
<style type="text/css">
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
#navimagel {
position:relative;
width:85px;
height:115px;
z-index:1;
left: 13px;
top: 0px;
clear: left;
float: left;
#navimager {
position:relative;
width:239px;
height:90px;
z-index:3;
left: 250px;
top: 0px;
float: left;
#logo {
position:relative;
width:238px;
height:73px;
z-index:2;
left: 100px;
top: 46px;
float: left;
/*- Menu Tabs H--------------------------- */
#tabsH {
float:left;
width:100%;
background:#fff;
font-size:93%;
line-height:normal;
#tabsH ul {
margin:0;
padding:10px 10px 0 94px;
list-style:none;
#tabsH li {
display:inline;
margin:0;
padding:0;
#tabsH a {
float:left;
background:url("tableftH.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
#tabsH a span {
float:left;
display:block;
background:url("tabrightH.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span {
color:#FFF;
#tabsH a:hover {
background-position:0% -42px;
#tabsH a:hover span {
background-position:100% -42px;
/*- Images for divs--------------------------- */
/* purple navigation */
#navbar {CLEAR: both; background:url("navtile.gif") repeat-x
left top; background-color: #9933CC; MARGIN: 0px; WIDTH: 760px;
#navbar UL {
PADDING-LEFT: 1em; MARGIN: 0px; LIST-STYLE-TYPE: none
#navbar LI {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
#navbar A:link {
BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
PADDING-LEFT: 6px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM:
5px; COLOR: #ccc; LINE-HEIGHT: 10px; PADDING-TOP: 5px; WHITE-SPACE:
nowrap; TEXT-DECORATION: none
#navbar A:visited {
BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
PADDING-LEFT: 6px; FONT-SIZE: 1.1em; FLOAT: left; PADDING-BOTTOM:
5px; COLOR: #fff; LINE-HEIGHT: 10px; PADDING-TOP: 5px; WHITE-SPACE:
nowrap; TEXT-DECORATION: none
#navbar A.active:link {
TEXT-DECORATION: underline
#navbar A.active:visited {
TEXT-DECORATION: underline
#navbar A:hover {
TEXT-DECORATION: underline
</style>

So much CSS for such a tiny page?
> All the divs hare position relative; and float left;
Why? Why do you need the positioning or the floating?
Just make your masthead images into a single page background
image, and then
margin the tabsH div into position.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Hydrowizard" <[email protected]> wrote in
message
news:[email protected]...
> Here is the page I'm working on:
>
>
http://www.villa-corti.com/menus.htm
>
>
> The image divs are all in the right place but the
navigation bars I can´t
> seem
> to move. tabsH and navbar are the ones I want to move
and they are in the
> navshadow div which presently doen´t have a style.
All the divs hare
> position
> relative; and float left;
>
> How can I move the navbars up? Thanks for any advice to
the newbie.
>
>
> <body>
>
> <div id="navimagel"><img
src="images/lake3.jpg"></div>
> <div id="logo"><img src="images/lodgeadog.jpg"
/></div>
> <div id="navimager"><img
src="images/dog1.jpg"></div>
> <div id="tabsH">
>
>
<a href="#"
title="home"><span>home</span></a></li>
>
<a href="#" title="Link
2"><span>register</span></a></li>
>
<a href="#" title="Link 3"><span>aaaaaaaaa aaaa
aa</span></a></li>
>
<a href="#" title="Longer Link Text"><span>aaaaa aa
aaa
> aaaaa</span></a></li>
>
<a href="#" title="Link 5"><span>about
us</span></a></li>
>
> </div>
>
>
> <DIV id=navshadow>
> <DIV id=navbar>
>
<A href="">Search</A>
>
<A href="">link</A>
>
<A href="">linklink linklink</A>
>
<A href="">link</A>
>
<A href="">link link</A> </LI>
> <br style="clear: both;" />
>
</DIV>
> </DIV>
>
>
> > The blue background items should not be in the
visible menu. They should
> > fly-out when the item just above the two blue
background items is
> > hovered over. The blue background items are the
"Exhibitor Info" and
>
>
> <style type="text/css">
> body {
> margin:0;
> padding:0;
> font: bold 11px/1.5em Verdana;
> }
>
> h2 {
> font: bold 14px Verdana, Arial, Helvetica, sans-serif;
> color: #000;
> margin: 0px;
> padding: 0px 0px 0px 15px;
> }
>
> #navimagel {
> position:relative;
> width:85px;
> height:115px;
> z-index:1;
> left: 13px;
> top: 0px;
> clear: left;
> float: left;
> }
> #navimager {
> position:relative;
> width:239px;
> height:90px;
> z-index:3;
> left: 250px;
> top: 0px;
> float: left;
> }
> #logo {
> position:relative;
> width:238px;
> height:73px;
> z-index:2;
> left: 100px;
> top: 46px;
> float: left;
> }
> /*- Menu Tabs H--------------------------- */
>
> #tabsH {
> float:left;
> width:100%;
> background:#fff;
> font-size:93%;
> line-height:normal;
> }
> #tabsH ul {
> margin:0;
> padding:10px 10px 0 94px;
> list-style:none;
> }
> #tabsH li {
> display:inline;
> margin:0;
> padding:0;
> }
> #tabsH a {
> float:left;
> background:url("tableftH.gif") no-repeat left top;
> margin:0;
> padding:0 0 0 4px;
> text-decoration:none;
> }
> #tabsH a span {
> float:left;
> display:block;
> background:url("tabrightH.gif") no-repeat right top;
> padding:5px 15px 4px 6px;
> color:#FFF;
> }
> /* Commented Backslash Hack hides rule from IE5-Mac \*/
> #tabsH a span {float:none;}
> /* End IE5-Mac hack */
> #tabsH a:hover span {
> color:#FFF;
> }
> #tabsH a:hover {
> background-position:0% -42px;
> }
> #tabsH a:hover span {
> background-position:100% -42px;
> }
>
>
>
>
>
> /*- Images for divs--------------------------- */
>
>
> /* purple navigation */
> #navbar {CLEAR: both; background:url("navtile.gif")
repeat-x left top;
> background-color: #9933CC; MARGIN: 0px; WIDTH: 760px;
> }
> #navbar UL {
> PADDING-LEFT: 1em; MARGIN: 0px; LIST-STYLE-TYPE: none
> }
> #navbar LI {
> PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px;
PADDING-BOTTOM:
> 0px;
> MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
> }
> #navbar A:link {
> BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
PADDING-LEFT: 6px;
> FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 5px;
COLOR: #ccc;
> LINE-HEIGHT:
> 10px; PADDING-TOP: 5px; WHITE-SPACE: nowrap;
TEXT-DECORATION: none
> }
> #navbar A:visited {
> BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
PADDING-LEFT: 6px;
> FONT-SIZE: 1.1em; FLOAT: left; PADDING-BOTTOM: 5px;
COLOR: #fff;
> LINE-HEIGHT:
> 10px; PADDING-TOP: 5px; WHITE-SPACE: nowrap;
TEXT-DECORATION: none
> }
> #navbar A.active:link {
> TEXT-DECORATION: underline
> }
> #navbar A.active:visited {
> TEXT-DECORATION: underline
> }
> #navbar A:hover {
> TEXT-DECORATION: underline
> }
>
>
> </style>
>
>

Similar Messages

How do I pull up the left control panel that allows you to move from text to moving objects on page?

How do I pull up the left control panel that allows you to move from text to moving objects on page?

Do you mean this one:
If so, go to the Window menu and make sure that Tools is checked.

I moved all my Pages documents from my Macbook Pro to my present Macbook Air and then gave away my Pro. Now, when I try to view my documents I get the message that the document is too old and I have to save it on Pages 09 first. How do I do that? i

I moved all my Pages docs from my Macbook Pro to my new Macbook Air. Now, when I try to view my docs I am told that they are too old and I must save them in 09 first. How do I do that? The version of Pages I am using on the Air is 5.2.2

No release of Pages v5 can open AppleWorks, Pages '05, Pages '06, Pages '08, or RTF documents. Sometimes, it cannot open its own documents.
You will need to do one of the following:
Borrow your MacBook Pro back until you can export all your incompatible documents to MS Word (Which Pages v5 can open)
Install your iWork '08 DVD on your new Air, and then immediately apply the following Apple Updaters. Again Export to MS document formats.
Pages v3.0.3
Numbers v1.0.3
Keynote v4.0.4
Purchase iWork '09 DVD, and then immediately update with Apple iWork 9.3 updater.
Open the document(s) that Pages v5 won't permit
Save as Pages '09 v4.3 documents, or export as MS Word
Upload to Zamzar, and convert to MS Word (free for limited volume)
No sensitive documents
Email notification within 3 - 4 minutes with MS Word document download link
After you do either item 2 or 3, run Disk Utility and verify/repair application permissions on your boot drive. Open your converted documents in Pages v5.

Footer items moving up the page.

Hi i have just upgraded to v3 build 645 and now items in my footer are moving up the page. Here is the site http://sographicssite.businesscatalyst.com/index.html its the black tabs on the sides. This is what it should look like http://www.sographics.co.uk/ I have tried it grouped and ungrouped.
Thanks
Jason

Hey everyone,
We are aware of one issue where, if Muse has to recreate an image in the footer on the master page, it will get pushed up the page. We are actively working on fixing the issue, but in the meantime there are a few things you can do. When Muse has to change the image, either because of a large size difference, an effect (shadow, glow, or bevel), rounded corners, or rotating the item, we will render the image with these effects to ensure proper behavior across different browsers. You can remove these properties on the image to fix the issue, and you can add them using an editor outside of Muse if the effect is something in particular you are going for.
Sorry for the inconvience. As I said, we are working on getting a fix for this issue.

Design View and a CSS Div layout page

There are a few pages l
ike this. I am assuming it is because everything is layed out w
ith div tags, but there mush be a way to correct the desging view. Everything shows up great o
nline. Here is a screenshot:
Here is the code:
<body onload="initHomePage(); addReferToLinks();">

<script type="text/javascript" src="/shared_assets/toolbar_v2/toolbar.js"></script>

<img src="/profile/image/logo_linknet.gif" />

<form name="frmSearch" action="" method="get" title="Resources" class="scopedSearch">
       <input class="textInput" name="qt" value="THIS SECTION ONLY" id="searchField" size="20" />
       <input class="button" type="submit" value="Search" name="submit" />
       <input type=hidden name="col" value="mpr dno dnos1" />
</form>
    <div id="main">

<div id="newsBox" class="box">
   <div class="boxHeader">
    <div class="headerLeft"><h2>MP News</h2></div>
    <div class="headerRight"><a href="/news/news/index.htm" class="more">more »</a></div>
   </div>
   <div class="boxContent">
    <h3>
     <script type="text/javascript">var x=new Date(); document.write(x.toLocaleDateString());</script>
    </h3>
    <div id="newsContent">
     <div class="loading">
      Loading...
     </div>
    </div>
    
    <h3>My Subscriptions</h3>
     <ul style="list-style-type:none;">
      <li><a href="http://rss/">Setup Subscriptions - Get Help</a></li>
      <li><a href="http://">View Subscriptions</a></li>
     </ul>
    
    <div class="imgFrame"><a href=""><img src="image/mc_logo2.jpg" alt="Media Center" hspace="0" vspace="0" border="0" /></a></div>
    
    <div class="imgFrame"><a href="http/"><img src="image/columns.gif" hspace="0" vspace="0" border="0" alt="The Northwestern Columns" /></a></div>
   </div>
</div>


<div id="content">
   
   
   <div id="alert" class="box highlightBox">
    <div class="boxHeader">
     <div class="headerLeft"><h2>Important Notice</h2></div>
     <div class="headerRight"> </div>
    </div>
    <div id="alertContent" class="boxContent">
     <div class="article">
      <a href="" class="headline">Avoid lock out - Install LINK 22.2 now</a>
      Users who do not install LINK 22.2 before the version enforcement date of July 31 will be
      unable to access their PCs.
     </div>
    </div>
   </div>
            <div id="home_page_id">) Home Page</div>
   
   <div id="activities" class="box highlightBox">
    <div class="boxHeader">
     <div class="headerLeft">Welcome<span id="username"></span><h2>What would you like to do?</h2></div>
     <div class="headerRight"> </div>
    </div>
    <div class="boxContent">
     <div style="width:100%;">
      <ul>
       <li><a title="Find information and tools for recruiting new representatives" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Recruiting: <select style="font:message-box; width:19em;" onchange="if(this.value){window.navigate(appendReferer(this.value))};">
         <option name="selectRecruit" selected="selected">*** make selection ***</option>
         <option value="http.htm">Sourcing & Prospecting</option>
         <option value="http://.htm">Selecting & Assessing Candidates</option>
         <option value="http://_process.htm">Post Acceptance Process</option>
         <option value="http">Developing an Internship Program</option>
         <option value="http.htm">Tracking Activity, Results & Accountability</option>
         <option value="http://.htm">Recruiter Development</option>
        </select></a></li>
       <li><a href="/objective/mpr_secure/mp_ldorgdev.htm" title="Find information and tools for developing leaders in your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Leadership & Organizational Development </a></li>
       <li><a href="/objective/mpr_secure/mp_supvsn.htm" title="Find information and tools for effective supervision" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Supervision</a></li>
       <li><a href="/objective/mpr_secure/mp_stfop.htm" title="Find information and tools for   managing your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Staffing & Operations</a></li>
       <li><a href="/objective/mpr_secure/mp_plnperform.htm" title="Find information and tools for business planning and performance monitoring" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Planning & Performance</a></li>
          <li><a href="/objective/mpr_secure/mp_mngmntcompben.htm" title="Find information regarding income, fees, expenses, allowances and benefits" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Management Compensation & Benefits</a></li>
          <li><a href="/objective/mpr_secure/mp_repdev.htm" title="Find information and tools regarding mentoring and professional growth" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Representative & Specialist Development</a> </li>
      </ul>
      <div id="slideshow1" class="activitySlideshow" style="height:212px;">
       <img src="image/slideshow_photos/photo06.jpg" />
       <img src="image/slideshow_photos/photo07.jpg" />
       <img src="image/slideshow_photos/photo08.jpg" />
       <img src="image/slideshow_photos/photo09.jpg" />
       <img src="image/slideshow_photos/photo10.jpg" />
      </div>
     </div>
    </div>
   </div>
   
   <div class="leftColumn">
   
    <div class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Events Calendar</h2></div>
     </div>
      <div class="boxContent"><ul>
      <li>April 25-30<br />
     <a href="http_020110.htm" target="_blank"></a></li>
     <li>May 12-14<br />
     <a href="http://030510.htm" target="_blank"></a></li>
       <li>June 16<br />
     <a href="http://.htm" target="_blank">Series conversation</a></li>
                      </ul>
      </div>
    </div>
     
     <div class="box">
      <div class="boxHeader">
       <div class="headerLeft"><h2>Spotlight</h2></div>
       <div class="headerRight"> </div>
      </div>
      <div class="boxContent">
              <div class="article">
      
   <div class="headline"><a href="http.htm?tern Mutual Association dues decline form available</a> </div>
     The $25 association membership fee will be charged to June 30 home
     office supply bills. Representatives who wish to decline membership
     may submit a <a href="http://.htm" target="_blank">decline
     form</a>.
<div class="headline"><a href="http://.htm">Surplus notes information available</a> </div>
     Find answers to common questions and hear insights from about the company’s recent surplus notes offering.
                          <div class="headline"><a href="http://.htm">Stay up to date on 2010 estate tax repeal </a> </div>
     Consider the new Estate Tax Repeal page on LINKnet “home base” for information on the 2010 repeal and resources to use when talking to clients about this topic.
              <div class="headline"><a href="http/index.htm">Withstanding Market Challenges</a> </div>
     Access resources to highlight the company’s strength and stability, find sales strategies and share marketing and market-related materials to help address client concerns.
              <div class="headline"><a href="http:///year.htm">Dividend resources available</a> </div>
     The Current Year Scale page on LINKnet provides the latest information
     and sales support materials based on the 2010 dividend announcement.

               </div>
      </div>
     </div>
   </div>
   <div class="rightColumn">
   
    <div class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Approaching Deadlines</h2></div>
     </div>
     <div class="boxContent">
       <ul>
<li>April 30: <a href="http.htm">Submit 2010 Commitment to Excellence Award nbominee</a></li>
       <li>May 25: <a href="http.htm">Submit applications for Intern Community Service Award</a></li>
                      <li>June 30: <a href="http://pdf">Submit 2010 Managers Membership Award Application to NAIFA</a> <img src="/shared_assets/image/doc_icons/pdf.gif" alt="PDF File" /></li>
                      </ul>
      </div>
    </div>
    
    <div id="techalerts" class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Priority Tech Alerts</h2></div>
      <div class="headerRight"><a href="http://.htm" class="more">more »</a></div>
     </div>
     <div class="boxContent">
      <div class="loading">
       Loading...
      </div>
     </div>
     <iframe name="techalerts" src="/statusdisplay/001_summary.htm" onreadystatechange="if(this.readyState=='complete'){this.previousSibling.innerHTML = formatTechAlert(frames['techalerts'].document.body.innerHTML);}"></iframe>
    </div>
   </div>
</div>

Dreamweaver is pretty good these days at showing the page in Design View how it will be viewed when online. HOWEVER having said that it does largely depend on the way you write the css.
I guess for Dreamweaver it's impossible for it to show every concievable way you can write css correctly. Unfortuantely if your css is not compatible with what Dreamweaver likes it won't make a great job of rendering the site correctly in Design View, that's always been the case.
The css is not wrong but I've seen many display issues in Dreameaver Design View caused as a direct result of the css being overly complex to crack simple presentation. I guess it's in the lap of the gods if you are fortunate enough to have found the way to write css that Dreamweaver likes.

Help! Javascript not working when object moved from one page to another!

Hello all:
I am new to Adobe Livecycle Designer (version 8.0). I have created a 3 page interactive pdf form with numerous objects (text fields, radio buttons, drop-down boxes, etc.), that our business wants to begin using soon.
I am having difficulty with some of my Javascript not working with a few of my objects on page 2 of the form. Specifically, there is a drop-down box for "Country" on page 2 of my form. When the user selects, for example, "United States" from the list, I have Javascript that is supposed to change the "Currency" drop-down box rawValue to "US Dollars" accordingly (upon the change event).
I think my Javascript syntax is proper, but I am not certain. Here is my simple Javascript associated with the "Country" drop-down box (Note: rawValue 80 = "United States" and rawValue 105 = "US Dollars"):
form1.Page1.cmbContactInfoCountry::change: - (JavaScript, client) -
if (this.rawValue == 80) {
     cmbCurrency.rawValue = 105;
This seems pretty straight forward and it WORKS when my "Country" drop-down box is moved to page 1 of the form, but it WILL NOT WORK when I move the "Country" drop-down box back to page 2 of the form (which is where it belongs).
Does anyone have any suggestions or solutions? I have spent probably 6-8 hours racking my brain trying to figure out why it works when on one page, but it does not work when move to a different page. I am guessing that I may have corrupted something OR that I am not fully addressing the proper name of the object?
Please help!
Frustrated and helpless near Chicago!
Taylor T

Hi Jono:
Thank you for your quick reply.I was able to obtain the full name of the cmbCurrency object using the method you taught me. That is brilliant! Great short-cut tool.
Unfortunately, I am still having issues with getting Javasript for the cmbCountry object to work with the cmbCurrency object. I haved pasted my new Javascript below.
JavaScript for cmbCountry object:
//UNITED STATES
if (this.rawValue == 1) {
          xfa.resolveNode("form1.#subform[1].cmbCurrency").rawValue = 1;
else
//CANADA
if (this.rawValue == 2) {
          xfa.resolveNode("form1.#subform[1].cmbCurrency").rawValue = 2;
I have checked the "Specify Item Values" checkbox of the cmbCurrency drop-down object and Value 1 = "US Dollars" and Value 2 = "Canadian Dollars".
When I select "Canada" from the cmbCountry drop-down object, the rawValue of the cmbCurrency drop-down object is changed to "US Dollars" (when it is clearly defined as "Canadian Dollars"). When I select "United States" from the cmbCountry drop-down object, the rawValue of the cmbCurrency drop-down object stays blank for uknown reasons. Very strange.
Since I am not able to further explain in detail on what I am experiencing, I have posted a link to my file below (I just signed up for an account at ShareFile). I would forever be indebted to you if you can help me figure this out!
https://thomptk.sharefile.com/?cmd=d&id=07ede2fe11db4549

Trouble positioning image divs on page

I'm preparing a photo gallery page for use with Lightbox2 by
adding 145 x 145 divs to my page for my thumbnails. I inserted my
first div and it ended up at top-left of my
<div#mainContent>, then in the code, I just copy/pasted
(duplicated) three more, right underneath each other. I now have
four down the left side, that's fine. But I want 4 down and 4
accross. Someone told me that I need to float them. I can't figure
out how to do that, can anybody help?
By the way, the page is a DW ".oneColFixCtrHdr ", the width
is fixed but it's bottomless, my divs just keep going down the left
side of the page on top of each other.
Thanks, Julie

Because someone suggested it to me, reason being, these are
for thumbnails for links to larger versions for use in Lightbox2,
and he said the caption and magnification link both require some
special CSS. Placing them in their own container makes them much
easier to style. He places every picture in a div with the class
"image" and the additional class "fl" just floats the entire thing
to the left. So that's what I did. Although I'm not sure I did the
class' properly. I'm new to DW.

How to make contents of DIV on page I'm leaving fade out?

I am trying to figure out how to make the contents of a DIV on the page I'm clicking away from fade out. I know how to make the next page load with a fade in. So I'm half way there (I guess). Wix has a lot of designs that use this effect. Here's a link to an example:
http://www.wix.com/website-template/view/html/633?originUrl=http%3A%2F%2Fwww.wix.com&numbe r-of-page=1&position-in-page=1
This is the code that I use to make a DIV load with a fade in:
I add this CSS code under the DIV that I want to apply the fade in effect to:
     animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
And I add this extra code to the CSS styles sheet:
@keyframes fadein {
    from {
        opacity:0;
    to {
        opacity:1;
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    to {
        opacity:1;
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    to {
        opacity:1;
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    to {
        opacity: 1;

Success!!! Thank you! Although I did have to change one more thing. See bold text below.
One more question. What if I wanted to apply this effect to two ID's instead of one? Would it be as simple as adding a comma and then the ID in quotes like this?.... $(#container", "#footer")
$(document).ready(function() {
    $("#container").css("display", "none");
    $("#container").fadeIn(2000);
    $("a.transition").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("#container").fadeOut(1000, redirectPage);
    function redirectPage() {
        window.location = linkLocation;

Iweb background stretches when objects are moved around the page

Hello, I am creating a simple site in iWeb and I cannot get my background image to be consistent through all of my pages. What I mean is the position of the image varies slightly through the pages. In my home page (and all of my other pages)the background is set to "Image Fill" and "Scale to Fill", and the page sizes are all the same at 700px wide by 480px high. I have the nav bar and page heading/title positioned exactly the same on all pages also.
I notice that when I move around text boxes that are in a page the background stretches or shrinks depending on the position of the box, and am assuming that this has something to do with it, but like I said before, the navigation and header "text boxes" are all positioned the same. Is there any way to turn off this scaling of the background when moving objects around the page? Or does anyone have any suggestions on how to fix this image and make it consistent through all of my pages? Thanks for your help.

When you set as image as a page background and set it to scale for fill, when you move text downward, extending the length of the page, the image size will change no matter what fill option is used, fit, fill stretch or tile. Using the original size will keep the image exactly the same in all instances but if the page is lengthened beyond the images height you'll get the browser's background to show in the page. But, if you size the image you're using to be taller than any of your pages it will be fixed in all your pages. NOTE: You can use this method only on White and Black blog layouts. However it the blog length gets long it will extend beyond the image height. So set up the image and blog accordingly.
Try using the image for the browser background and set the page background to none. That will keep the image the same for all layouts. If you have a blog you can change the theme to White or Black, depending on the font color needed, and can use the image for browser background method. The image will need to be large enough to fill the browser's window and will be locked at the left edge. That is if the browser window is widened the image will not be centered but set at the left side of the window.

Divs in page layout

Hi.
I want to control my layout using divs rather than tables. I have tried to replace the table layout with divs but the portal file refuses to render the layout i Workshop Studio. I have read a couple of places that divs may be used but I have not been able to find any samples.
Anyone managed this or anyone able to give me a hint in this matter?
We use WLP 10 by the way.
-Ronny

If i can not have or maintain concistancy on all pages with DWTs then what other tool would allow us to maintain certain desired material on the whole website.
In other words trying to restrict change of certain div and styles but in the mean time modified like the mainContent boddy by adding more DIV and sprys and styles... IDK if you understand..
Ive also been strugling on this. I don't wish to update page by page on the future...

Moved location of Pages in "Applications", now can't save "Permission Denied"

To make things easier to me I moved my iWork applications out of the iWork '09 folder and into just applications. That way I didn't have to click on applications, then the iwork folder, then the program I wanted, they are now in order with my other applications.
I now am unable to save any new documents or changes to others. I have tried this in Pages and Numbers and keep getting the "Permission Denied" error message.
I have restarted my computer several times to no avail.
Any ideas?

cd,
You didn't need to move anything. This is what shortcuts are for. There once was a Pages shortcut on your Dock, a one-click action to start the app. You could restore that. You could place a shortcut on your Desktop. Or, you could use Spotlight to start the app.
Spotlight is my favorite because I don't have to touch the mouse. Type Command-Spacebar and then type p a g e... etc. until "Pages" shows up in Top Hit in the Spotlight list, then hit Return to start the app.
Jerry

Moving div tags?

Sorry for all the questions but if I finally understand then
I will stop asking. Here is the html code for my site so far:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>ivoog! - New & used electronics,
apparel, collectibles, sporting goods & more at low
prices.</title>
<style type="text/css">
#ivoog {
margin: 15px auto 0;
body{
width: 950px;
margin: 0px auto;
</style>
</head>
<body>
<div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
height:99px"><img src="ivoog.gif" style="width:252px;
height:74px; margin-left:10px; margin-top:11px"></div>
<div id="Search"
style="background-image:url(Search%20Box.gif); width:950px;
height:46px"></div>
<center><p><img src="slogan.gif"
style="width:637px; height:44px;
margin-top:-19px"></p></center>
<div id="Categories" style="background-image:url(LCB.gif);
width:236px; height:621px; margin-top:-13px"></div>
<div id="Quick Help" style="background-image:url(BB.gif);
width:475px; height:140px; margin-top:3px"></div>
<div id="Start Shopping"
style="background-image:url(MSB.gif); width:432px; height:339px;
left: 457px; top: 216px;"></div>
</body>
</html>
I want my "Start Shopping" div tag to be 5px to the right of
the "Categories" div tag. I CANNOT use the position:relative or
margin-top:example or something like that because if you open the
page in IE, and change the width of your browser then the Start
Shopping div tag will stay in the same place while everything else
moves. How can I make it so the tag will be 5px to the right from
Categories? What is the code and where do I put it? Please explain
to me like you would to a person who does not know HTML. Thank you!
Please help! I am TIRED! THANKS!

<div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
height:99px"><img src="ivoog.gif" style="width:252px;
height:74px;
margin-left:10px; margin-top:11px"></div>
<div id="Search"
style="background-image:url(Search%20Box.gif);
width:950px; height:46px"></div>
<center><p><img src="slogan.gif"
style="width:637px; height:44px;
margin-top:-19px"></p></center>
<div id="Categories"
style="background-image:url(LCB.gif); width:236px;
height:621px; margin-top:-13px; float:left;border:1px solid
red;"></div>
<div id="Start Shopping"
style="background-image:url(MSB.gif); width:432px;
height:339px; left: 457px; top:
216px;margin-left:5px;border:1px solid
green;"></div>
<div id="Quick Help" style="background-image:url(BB.gif);
width:475px;
height:140px; margin-top:3px;clear:both;"></div>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"hahahaadobeman" <[email protected]> wrote
in message
news:[email protected]...
> Sorry for all the questions but if I finally understand
then I will stop
> asking. Here is the html code for my site so far:
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
> <title>ivoog! - New & used electronics,
apparel, collectibles,
> sporting
> goods & more at low prices.</title>
> <style type="text/css">
> #ivoog {
> margin: 15px auto 0;
> }
> body{
> width: 950px;
> margin: 0px auto;
> }
> </style>
> </head>
>
> <body>
> <div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
> height:99px"><img src="ivoog.gif"
style="width:252px; height:74px;
> margin-left:10px; margin-top:11px"></div>
> <div id="Search"
style="background-image:url(Search%20Box.gif);
> width:950px;
> height:46px"></div>
> <center><p><img src="slogan.gif"
style="width:637px; height:44px;
> margin-top:-19px"></p></center>
> <div id="Categories"
style="background-image:url(LCB.gif); width:236px;
> height:621px; margin-top:-13px"></div>
> <div id="Quick Help"
style="background-image:url(BB.gif); width:475px;
> height:140px; margin-top:3px"></div>
> <div id="Start Shopping"
style="background-image:url(MSB.gif);
> width:432px;
> height:339px; left: 457px; top: 216px;"></div>
> </body>
> </html>
>
> I want my "Start Shopping" div tag to be 5px to the
right of the
> "Categories"
> div tag. I CANNOT use the position:relative or
margin-top:example or
> something
> like that because if you open the page in IE, and change
the width of your
> browser then the Start Shopping div tag will stay in the
same place while
> everything else moves. How can I make it so the tag will
be 5px to the
> right
> from Categories? What is the code and where do I put it?
Please explain to
> me
> like you would to a person who does not know HTML. Thank
you! Please help!
> I am
> TIRED! THANKS!
>
>
>

When moving Div in design view : Top & Left as Percentage?

Hello All,
Whenever I move a div in design view, the left and top values are changed to pixels - I would like these to be given as percentages (using the viewport dimensions I have currently selected).
Is this possible? If so can anyone tell me how to configure this please?
If not, would it be possible for me to create an extension for this? Does the extension API provide that kind of ability?
Thanks in advance,
Peter

#1 DW is not a click & drag application like Photoshop or Illustrator.
#2 Switch to Code View and apply the top: and left: values manually.
CSS:
#DivName {
     position:absolute;
     top:xx%;
     left:xx%;
That said, APDivs seldom work well for primary layouts. Here's why:
http://apptools.com/examples/pagelayout101.php
You would do well to spend some time learning code basics before you start using DW.
HTML & CSS Tutorials - http://w3schools.com/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Beginner CSS Templates -
For commercial CSS Templates that are rock solid and perform well in all browsers, visit Project Seven:
http://www.projectseven.com/products/index.htm
Not Just a Grid CSS Framework
http://www.notjustagrid.com/demo.asp
EZ-CSS Templates (watch the screencast to see how it works)
http://www.ez-css.org/css_templates
Dreamweaver CSS Templates for beginners (free)
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
New DW Starter Pages (free)
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Clicking the back button now causes a drop down of past sites to show up in addition to moving back a page. It won't go away until clicking somewhereIrritating

Whenever I click the back button, the browser will go back a page and also open a drop down of past pages. This drop down won't go away until I click somewhere. It is irritating and it never used to have this functionality. In fact, my laptop at work does not do this. I am using 37.0.2. Is there an option somewhere to disable this? I don't mind having the drop down, but not EVERY time I click back.

Today, two other users reported issues with the back-forward history list dropping down if they hovered the mouse pointer over the back or forward button -- without clicking -- and then moved the pointer downwards. One user was on a touchpad, I don't know about the other user. Are you experiencing anything like that?

Easiest way of moving a dashboard page?

I need to move a dashboard page made by a user to the dashboard area of another user. Is it possible? If so, what is the easiest way of doing it?
Thanks a lot in advance,
Fabio

Settings - > Administration -> Manage Presentation Catalogue
You will need to enable 'Show Hidden Items'
Find the folder the dashboard was created in, this will be either :
\shared Folders\<folder name>\_portal\<dashboard name>
or
\users\<user name>\_portal\<dashboard name>
In the dashboard folders in the locations above you will see the pages , use the copy icon to either copy or move these to another dashboard folder (using the same location path templates as above).
Watch out for :
Accessing user folders can only be done by that user, you may need to get the user to copy the dashboard page to a shared folder if you want to pick it up for them.
leave the "dashboard layout" file where it is and dont touch it. I have been moving dashboard pages in a single sign on environment using this method for a while (Single Sign On = no on-line catalogue manager). The page is only a reference to other objects (prompts, reports etc) so you only need to move the page. Obviously make sure the dashboard content has the correct permissions for the target audience !
Try that out and let us know how you get on.
HTH
Alastair

Moving divs up page

Similar Messages

Maybe you are looking for