Help with placement of div tags

Hello.  I am sorry to ask what probably is a dumb question, but I'm new, using Dreamweaver CS5, and I need some help.  I'm sure I'll be posting here a few times during this process of building a new site, but I'm hoping it can be a good way for me to learn.  I've watched a lot of tutorial videos, and so here I am.
I have my site, but I'm having problems being able to place div tags.  I set it up with a wrapper div, a header div, a content div, footer div, etc.  But, inside those divs I want to have other div's where I can place things like a client login box, etc.  So, I tried and tried to place them after one div, or before one, but I just can't get them to work right.  I'm very proficient at Photoshop, but web work is fairly new.  I've done a few sites, but in Golive and just basic bringing them in from Photoshop.  Now I want to learn correctly, so I'm trying all of this.
I found a way to make a box, using AP Div tag, and then move that where I want it, but, it doesn't work right for me then.  I don't want it fixed in the same spot absolutely, but rather I want it to move with the page.  I'm going to post a link to the site I'm working on, in case that helps.  But, if you look at the site so far, you can see for example I want the text box that says client login to move as you make the page wider or smaller.  It's fixed now.  But, it's the only possible way I know how to put the box and div tag where I want it.  When I just try to insert a div tag (not an AP div) it just goes underneath the div above it.
What I'm asking is, how do I place div's within div's?  Or, can I use this AP div to put it where I want, and then change it to a regular div, and it stay in the right spot?  I just don't understand how exactly to place divs where I want them, unless I use the AP div box and move it around the screen.  Also, if I have a div box setup, is there a way to drag it somewhere else or reposition it somewhere else on the screen just by dragging?  It's all a bit hard for me to figure out at this point, but I appreciate any help you can give me.
The AP Div I used is at the top that says client login.  That's the box/table/div tag I'm trying to set up correctly, so it moves with the other elements, like the logo, as you make the page wider or less wide.
Here is the link:
http://www.gagephotography.com/boudoir/boudoirsite/index4.html
Thank you again.

DW is not drag & drop friendly like graphics or word processing apps.
APDivs are NOT for primary layouts.  They are for special situations and should be handled with care or you'll end up with a mess.  Here is why:
http://apptools.com/examples/pagelayout101.php
The best advice I can offer is to familiarize yourself with HTML markup (content) and CSS (styles) before you even open Dreamweaver.   Without a working knowledge of code, you're not going to get good results.
Start here:
HTML & CSS Tutorials - http://w3schools.com/
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
New DW Starter Pages --
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Creating your first web site in DW CS5 -
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

  • Help with floating a Div tag?

    I am having difficulty properly floating a div tag in my site.  The page is http://www.planetwhistler.com/bandbs.html  The Div on the bottom of the second column with 'content for right_bandb_div' goes here will not properly float to the right of the Div to the left of it.  I have floated the 'right_bandb_' div to the left with enough of a margin to clear the div tag in the first column, I have also put the code for 'right_bandb' before the code for the div to the left of it but for some reason it won't properly place itself.  Thanks for any help provided.

    I realize my Template isn't exactly like yours, but you can learn from it.
    http://alt-web.com/TEMPLATES/CSS-centered-round-boxes.shtml
    1) apply min-height values to all your .boxes.
    2) add a float clearing between rows.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • ADF Faces components with HTML and DIV tags

    Hello all,
    I want to know if there a way to place a <div> tag within an adf faces component tag? eg. <af:table> tag and insert the div tag between </af:column>? I tried doing this by placing the div tag between columns and also enclosing it with verbatim tags, but a parsing exception occurs during run time. The purpose of this is to create frozen columns for horizontal scrolling.
    The code looks like:
    <af:table ...>
    <af:column headerText= ...>
    <f:facet name= ...>
    <h:outputText value= .../>
    </f:facet>
    </af:column>
    <f:verbatim>
    //DIV TAG
    </f:verbatim>
    <af:column headerText= ...>
    <f:facet name= ...>
    <h:outputText value= .../>
    </f:facet>
    </af:column>
    <af:column headerText= ...>
    <f:facet name= ...>
    <h:outputText value= .../>
    </f:facet>
    </af:column>
    <f:verbatim>
    //END DIV TAG
    </f:verbatim>
    </af:table>
    Thanks in advance.
    -Wes
    Message was edited by:
    zeoneozero

    repost
    -

  • Help with MOD and DIV

    I have to calculate minutes to debit from an account based on
    the call length (rounded to the next full minute). But I'm having
    issues since I don't know the CF syntax for what I need to do.
    Here is my test code (the call "Length" is dynamic in the
    real application):
    <cfoutput>
    <cfset Length = 90>
    <cfset xMin = Round(#Length#/60)>
    <cfset yMin = (#Length# Mod 60)>
    xMin = #xMin#<br />
    yMin = #yMin#<br />
    <CFIF yMin GT 0>
    <cfset xMin = (xMin + 1)>
    </CFIF>
    Minutes Debited = #xMin#<br />
    </cfoutput>
    Right now, that outputs 3 minutes, and it should be 2 (but
    it's 3 because of the "Round" function, obviously)
    I'd LIKE to be able to write this: <cfset xMin = (#Length#
    DIV 60)>
    How would I do that in ColdFusion? I don't have my books
    handy and I've tried looking it up online, but only find results
    dealing with the HTML div tag which isn't what I need. Hard to look
    up something when you don't know what you're looking for. Ugh. I'm
    hoping someone can help. I'm sure it's something simple.
    thanks!

    I think what you're looking for is the ceiling function which
    "Determines the closest integer that is greater than a specified
    number."
    <cfset xMin = Ceiling(Length/60)>

  • I need help with the conditional build tag option RoboHelp 10

    I need help with the conditional build tag option. I want to apply CBT to content in a topic. I looked at the Help topics and believed that I applied the feature correctly. Howver, it is not working as desired. In the 2nd sentence below I want the text highlighted in blue to only appear for the printed output and the text printed in purple to only appear for the .htm /online output. Please help.
    There are common tasks used to manage the folders in the Navigator and the folders
    in the BBS Folders Viewer Grid. For more information on these common tasks see Help
    and Support in Success Enterprise. click the links below.

    Hi there
    Using tagging is a two part process.
    Part One
    You create and apply the tags to the information you wish to control.
    Part Two
    You create a Build Expression that is used when you generate your output. The Build Expression typically reads something like: NOT Tag1 (or whatever your tag name is)
    Then when you generate and use the Build Expression, the information tagged is not included in the build.
    Cheers... Rick

  • Need help with Template - unbalanced #EndEditable tag

    I am unable to use this template to create a new page and get the "unbalanced #EndEditable tag" error.
    If I open the file independently it looks great - otherwise I get the error.
    Code for internal_students.dwt
    There is an error at line 45, column 79 (absolute position 2188)
    <div id="metanav"><!-- #BeginLibraryItem "/Library/metaNav.lbi" -->
    <p><a href="../Library/contact/index.html">Contact Us</a></p>
    <!-- #EndLibraryItem --></div>
            <div id="navigation">
                <div id="navigation_l">
                    <div id="navigation_r"><!-- #BeginLibraryItem "/Library/mainNav.lbi" --> <ul>
                            <li><a href="../index.html" class="first"><img src="../images/spacer.gif" alt="CAITE Homepage" width="75" height="20" border="0" /></a></li>
                            <li><a href="../about/index.html">About</a></li>
      <li><a href="../news/index.html">News And Events</a></li>
      <li><a href="../educators/index.html">For Educators</a></li>
      <li><a href="../students/index.html">For Students</a></li>
      <li><a href="../industry/index.html" class="last">For Industry</a></li>
                        </ul>
    <!-- #EndLibraryItem --></div>
    I need help with this as the site and templates were created 2/3 years before I arrived on the job.
    Thank you
    Cheryl

    Okay
    - This is on-line page  http://caite.cs.umass.edu/students/index.html
    If you want code from template here it is:
    <!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"><!-- InstanceBegin template="/Templates/internal_about.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>CAITE - Commonwealth Alliance for Information Technology Education</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <meta name="Description" content="Commonwealth Alliance for Information Technology Education (CAITE) to design and carry out comprehensive programs that address under representation in information technology (IT) education and the workforce. CAITE will focus on women and minorities in groups that are underrepresented in the Massachusetts innovation economy" />
    <meta name="Keywords" content="Commonwealth Alliance for Information Technology Education CAITE Massachusetts women minorities information technology IT" />
    <meta name="robots" content="all, index, follow" />
    <meta name="revisit-after" content="14 days" />
    <meta name="author" content="Outreach Web Team" />
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --><!-- InstanceEndEditable -->
    <link rel="shortcut icon" href="/images/favicon.ico" />
    <script type="text/javascript" src="../scripts/jquery.js"></script>
    <script type="text/javascript" src="../scripts/jquery.easing.js"></script>
    <script type="text/javascript" src="../scripts/jquery.pngfix.js"></script>
    <script language="JavaScript" type="text/JavaScript">
        <!--
        $(document).ready(function() {
            $("img[@src$=png], div#wrapper_l, div#wrapper_r, div#whatsnew").pngfix();
        //-->
    </script>
    <link href="../css/screenstyle.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="../css/printstyle.css" rel="stylesheet" type="text/css" media="print" />
    </head>
    <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <body>  
        <div id="wrapper">
            <div id="metanav"><!-- #BeginLibraryItem "/Library/metaNav.lbi" -->
    <p><a href="../Library/contact/index.html">Contact Us</a></p>
    <!-- #EndLibraryItem --></div>
            <div id="navigation">
                <div id="navigation_l">
                    <div id="navigation_r"><!-- #BeginLibraryItem "/Library/mainNav.lbi" --> <ul>
                            <li><a href="../index.html" class="first"><img src="../images/spacer.gif" alt="CAITE Homepage" width="75" height="20" border="0" /></a></li>
                            <li><a href="../about/index.html">About</a></li>
      <li><a href="../news/index.html">News And Events</a></li>
      <li><a href="../educators/index.html">For Educators</a></li>
      <li><a href="../students/index.html">For Students</a></li>
      <li><a href="../industry/index.html" class="last">For Industry</a></li>
                        </ul>
    <!-- #EndLibraryItem --></div>
                    <!-- end navigation right -->
                </div><!-- end navigation left -->
           </div><!-- end navigation -->
            <div id="wrapper_l">
                <div id="wrapper_r">
                      <div id="innerwrapper">
                        <div id="internalBanner-print"> <h1>Commonwealth Alliance for Information Technology Education (CAITE)</h1></div>
                        <div id="internalBanner"><!-- InstanceBeginEditable name="internalBanner" -->
                          <div class="students-banner">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td width="125" height="188" align="left" valign="top" id="homeImage"><img src="../images/logo_vertical_small.png" alt="CAITE" width="105" height="188" /></td>
                                <td align="left" valign="top" id="internal-banner-quote"><div id="internalQuote">
                                    <div id="internalQuote-inner">
                                      <p>CAITE designs and carrys out comprehensive programs that address under-representation in information technology (IT).</p>
                                  </div>
                                </div></td>
                              </tr>
                            </table>
                        </div>
                        <!-- InstanceEndEditable --></div> <!-- end banner -->
                        <div id="internalContent">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td width="317" align="left" valign="top" id="secondary-content">
                                  <!-- InstanceBeginEditable name="SecondaryNav" --><!-- #BeginLibraryItem "/Library/studentNav.lbi" -->
                                  <h3><a href="../students/index.html">For Students</a></h3>
                                  <div id="secondaryNav">
                                    <ul>
                                      <li><a href="http://www.takeITgoanywhere.org" target="_blank">TakeITgoanywhere.org</a></li>
                                    </ul>
    </div><!-- #EndLibraryItem --><!-- InstanceEndEditable -->
                                </td>
                                <td align="left" valign="top" id="contentCell"><!-- InstanceBeginEditable name="mainContent" -->
                                  <h1>For Students</h1>
                                  <p>The University of Massachusetts Amherst is leading a Commonwealth Alliance for Information Technology Education (CAITE) to design and carry out comprehensive programs that address under representation in information technology (IT) education and the workforce. CAITE will focus on women and minorities in groups that are underrepresented in the Massachusetts innovation economy; that is, economically, academically, and socially disadvantaged residents.</p>
                                  <p>The project will pilot a series of outreach programs supported by educational pathways in three regions (one rural, one suburban, and one urban). The project will include work with high school teachers, staff, and counselors. CAITE will identify best practices and disseminate, deploy, extend and institutionalize these best practices statewide and nationally.</p>
                                  <p>Community colleges are the centerpiece of CAITE because of the central role they play in reaching out to underserved populations and in serving as a gateway to careers and further higher education.</p>
                                  <p>This project will build a broad alliance built on its leadership in and partnership with the Commonwealth Information Technology Initiative (CITI), the Boston Area Advanced Technological Education Center (BATEC), regional Louis Stokes Alliances and NSF EGEP programs, and other partnerships and initiatives focused on information technology education and STEM pipeline issues</p>
                                  <p> </p>
                                <!-- InstanceEndEditable --></td>
                              </tr>
                          </table>
                        </div>
                        <div id="alliances">
                              <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                <tr>
                                  <td height="30"  align="left" valign="top"><h2><a href="../about/alliances.html">Alliances</a></h2></td>
                                </tr>
                                <tr>
                                  <td  align="center" valign="middle"><!-- #BeginLibraryItem "/Library/AllianceTable.lbi" --><p>
    <table border="0" cellpadding="2" cellspacing="0">
                                    <tr>
                                      <td width="35"  align="center" valign="middle"> </td>
                                      <td  align="center" valign="middle"><a href="http://www.citi.mass.edu/" target="_blank"><img src="../images/logo_citi.jpg" alt="Citi" width="65" height="50"  border="0 /"></a></td>
                                      <td align="center" valign="middle"><a href="http://www.batec.org/index.php" target="_blank"><img src="../images/logo_batec.jpg" alt="BATEC" width="69" height="46" border="0" /></a></td>
                                      <td  align="center" valign="middle"><a href="http://www.nsf.gov/index.jsp" target="_blank"><img src="../images/nsflogo.gif" alt="NSF" width="64" height="65" border="0" ></a></td>
                                      <td  align="center" valign="middle"><a href="http://www.nelsamp.neu.edu/" target="_blank"><img src="../images/nelsamplogo.gif" width="100" border="0"></a></td>
                                      <td  align="center" valign="middle"><p><a href="http://mysite.verizon.net/milnerm/" target="_blank"><img src="../images/umlsamp.png" width="85" height="63" border="0"></a></p>                                  </td>
                                      <td  align="center" valign="middle"><a href="http://www.neagep.org/index.asp" target="_blank"><img src="../images/nealogo.gif" border="0" ></a></td>
      </tr>
                                  </table>
    <!-- #EndLibraryItem --></td>
                                </tr>
                          </table>
                        </div>
                    </div> <!-- end inner wrapper -->
                </div><!-- end wrapper right -->
            </div><!-- end wrapper left -->
            <div id="bottom">
                <div id="bottom_l">
                    <div id="bottom_r"> </div><!-- end bottom right -->
                </div><!-- end bottom left -->
            </div>  <!-- end bottom -->
        </div><!-- end wrapper -->
        <div id="copyright"><!-- #BeginLibraryItem "/Library/copyright.lbi" -->
    <p>Sponsored by CAITE an NSF CISE Broadening Participation in Computing Alliance<br />
    &copy; copyright 2008 <a href="http://www.umass.edu/" target="_blank">University of Massachusetts, Amherst</a></p>
    <font color="#666666"><br>
    </font>
    <p><font color="#666666" size=2>  This material is based upon work supported by the National Science Foundation under Grant No.s NSF-0634412 and NSF-0837739. Any opinions, findings, and conclusions or recommendations expressed in this material are those of the author(s) and do not necessarily reflect the views of the National Science Foundation.</font> </p>
    <!-- #EndLibraryItem --></div>    
    <!-- end copyright -->
    <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
    try {
    var pageTracker = _gat._getTracker("UA-7435501-1");
    pageTracker._trackPageview();
    } catch(err) {}</script>
        </body>
    <!-- InstanceEnd --></html>

  • Help with JSP and JSTL tag

    I am trying to accomplish the following
    -display a checkbox if the phrase "platinum" appears in a string
    -display a radio button otherwise
    Here is my code:
    <c:when test="${fn:containsEqualIgnoreCase(${product.description}, 'platinum' })}">
                      <td width="40">
                       </td>
                     <td width="1">
                        <html-el:checkbox property="dishHDProduct"             value="${product.productId}:${product.presentationChannelText}:${product.programmingType}" disabled="true"/>                                                            
                                                                  </td>
                                                             </c:when>
                                                             <c:otherwise test="${fn:containsEqualIgnoreCase("platinum")}">
                                                                  <td width="1">
                                                                       <html-el:radio property="dishHDProduct" value="${product.productId}:${product.presentationChannelText}:${product.programmingType}"/>                                                            
                                                                  </td>
                                                             </c:otherwise>I suspect that I cannot use the <when> <otherwise> stuff with the function JSTL tag, but I may be wrong. I am new to this and open to all suggestions.
    Thanks!

    This is actually the way I ended up solving my own problem:
    <c:choose>
                                                             <c:when test="${product.presentationChannelText == 'PlatinumHD'}">
                                                                  <td width="10">
                                                                  </td>
                                                                  <td width="1">
                                                                       <html-el:checkbox property="dishHDProduct" value="${product.productId}:${product.presentationChannelText}:${product.programmingType}" disabled="true"/>                                                            
                                                                  </td>
                                                             </c:when>
                                                             <c:otherwise>
                                                                  <td width="1">
                                                                       <html-el:radio property="dishHDProduct" value="${product.productId}:${product.presentationChannelText}:${product.programmingType}"/>                                                            
                                                                  </td>
                                                             </c:otherwise>
                                                        </c:choose>Because I am not able to use JSP 2.0 and therefore must use JSTL 1.0

  • Need some help with cfoutput and a tag

    hey there,
    got meself into some issues with <a> and <cfoutput> tags.
    Problem:
    myResult = <a href="http://www.mysite.co.uk" rel="nofollow">mysite</a>
    <cfoutput>#myResult#</cfoutput> outputs "<a href="http://www.mysite.co.uk" rel="nofollow">mysite</a>" (surprise isn't it?)
    now is there any way to output it as html so it would display a link to "mysite"???
    cheers,
    Simon

    thanks!
    I've missed the fact that it was xml data. Just added .xmlText at the end and that sorted my problems. However I'll write down cfsavecontent solution for the future reference.
    cheers,
    Simon

  • Help with placement of images and texts

    Hi there everyone, first time in  this forum.
    Im  creating a website for the first time in dreamweaver after using other  programmes and have so far created a banner and nav bar across the left  hand side. I am unsure on how i am meant to add any content into the  actual centre of my page as there is no box there to write in or add  pictures and when i create a image or div or table they all just hug the  top of my page and refuse to go next to the navigation bar like i need  to it! im sure it is simple but i am finding it so much harder to use  than any other programme.
    Im trying to do a list of pictures and  descriptions for my mums business.
    any help would be greatly appreciated.
    thanks!
    Harry

    this is my code by the way, i made it as a template and then saved it as a html.
    <!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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <link href="../twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
    <link href="../Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
    <script src="../Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="../Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="../Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="../Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
    <script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
    <script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
    <style type="text/css">
    /* BeginOAWidget_Instance_2141544: #MenuBar */
    /* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
        these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
         These assume the following widget classes for menu layout (set in a preset)
        .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
        .MenuBarVertical - vertical main bar; all submenus are pull-right.
        You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
        They only apply to horizontal menu bars:
            MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
            MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
            MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned. 
            MenuBarFixedCentered -  - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                            and centered in its parent container.
            MenuBarFullwidth - Grows to fill its parent container width.
        In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
        with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
        there are a few rules where this was not possible. Those rules are so noted in comments.
    #MenuBar  {
        background-color:#000;   
        font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                    MenuItem, and MenuItemLabel
                                                    at a given level all use same definition for ems.
                                                    Note that this means the size is also inherited to child submenus,
                                                    so use caution in using relative sizes other than
                                                    100% on submenu fonts. */
        font-weight: normal;
        font-size: 16px;
        font-style: normal;
        padding:0;   
        border-color: #ffffff #ffffff #ffffff #ffffff;
        border-width:0px;
        border-style: none none none none;
    /* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
    widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
    in this section. These have very low specificity, so be careful not to accidentally override them. */
    .MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
        display:none;
    .MenuBarLeftShrink {
        float: left; /* shrink to content, as well as float the MenuBar */
        width: auto;
    .MenuBarRightShrink {
        float: right; /* shrink to content, as well as float the MenuBar */
        width: auto;
    .MenuBarFixedLeft {
        float: left;
        width: 80em;
    .MenuBarFixedCentered {
        float: none;
        width: 80em;
        margin-left:auto;
        margin-right:auto;
    .MenuBarFixedCentered br {
        clear:both;
        display:block;
    .MenuBarFixedCentered .SubMenu br {
        display:none;
    .MenuBarFullwidth {
        float: left;
        width: 100%;
    /* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
    #MenuBar  .MenuItemContainer {
        padding: 0px 0px 0px 0px;
        margin: 0;     /* Zero out margin  on the item containers. The MenuItem is the active hover area.
                    For most items, we have to do top or bottom padding or borders only on the MenuItem
                    or a child so we keep the entire submenu tiled with items.
                    Setting this to 0 avoids "dead spots" for hovering. */
    #MenuBar  .MenuItem {
        padding: 0px 24px 0px 0px;
        background-color:#cccccc;   
        border-width:1px;
        border-color: #cccccc #ffffff #cccccc #ffffff;
        border-style: none solid none solid;
    #MenuBar  .MenuItemFirst {
        border-style: none none none none;
        border-top-color: #999;
        border-right-color: #666;
    #MenuBar .MenuItemLast {
        border-style: none solid none none;
    #MenuBar  .MenuItem  .MenuItemLabel{
        text-align:center;
        line-height:1.4em;
        color:#333333;
        background-color:#cccccc;
        padding: 0px 30px 6px 39px;
        width: 10em;
        width:auto;
        border-color: #033;
        border-top-color: #000;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
        width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 14px;
        font-style: normal;
        background-color:#ffffff;
        padding:0px 2px 0px 0px;
        border-width:1px;
        border-color: #cccccc #cccccc #cccccc #cccccc;
        /* Border styles are overriden by first and last items */
        border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst {
        border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
        padding-top: 0px;
    #MenuBar .SubMenu .MenuItemLast {
        border-style: solid solid solid solid;
    #MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
        padding-bottom: 6px;
    #MenuBar .SubMenu .MenuItem .MenuItemLabel{
        text-align:left;
        line-height:1em;   
        background-color:#ffffff;
        color:#333333;
        padding: 6px 12px 6px 5px;
        width: 7em;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
        background-color: #999999;
        border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
        background-color: #999999; /* consider exposing this prop separately*/
        color: #000000;
    #MenuBar .MenuItemHover .MenuItemLabel{
        background-color: #999999;
        color: #000000;
    #MenuBar .SubMenu .MenuItemHover {
        background-color: #cccccc;
        border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
        background-color: #cccccc;
        color: #333333;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
        background-color: #ffffff;
        min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
        border-color: #ffffff #ffffff #ffffff #ffffff;
        border-width:0px;
        border-style: none none none none;
    #MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
        top: 100%;    /* 100% is at the bottom of parent menuItemContainer */
        left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                        and your personal taste.
                        0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                        on MenuItemContainer and MenuItem on the parent
                        menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                        the dropdown with the left of the menu item label.*/
        z-index:10;
    #MenuBar.MenuBarVertical .SubMenuVisible {
        top: 0px;   
        left:100%;
        min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
    /* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
    #MenuBar .MenuLevel1 .SubMenuVisible {
        background-color: #ffffff;
        min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
        top: 0px;    /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                    that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                    vertically 'centered' on its invoking item */
        left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                    negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                    to use px or ems to get the offset you want. */
    /* IE6 rules - you can delete these if you do not want to support IE6 */
    /* A note about multiple classes in IE6.
    * Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
    * giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
    * Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
    * all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
    * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
    * Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
    * syntax for that. Since IE6 both applies rules where
    * it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
    * So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
    * mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
    * We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
    * the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
    * css style block to make it easy to delete if you want to drop IE6 support.
    * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
    * The 'SpryIsIE6' class is placed on the HTML element by  the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
    .SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
        background-color: #999999; /* consider exposing this prop separately*/
        color: #000000;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
        background-color: #cccccc; /* consider exposing this prop separately*/
        color: #333333;
    .SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
        margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
    /* EndOAWidget_Instance_2141544 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141544" binding="#MenuBar" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <div class="container">
      <div class="header"><a href="#"><img src="../images/demologo.jpg" width="727" height="109" align="middle" /><a href="#"></a><a href="#"></a><a href="#"></a></a><!-- end .header --></div>
    <div class="sidebar1">
    <ul class="nav">
          <li><a href="#">OUR PRODUCTS</a></li>
          <li><a href="#">Aprons</a></li>
          <li><a href="#">Cushions</a></li>
          <li><a href="#">Totes</a></li>
          <li><a href="#">Tees</a></li>
          <li><a href="#">Baskets</a></li>
          <li><a href="#">Bags</a></li>
          <li><a href="#">Accessories</a></li>
          <li><a href="#">Wool Rugs</a></li>
          <li><a href="#">Rug Rolls</a></li>
          <li><a href="#">Deck Chairs</a></li>
          <li><a href="#">Tea Towels</a></li>
          <li><a href="#">Mugs</a></li>
          <li><a href="#">Cards</a></li>
        </ul>
        <p> </p>
        <!-- end .sidebar1 --></div>
      <div class="content">
        <ul id="MenuBar">
    <li> <a href="#">Home</a></li>
          <li> <a href="#">Blog</a> </li>
          <li> <a href="#">About Us</a></li>
          <li> <a href="#">Contact Us</a></li>
          <li> <a href="#">About Paypal</a></li>
           </div>
    <p>
      <script type="text/javascript">
    // BeginOAWidget_Instance_2141544: #MenuBar
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
          widgetID: "MenuBar",
          widgetClass: "MenuBar  MenuBarLeftShrink",
          insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    // EndOAWidget_Instance_2141544
    <!-- end .content --></div>
    </script>
      <div class="footer">
        <p>Thank you for visiting us</p>
    <!-- end .footer --></div>
      <!-- end .container --></div>
    </body>
    </html>

  • Help with Places no longer working in iPhoto 9

    Since an update about a month ago, Places no longer works with iPhoto 9 version 8.1.2 (424). Where GPS data is present, the map tries to open but all I get is a dull green screen where the map should be. My Nikon View software Geotag works with the same images so the problem appears to be with iPhoto. Has anyone any idea on how to fix it? Would upgrading to iPhoto 11 solve it?

    Search teh forums some have reported that removing the cache in Safari resolves this issue
    LN

  • Help with Positioning a div in relation to another div

    I'm working on this website - http://soleproductions.com/virgilcardin/index.htm
    I want to position the "7 Days a Week" waterdrop image just to the right of "Call Us Today..." text.
    Here is my logic....
    I created a div called "7daysaweek" and placed it inside the "largeimage" div and set the "largeimage" div to Relative so I could use absolute positioning of the "7daysaweek" div and set 7days div to 0 bottom, 0 right but it remains at the top left corner of the largeimage div.  What am I missing?
    Here is my HTML
    <div id="largeimage">
            <div id="7daysaweek"><img src="../images/7-days-a-week.png" width="114" height="178" alt="7 Days a Week" /></div>
        </div>
    Here is my CSS
    #largeimage {
        height: 409px;
        width: 900px;
        background-image: url(images/virgil-cardin-truck1-large.jpg);
        background-repeat: no-repeat;
        position: relative;
    #7daysaweek {
        height: 178px;
        width: 114px;
        right: 0px;
        bottom: 0px;
        position: absolute;

    Design View isn't reliable.  Use Live View or Preview in browsers.
    Leading numbers like "7" are not allowed in CSS selector names. The selector name must begin with a letter. 
    Try this (inline styles used here for expediency):
    <div id="waterDrop" style="position:absolute; top:22px; left: 800px"><img src="images/7-days-a-week.png" alt="7 Days a Week" height="178" width="114">
    </div>
    Nancy O.

  • Help with session in custom tag

    Hello,
    I want to create a tag that returns true if the session is valid.
    <s:Expired>
    do something
    </s:Expired>
    How do you get the session in a *.java file that is not a servlet?
    I'm new to tags, ans am using JSTL 1.1 and Tomcat 5.0.19
    Thanks
    Frank

    In a custom tag you have a pagecontext object as a member of your class
    with it you can do something like
    HttpServletRequest request = (HttpServletRequest) pageContext.getAttribute(PageContext.REQUEST);
    then it's the usual
    request.getSession()

  • Help with place a gif file

    Hi All:
    I placeed the picture http://www.cooldtp.cn/bbs/files/image004_202.gif
    into my document in Indesign CS3, but I found that the font color on
    the current page became darker after I placed it, how to resolve this?
    Thanks in advance.

    DO you mean the image was darker, or text it interacts with? If the latter, it's the result of flattening. The text has been converted to outlines when printing or exporting and loses the effect of hinting, which lets text look better at small sizes or at low resolutions. Try moving the text to the top or removing transparency from the image.
    GIF is a poor choice for image format for InDesign. Better to use non-indexed TIF or PSD.

  • Need help with the jsp:useBean tag

    Dear Fellow Java/JSP developers:
    I am trying to use the <jsp:useBean> tag in a jsp that displays the values from a javaBean that gets populated by another class.
    <%@ page contentType="text/html" pageEncoding="UTF-8"%>
    <%@ page import = "java.util.ArrayList"%>
    <%@ page import = "java.util.Iterator"%>
    <%@ page import = "salattimes.CalendarParse" %>
    <%@ page import = "salattimes.Salat" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>JSP Page</title>
        </head>
        <body>
            <jsp:useBean id="test" scope="session" class="calendar.Time" />
            <% CalendarParse sTime = new CalendarParse();
                Time mytime = sTime.runExample();%>
            <%=mytime.getA() %>
            <%=mytime.getB() %>
            <%=mytime.getC() %>
            <%=mytime.getD() %>
            <%=mytime.getE() %>
        </body>
    </html>However, up to now, I am only able to display the values on my JSP page using the scriptlet
    <% CalendarParse sTime = new CalendarParse();
                Time mytime = sTime.runExample();%> to declare and create the object (the method call sTime.runExample(); populates the fields in the Java Bean), and the expressions:
    <%=mytime.getA() %>
             <%=mytime.getB() %>
             <%=mytime.getC() %>
             <%=mytime.getD() %>
             <%=mytime.getE() %>to present the values on the screen. What I would like to do is assign the object that I create to a javaBean reference declared in a <jsp:useBean> tag as follows:
    <jsp:useBean id="test" scope="session" class="calendar.Time" />
            <% CalendarParse sTime = new CalendarParse();
                test = sTime.runExample();%>and then present the values stored in the bean to the JSP page as follows:
    <jsp:getProperty name="test" property="a" />
            <jsp:getProperty name="test" property="b" />
            <jsp:getProperty name="test" property="c" />
            <jsp:getProperty name="test" property="d" />
            <jsp:getProperty name="test" property="e" />
            <jsp:getProperty name="test" property="f" />Is this possible? When I try the above, I get "null" as my output on the screen. When I try the first approach listed above, I get the values I am looking for. Is there a way to accomplish this using the <jsp:useBean> approach?
    Thanks to all those who reply.
    Sincerely;
    Fayyaz

    The code:
    <jsp:useBean id="calendar" class="calendar.CalendarParse" scope="session"/>
    <c:set var="time" value="${calendar.time}"/>Would be roughly equivalant to:
    calendar.CalendarParse calendar = new calendar.CalendarParse();
    Object time = calendar.getTime();I assumed that the CalendarParse object was in the calendar package because that was were your Time class was (when you used <jsp:useBean id="test" scope="session" class="calendar.Time" />"), but when I look back at your original post I see I was wrong and the use of calendar as both the incorrect package and the variable name was confusing. To make the code more similar to your original post the code should have read:
    <jsp:useBean id="sTime" class="salattimes.CalendarParse"/>
    <c:set var="myTime" value="${sTime.time}" scope="session"/>
    ${myTime.a}
    ${myTime.b}
    ${myTime.c}
    etc...Here is an explanation of the parts:
             /* name of the variable */  /* fully qualified class name, package.className */
    <jsp:useBean id="sTime"           class="salattimes.CalendarParse"/>
      /* name of the new object from bean */  /* source of object, variable.property */    /* Scope of new object */
    <c:set var="myTime"              value="${sTime.time}"             scope="session"/>
    /* data to display variable.property */
    ${myTime.a}Where a 'property' in a bean is defined as a method in the form of getProperty(). So the 'time' property is getTime() and the 'a' property is getA().

  • Help with searching custom metadata tags

    I have written a Photoshop JavaScript for my employer which allows my users to enter custom information into metadata fields. My intention was to use Bridge to create a searchable asset management system for these files. However, I am running into several problems in allowing my users to search for images with the criteria that they are looking for.
    My first thought was to create my own search dialog which then looks for files whose metadata matches the search criteria. I was able to do this and return an array of thumbnail objects, but to my surprise there does not appear to be a way to create a new window which shows these thumbnails? (without creating a new folder object and copying the files there which would tie up too many resources.)
    My next thought was to create a custom namespace/panel for my metadata. This also works up to a point. I cannot seem to get my custom metadata fields to show up in Bridge's search or filter areas. I see the SDK example for creating search conditions for a custom node, but how can I modify search conditions for "normal" nodes (folders)?
    I'm sure that many of you have run into these issues, there are several posts in this forum and others from people with similar questions. I'm not seeing much in the way of answers, however. Any information would be much appreciated.

    I am no expert, in fact a total beginer with Bridge scripting.
    I have also found that it a problem displaying the required thumbnails. To get around this problem I have used the label rating, changing all the thumnails I don't wont to reject.
    IE:
    var items = app.document.visibleThumbnails;
    for (var i = 0; i < items.length; i++){
    var md = items[i].synchronousMetadata;
    md.namespace = "http://ns.adobe.com/photoshop/1.0/";
    if (md.Keywords != "") items[i].rating=-1;
    This will only show thumnails that do not have keywords so long as the view "Show Reject Files" is not ticked.
    I suppose if you used the rating you could copy them into a field that you could restore from.
    As for the sorting I haven't done much with that except this sort of code should work on custom metadata.
    new SortCriterion("MyDateSort", "date", "http://ns.adobe.com/xap/1.0/", "CreateDate");
    var mySortObj = {};
    mySortObj.name = "MyDateSort";
    mySortObj.reverse = false;
    var mySortsArray = [];
    mySortsArray.push(mySortObj);
    app.document.sorts = mySortsArray;

Maybe you are looking for

  • How to update two tables in a single call using JDBC Sender adapter

    Hello All, The scenario is, database entries have to be selected from two tables and at the same time those tables have to be udpated with the flag. We are using JDBC sender adapter and in Select Query, we are fetching the data by joinin the two tabl

  • Issues with Lion's Finder File Copying (+ Temporary Solution)

    1) When copying a file to my workplace's file server (via SMB), the file will appear to copy, and the file's "placeholder" will appear. Upon completion of the copy, the file will disappear. 2) When copying multiple (presumably large) files to my exte

  • KDE backlight problem, working in GNOME

    Hi, I'm giving KDE a try, and havin't some issues with the backlight control with fn keys. I made this work in GNOME with a script (taken from Ubuntu) in /etc/acpi/ The problem is that I get a big notification on the screen in KDE telling "BACKLIGHT

  • HT1151 Can't Transmit Audio Via Firewire to Adobe Connect

    At my job we use Adobe Connect to broadcast our meetings live over the internet. We connect a Panasonic HXV 200 with a shotgun mic to a Macbook Pro via Firewire. However, we can't get the audio signal transmitted to the computer. There is no option i

  • How do I copy SMS messages from phone to memory ca...

    After I change the option of saving the messages from phone memory to memory card on my E90, I don't see any of the messages stored on the previous choice in INBOX. This is ok, I understood this.. But.. How do I copy the messages from phone memory to