Help with Positioning Layers is Browser

Hello,
I'm new to Dreamweaver, and I'm having trouble getting past
this first stage:
I want to begin with a background picture, and put blocks of
text on top of the picture in certain areas ( I have been putting
the text in layers). I have an image inserted into a table so that
it stays centered in the browser. When I view the image with the
text on top (in layers) in the browser though, the text is not
aligned the way it appears in dreamweaver. It is always off center
towards the left.
Is it possible to design the layout so that the text or
whatever is in the layer can overlap on top of an image? Maybe I am
going by this the wrong way.
Thanks,
Dan

Similar Messages

Help with aspx in dreamweaver - browser compliance... IE9

hi,
creating a site using .aspx and includes. have an issue with cross browser compatiblity with IE9. the left hand menu is overlapping the main content container. any help is appreciated:
CSS for layout:
/* Layout CSS Document */
/* This document contains the CSS rules that control the basic structure of the CS website. This includes CSS normalization, element display and positioning, widths and heights in the liquid layout, menu design and background images. If you do not know what you are doing, then changing these CSS rules below will likely break the layout of the website. See the general.css file for rules that can be more easily changed. */
/***** NORMALIZATION CSS *****/
/* This section overrides all default browser CSS styles, ensuring that the site looks the same across all browsers. */
/* Normalizes margin and padding spacing across all elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
margin: 0;
padding: 0;
/* Normalizes font-sizes for headers and paragraphs*/
h1, h2, h3, h4, h5, h6, p
font-size: 100%;
/* Removes list-styles from lists */
ol,ul
list-style: none;
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
font-style: normal;
font-weight: normal;
/* Removes list-style from lists */
table
border-collapse: collapse;
border-spacing: 0;
/* Removes border from form groups (fieldsets) and image tags */
fieldset, img
border: 0;
/* Left-aligns text in caption and table headings */
caption, th
text-align: left;
/* Removes quotation marks from quotation tags */
q:before, q:after
content: '';
/***** /NORMALIZATION CSS *****/
/***** PAGE STYLES *****/
/* (NOTE: the text-align:center style atached to the HTML tag here is being used as part of a centering trick for older browsers. It is corrected for in the body tag below.) */
html
text-align: center; /* A centering trick for older browsers that causes them to center the web page in the middle of the screen */
/* styles on the body tag become the default CSS for all other HTML tags on the page */
body
position: relative; /* keeps all absolutely positioned elements within their parent element */
width: 100%; /* sets the width of the website to the full browser window (liquid layout) */
text-align: left; /* Prevents the text-align:center command (on the html tag above) from centering all text on the website */
min-width: 990px; /* do not allow the area to shrink less than this (720) */
/***** PAGE STYLES *****/
/*** HEADER STYLES ***/
/* the header centered in the page at a fixed width, with a background image behind it */
div#header /* the header (title area) at the top of the page */
position:relative; /* used to keep h1#title inside the header div */
width: 601px; /* sets the width of the header to match the size of the header image */
height: 72px; /* sets the height of the header to match the size of the header image */
margin: 20px auto; /* keeps the header centered on the page */
background-color: transparent; /* ensures that the background color will be visible behind the transparent parts of the PNG image */
background-image: url(../images/header_square.png); /* image for header (the rounded rectangle at top) */
background-repeat: no-repeat; /* prevents the background image from being tiled */
/* the site title is positioned over the round background Chicago Booth image */
h1#title /* the Computing Services title at the top of the site */
display: block; /* puts the title in an invisible box that it is easier to manipulate with CSS */
position: absolute; /* allows one to set the exact psoition of the name inside the header */
top: 17px; /* moves the title 18 pixels in from the top of the header */
right: 20px; /* moves the title 15 pixels in from the right side of the header */
z-index: 1; /* keeps the title visible above the header image */
/*** HEADER STYLES ***/
/***** LINKS MENU STYLES *****/
/* the links menu bar spreads across the top of the content area */
div#groupLinks /* the div that holds the links menu */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the borders of the links menu */
margin-left: 252px; /* makes room for the CS navigation menu */
height: 30px; /* sets the height of the link bar */
/* links in the menu bar are centered in the page */
div#groupLinks ul /* list that makes up the actual navigation menu, it is placed inside the groupLinks div (above) */
display: block; /* puts the list in an invisible box that it is easier to manipulate with CSS */
margin-left: 20px; /* distance from side menu and link bar text */
text-align:left; /* keeps the list centered on the page */
/* links in the menu bar are inline and vertically centered in the page */
div#groupLinks ul li /* styles the individual items in the navigation menu */
display: inline; /* displayes menu items horizontally across the menu bar, rather than vertically like a traditional list */
padding: 0px 10px 0px 10px; /* padding around the individual menu items */
line-height: 30px; /* NOTE: This must match the height of the link bar to keep the text vertically centered! */
height: 30px; /* sets the height of the links */
/* the group links menu title is removed (for screen readers only) */
div#groupLinks h3 /* this h3 text is in the HTML for handicap accessibility, the following css trick will hide it */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the h3 text far outside the top of the screen */
/***** /LINKS MENU STYLES *****/
/***** AV MENU STYLES *****/
/* on some pages, the AV menu bar spreads across the top of the content area, below the main menu bar */
div#avLinks /* the div that holds the AV links menu */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the borders of the links menu */
border-top: none; /* removes (extra) top border */
margin-left: 252px; /* makes room for the CS navigation menu */
height: 30px; /* sets the height of the link bar */
/* links in the menu bar are centered in the page */
div#avLinks ul /* list that makes up the actual menu, it is placed inside the avLinks div (above) */
display: block; /* puts the list in an invisible box that it is easier to manipulate with CSS */
margin-left: 20px; /* distance from side menu and link bar text */
text-align:left; /* keeps the list centered on the page */
/* links in the menu bar are inline and vertically centered in the page */
div#avLinks ul li /* styles the individual items in the navigation menu */
display: inline; /* displayes menu items horizontally across the menu bar, rather than vertically like a traditional list */
padding: 0px 10px 0px 10px; /* padding around the individual menu items */
line-height: 30px; /* NOTE: This must match the height of the link bar to keep the text vertically centered! */
height: 30px; /* sets the height of the links */
/* the av links menu title is removed (for screen readers only) */
div#avLinks h3 /* this h3 text is in the HTML for handicap accessibility, the following css trick will hide it */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
/* NOTE: This class is used to hide the AV menu on non-AV pages */
div.removeMenu /* class added to the menu on non-AV pages (to hide it) */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
display: none; /* also hides the div content from screen readers */
/***** /AV MENU STYLES *****/
/***** NAV MENU STYLES *****/
/* the cs website navigation is to the left of the content, out of the document flow */
div#navCS /* the div that holds the main navigation menu */
position:absolute; /* allows one to set the exact psoition of the menu div on the page while letting the text flow around it */
width: 250px; /* sets the menu width */
top: 92px; /* moves the menu down from the page top */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the borders of the menu */
z-index: 10; /* keeps the side menu above other elements of the page (so that the sub-menus stick out properly) */
padding-top: 30px; /* positions the menu just below the black links bar */
/* add extra top padding when on an AV page (to accomodate the AV menu */
div.withAV /* added to the navCS div on AV pages only! */
padding-top: 63px !important; /* repositions the menu just below the second black links bar for AV */
/* the CS website navigation boxes are created for each menu list item */
div#navCS ul li /* styles the individual items in the navigation menu */
display: block; /* puts the menu items in an invisible box so that it is easier to manipulate with CSS */
position:relative; /* ensures that all submenus are positioned relative to their respective menu links */
width: 250px; /* sets the width of the navigation boxes (accomodates padding, below) */
height: 30px; /* sets the height of the navigation menu items */
line-height: 30px; /* NOTE: This must match the height of the menu items to keep the text vertically centered! */
border-top: solid 1px #CCCCCC; /* sets the line, thickness and color (gray) for the top border of the menu boxes */
margin: 0px; /* remove margins from box */
padding: 0px; /* remove margins from box */
/* adds the thick top border above the first menu element */
div#navCS > ul > li:first-child /* the FIRST menu item only! */
border-top: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the top border of the menu */
/* the menu title is removed (for screen readers only) */
div#navCS h3 /* this h3 text is in the HTML page for accessibility reasons, the following css trick will hide it */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
/* ensures that the submenus are clickable on iOS devices (iPhones, iPad, etc.) */
div#navCS ul li a { /* makes the anchors into invisible boxes */
display: block; /* puts link in a box */
height: 30px; /* specifies height of link (MUST MATCH CONTAINING LI ABOVE!!) */
padding: 0px 7px; /* pads the menu text */
margin: 0px; /* ensures that no extra margins upset the layout */
/***** /NAV MENU STYLES *****/
/***** SUBMENU STYLES *****/
/* navigation submenus are hidden by default, and show as a side menu when hovered over */
/* NOTE: The popup submenus are normally controlled by JavaScript. A backup "nojs" class exists to allow popup menus to be controlled by by CSS when JavaScript is deactivated. */
div#navCS ul li.nojs > div.submenu, /* (no javscript version) */
div#navCS ul li > div.hide /* affects only the submenu div in a menu list */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
/* the classes below display the navigation submenu when the parent menu item is hovered over */
div#navCS ul li.nojs:hover > div.submenu, /* (no javscript version) */
div#navCS ul li > div.show /* affects the submenu div when its corresponding menu list item is hovered over */
display: block; /* puts the submenu in an invisible box that it is easier to manipulate with CSS */
position: absolute; /* allows me to set the exact psoition of the submenu in the page without affecting the rest of the main menu (works with "position:relative" on the "div#navCS ul li" item */
background-image: url(../images/arrow.png); /* adds the grey arrow on the side of the menu */
background-position: top left; /* sets the arrow to the top-left of the menu */
background-repeat: no-repeat; /* ensures that only one arrow is shown */
background-color: transparent; /* makes the div transparent so that the submenu is away from the main menu, yet still reachable from the menu */
top: 0px; /* positions the submenu flush with the top of the menu item */
left: 100%; /* positions the submenu just to the left of the main menu */
z-index: 1; /* ensures that the submenu is always visible above the content and links menu (z-index must be added separetely to all child elements) */
div#navCS ul li.nojs:hover > div.submenu ul, /* (no javscript version) */
div#navCS ul li > div.show ul /* affects the submenu list when its corresponding menu list item is hovered over */
display: block; /* puts the submenu in an invisible box that it is easier to manipulate with CSS */
margin-left: 12px; /* pushes the list to the left enough to make room for the background "arrow" image */
border: 3px solid #999999; /* places grey border around submenu */
overflow: hidden; /* prevents long text from stretching the submenu */
padding: 1px 5px 1px 5px; /* adds padding to submenu sides */
z-index: 1; /* ensures that the submenu is always visible above the content and links menu (z-index must be added separetely to all child elements) */
div#navCS ul li.nojs:hover > div.submenu ul li, /* (no javscript version) */
div#navCS ul li > div.show ul li /* affects the submenu list items when its corresponding menu list item is hovered over */
display: block; /* puts the submenu in an invisible box that it is easier to manipulate with CSS */
border-top: 1px dotted #000000; /* adds a border above the menu item */
height: 22px; /* specifies height of menu item */
line-height: 22px; /* vertically centers sub-menu text (MUST BE SAME AS HEIGHT!) */
z-index: 1; /* ensures that the submenu is always visible above the content and links menu (z-index must be added separetely to all child elements) */
/* removes the top border above the first submenu element */
div#navCS ul li.nojs:hover > div.submenu ul li:first-child, /* (no javscript version) */
div#navCS ul li > div.show ul li:first-child /* the FIRST menu item only! */
border-top: none; /* do not place a border in front of the first item */
/* ensures that the submenus are clickable on iOS devices (iPhones, iPad, etc.) */
div#navCS ul li.nojs:hover > div.submenu ul li a, /* (no javscript version) */
div#navCS ul li > div.show ul li a { /* makes the anchors into invisible boxes */
display: block; /* puts link in a box */
height: 22px; /* specifies height of link (MUST MATCH CONTAINING LI ABOVE!!) */
padding: 0px 7px; /* pads the menu text */
margin: 0px; /* ensures that no extra margins upset the layout */
/***** /SUBMENU STYLES *****/
/***** CONTENT STYLES *****/
/* the main content in the center of the page */
div#content /* sets the styles for the main content div */
position: relative; /* used to keep everything that is placed inside the content div, inside the content div */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the right border of the content area */
border-top: none; /* removes top border (since links bar already has one */
margin-left: 253px; /* places enough space on the left side of the page to fit the menu */
padding: 40px 0px 20px 0px; /* sets the (top and bottom only) white space around items placed in the content div */
min-height: 200px; /* sets an absolute minimum height for the content div */
/***** /CONTENT STYLES *****/
/***** FAQ AND AV STYLES *****/
/* On the FAQ pages, questions are laid out using a Definition List and displayed using toggleFAQ.js */
/* On the AV facilities pages, sections are laid out using a Definition List and displayed using toggleAV.js */
div#content dl.av dd,
div#content dl.faq dd /* sets the desfult style for the answers in the FAQ and sections in the AV list */
display: block; /* by default, question answers are visible to non-javascript browsers */
div#content dl.av dd.hidden,
div#content dl.faq dd.hidden /* hides the answers (when needed by the javascript) */
position:absolute; /* allows me to set the exact psoition of the text inside the page */
left:-9999px; /* push the text far outside the left of the screen */
/***** /FAQ AND AV STYLES *****/
/***** FOOTER STYLES *****/
/* the footer is in the center of the page */
div#footer /* sets the styles for the footer */
position: relative; /* used to keep things placed inside the footer div, inside the footer div */
margin-left: 252px; /* places enough space on the left side of the page to fit the menu */
height: 30px; /* sets the height of the footer box */
/* the university menu title is removed (for screen readers only) */
div#navUniversity h4 /* this h4 text is in the HTML page for accessibility reasons, the following css trick will hide it */
position: absolute; /* allows one to set the exact psoition of the h4 text inside the page */
left: -9999px; /* push the h4 text far outside the left of the screen */
/* the university menu is displayed inline to the left on the footer*/
div#navUniversity ul /* styles for the university menu in the footer */
position: absolute; /* allows me to set the exact psoition of the menu inside the page */
top: 4px; /* moves the menu 4 pixels in from the top of the footer */
left: 0px; /* moves the menu flush with the left side of the footer */
div#navUniversity ul li /* styles for the university menu in the footer */
display: inline; /* displayes menu items horizontally across the foooter, rather than vertically like a traditional list */
/* add | separators before each menu element */
div#navUniversity ul li:before /* affects the area BEFORE each menu item in the footer */
content: " | "; /* adds a vertical bar character ( | ) before each menu item */
/* do not add a | before the first menu element */
div#navUniversity ul li:first-child:before /* affects the area BEFORE the FIRST menu item in the footer */
content: " "; /* adds nothing before the first menu item (overrides the prior CSS, which adds a line before each item) */
/* the copyright info is to the right of the university navigation */
p#copyright /* styles the copyright paragraph */
position:absolute; /* allows one to set the exact psoition of the copyright inside the page */
top: 4px; /* moves the copyright 4 pixels in from the top of the footer */
right: 6px; /* moves the copyright to the right side of the footer */
/***** /FOOTER STYLES *****/
index:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<%-- The nav_active variable is used to light up the appropriate navigation button --%>
<%
dim nav_active As String
nav_active = "none"
%>
<head profile="http://computing.chicagobooth.edu/includes/metaDataDef.html">
<title>Booth Computing Services</title>


<style type="text/css">
/* <![CDATA[ */
/* PLACE SPECIAL STYLES FOR USE ON THIS PAGE BELOW */
/* ]]> */
</style>
<script type="text/javascript">
/* <![CDATA[ */
/* PLACE SPECIAL SCRIPTS FOR USE ON THIS PAGE BELOW */
/* ]]> */
</script>
</head>


<div id="content">

<h2>Computing Services</h2>
<p>Welcome to Booth Computing Services. Whether you are <a href="faculty.aspx">faculty</a>, <a href="students.aspx">student</a> or <a href="staff.aspx">staff</a>, our goal is to provide you with the highest level of information technology to help you achieve excellence. We provide networking services, application services, training and more, all of which you can learn about through our website.</p>
<p>We welcome your comments and suggestions for how we can improve the computing environment at Chicago Booth to better suit your needs. Please feel free to review our <a href="helpdesk/stats.aspx">Customer Satisfaction Survey</a> or <a href="contact.aspx">contact us</a> with any feedback you would like to share.</p>

</div>


menu CSS
/* Listmenu CSS Document */
/* This document contains the CSS rules for the alphabetical list menu which appears on the tools.asp page. This document styles the HTML generated by the IHWY jQuery Listmenu Plugin (v1.1, 5/24/2010).
For more information, visit: http://www.ihwy.com/Labs/jquery-listmenu-plugin.aspx
/* optional hack for IE 6 so that menu appears under letters, if you want to support IE 6... */
/********************* CSS HACK ********************
* html .lm-wrapper .lm-letters
zoom: 1;
********************* /CSS HACK ********************/
/*** LISTMENU STYLES ***/
body
min-width: 1236px !important;
div#content .lm-wrapper /* a wrapper around the generated menu */
margin: 20px 20px 80px 20px; /* places a 20px margin around the menu */
padding-top: 20px; /* adds space above the menu so that the counts can be seen */
position: relative; /* ensures that everything is displayed inside the menu */
min-width: 920px;
div#content .lm-wrapper .lm-letters /* the letters in the alpha menu */
overflow: hidden; /* prevents letters from overwriting the menu if they get too large */
div#content .lm-wrapper .lm-letters a,
div#content .lm-wrapper .lm-letters a:link /* the letters in the alpha menu */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) for the letters */
font-size: 0.9em; /* sets the font size */
display: block; /* used to center letters in boxes */
float: left; /* used to center letters in boxes */
padding: 2px 11px; /* used to center letters in boxes */
border: 1px solid #C0C0C0; /* used to create box around letters */
border-right: none; /* removes the right border (see lm-last, below) */
text-decoration: none; /* used to remove lines below the letters */
div#content .lm-wrapper .lm-letters a:hover,
div#content .lm-wrapper .lm-letters a:active,
div#content .lm-wrapper .lm-letters a.lm-selected /* moused-over and selected letters in the menu */
background-color: #CCCCCC; /* sets the background color of the box (grey) */
div#content .lm-wrapper .lm-letters a.lm-disabled /* empty letters in the menu */
color: #CCCCCC; /* sets the color of the letters (grey) */
div#content .lm-wrapper .lm-letters a.lm-last /* the last letter in the list */
border-right: 1px solid #C0C0C0; /* puts the final border to close the menu */
div#content .lm-wrapper .lm-letter-count /* styles the count above each letter (if enabled) */
top: -10px; /* forces the text to appear above the letters */
font-size: 6pt; /* sets the font size */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) for the counts */
text-align: center; /* centers the number above the letter */
margin: 2px 0px 2px 0px; /* sets required spaceing around the numbers */
color: #666666; /* sets the color of the numbers */
div#content .lm-wrapper .lm-menu /* styles the pop-up menu that appears below the letters */
border: 1px solid #C0C0C0; /* creates a border around the pop-up menu */
border-top: 1px solid #C0C0C0; /* creates a border around the pop-up menu */
padding: 5px; /* padding around the pop-up menu edge */
z-index: 15; /* ensures that the pop-up menu is visible above the rest of the menu */
position: absolute; /* used to correctly position the menu */
margin-top: -1px; /* lines the top border of the menu correctly */
background-color: #F1F1F1; /* colors the background of the menu (light grey) */
display: none; /* hides the menu (until needed) */
div#content .lm-wrapper .lm-menu ul li,
div#content .lm-wrapper .lm-menu ol li /* styles the individual list items in the pop-up menu */
list-style-type: disc; /* adds bullets to the menu items */
color:#660000; /* colors the menu items (maroon) */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) for the menu text */
text-align: left; /* aligns the pop-up menu text to the left */
font-size: 0.9em; /* sets the text size for the menu items */
padding: 0px; /* removes all extra padding from items */
margin: 0px; /* removes all extra margins from items */
div#content .lm-wrapper .lm-menu .lm-no-match /* Styles the text shown when no items match a letter */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) */
color: #666666; /* colors the text (dark grey) */
font-style: italic; /* makes the text italic */
font-size: 0.9em; /* sets the text size for the text */
div#content .lm-wrapper .lm-menu a,
div#content .lm-wrapper .lm-menu a:link /* styles the pop-up menu links */
text-decoration: none; /* removes lines under the links */
div#content .lm-wrapper .lm-menu a:hover,
div#content .lm-wrapper .lm-menu a:active /* styles the pop-up menu links when hovered over */
text-decoration: underline; /* underlines the link */
color: #CCCCCC; /* sets the color of the link (grey) */
div#content .lm-wrapper .lm-menu .lm-submenu /* styles the columns (submenus) in the pop-up menu */
/* overflow: hidden; */ /* prevents large text from breaking the menu */
/** popup submenus **/
div#content .lm-wrapper .lm-menu .lm-submenu ul li /* database listing in alpha menu */
position: relative; /* used to keep popup menu (below) next to database listing */
/* hide submenu by fefault */
div#content .lm-wrapper .lm-menu .lm-submenu ul li > div.popup
position: absolute; /* allows me to set the exact psoition of the menu */
top: -9999px; /* push the menu far outside the top of the screen */
/* show submenu to right when related database name is hovered over */
div#content .lm-wrapper .lm-menu .lm-submenu ul li:hover > div.popup
position: absolute;
top: 5px;
left: -51%;
height: 45px;
width: 50%;
display: block;
background-color:#999999;
border: solid 1px #000000;
z-index: 20;
font-size: 9px;
line-height: 20px;
padding: 0px 0px 0px 0px;
margin: 0px;
overflow: hidden; /* prevents large text from breaking the menu */
/* change specific columns */
div#content .lm-wrapper .lm-menu .lm-submenu .c3 ul li:hover > div.popup
/* USE INVISIBLE DIV IF YOU NEED TO SPACE MENU DIFFERENTLY!! */
/*** /LISTMENU STYLES ***/

If your container has a width in %, add one of these rules to your CSS code.
/**This re-scales images to any size browser width**/
img {width:100%}
/**this re-scales images up to the native file size only**/
img {max-width:100%}
Also remove height and width attributes from your <img> HTML code. Otherwise this won't work.
Nancy O.

Help with multiple layers moving position

Hi I am new to After effects so apologies if this is a daft question.
I have a map as my main layer and I have created a text layer.I want to animate the position of the map which can easily be done.However all other layers move with the map layer.So if I move across the map all other layers moves aswell.When I want them to stay in a fixed position
I would be grateful for any help
Thanks

We can't know anything without knowing the structure of your project, what you animate exactly and so on. Layers don't automatically move in unison, that would only happen if they are pre-composed, parented or linked with expressions or your footage is a flattened file in the first place. Conversely, moving the camera in a 3D scene naturalyl would make all 3D layers respond to that camera, but not 2D layers. anyway, we realyl can't know what's going on without more info. Screenshots of the timeleine might tell a lot....
Mylenium

Need help with Rollover Image cross browser problem

Hello,
I am having a cross browser problem with my websites rollover nav links. The trouble is, while they work perfectly fine in IE8 and IE9, I’ve also attempted to use them through Opera, and they simply don’t work. They don’t link nor do they do their rollover effect. And I was trying to figure out what I have done wrong. Currently the site is not completed, but the first two pages are, the “news” and “about me” pages are currently (as of right now) working. The address to the site is below.
http://maxmetal.xsustudios.com/index.html
I hope that someone can help me with this, if needs be I can put the code for the CSS and HTML into this part if it will save some time for everyone. Sorry too about the PNG images, I have to change those over to semi-transparent GIF’s yet so the site does take a while to load…
Hope someone can help me with this!
PALADIN

When I disable CSS in my browser, the rollover buttons work just fine. This tells me your CSS is messed up and you've layered something over your menus which is making them inaccessible to users.
I noticed you've applied relative positioning to just about everything on your page. Why?   Default CSS positioning (unspecified or static) is all you need for 98% of layouts.
     Learn CSS positioning in 10 Steps
     http://www.barelyfitz.com/screencast/html-training/css/positioning/
My advice would be to start over using a pre-built CSS Template with all the divisions and columns you're likely to need for this project. Below are some good links to get you on the right track.
For professional CSS Templates that are rock solid & perform well in all browsers, visit Project Seven:
http://www.projectseven.com/products/index.htm
Ultimate Multi-Column Layouts
http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-width s
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
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
New DW Starter Pages
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Good luck with your project!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Help with Moving Layers

I am working on the porfolio section of my web, and I am
using the "show hide" function with layers to rollover and show
larger image. The layer in dreamweaver moves when you resizing the
screen. Is there a way of fixing that?

These two links are not helping your cause -
<link rel="stylesheet"
href="file:///E|/webcentered/Templates/aboutus.css"
type="text/css">
<link rel="stylesheet"
href="Artistic%20Media%20Graphic%20Design_files/aboutus.css"
type="text/css">
The first one is broken, since it points to a file on your
hard drive. The
second one is liable to break because you have used spaces in
the
file/pathnames (which you should not do for the web).
The root of your problem is this -
<td>
<div id="sienna" style="position:absolute; width:242px;
height:302px; z-index:1; left: 349px; top: 357px; visibility:
visible"><img
src="Portfolio/images/sienna_04.jpg" width="245"
height="309"></div>
You must never put absolutely positioned elements directly
into table cells.
For your penance, you will visit this link and read -
http://www.great-web-sights.com/g_layerlaws.asp
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
==================
"artisticmedia" <[email protected]> wrote in
message
news:e4bfg2$4vd$[email protected]..
> sorry...try this link. I am out of control!
> <a target=_blank class=ftalternatingbarlinklarge
> href="
http://www.artisticmedia.org/newportfolio">http://www.artisticmedia.org/newportfolio</a>

Help with positioning images

Hi! So, I am new to DreamWeaver and need assistance. I am working on using AP Divs to position images. I place them where I want via the Design tab and then when I preview it in IE 7 it is in a completely different place. Up until this point, I have just made the adjustments by flipping back and forth between my browser and DW Design display and using margins. You can see I did this for my sidebar links (Home, Overview etc.). Even though on the design screen it looks like I am overlapping my header, when I go out to IE, it looks fine. However, for this graphic organizer that I am working on, it will be too difficult. I will post screen shots of what I am talking about below. Can anyone tell me why this is happening and how to get it stopped? I have never had problems with this before when I have done websites. Do you think I have something wrong in my HTML code or CSS? As you can tell, I am a beginner. Any help would be appreciated! Also, I have a quesiton about the my links in my sidebar. Does anyone know how to put more space in between the words vertically (you can see the links in my second pic below)? Thanks!

How to Get Help Quickly
http://forums.adobe.com/thread/470404
HTML & CSS Tutorials - http://w3schools.com/
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
APDivs as a primary layout method seldom works well. Here is why:
http://apptools.com/examples/pagelayout101.php
Learn CSS Positioning in 10 Steps -
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Use CSS line-height, margins and padding to add space between headings, paragraphs or list items.
Related Link:
CSS Box model
http://css-tricks.com/the-css-box-model/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Help with DW layers/menus

Hi,
I am having a time trying to get the Dreamweaver rollover
function with layers to work in creating webpage menus that you can
rollover and hyperlink to. The page I am working on is at
http://anne.swva.net/pcof/ ,
and if you scroll over Worship you can see what I mean...on rollout
it disappears without any time to select a hyperlink subpage (not
linked yet.)
An example of the page I need it to work like is
http://www.greenadvantage.org
, and any of the top bar menu items there.
I am working in Dreamweaver 4, and this is for a non profit,
a local church. Any help is appreciated!
- AV

scorched earth wrote:
> Do you have a suggestion on what menu system would work
best for this?
Hi,
Note the show/hides on the images above and below the Worship
image,
note too the new layer ('closer' - you might want to give it
a temporary
background colour so that you can better see what is
happening - remove
the background colour when you have an understanding) which
also has
show/hides attached - anyway.....
try this - in code view replace everything with this....
<!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>index_draft w slice.jpg</title>
<meta http-equiv="Content-Type" content="text/html;">

<script language="JavaScript">

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for
(i=0;!x&&i<d.forms.length;i++)
x=d.forms
[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n);
return x;
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if
((obj=MM_findObj(args
))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style;
v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
//-->
</script>
<style type="text/css">

</style>
</head>
<body bgcolor="#ffffff">
<div id="Worship" style="position: absolute; width: 150px;
height: 94px;
z-index: 2; left: 143px; top: 310px; visibility:
hidden;">
<table bgcolor="#312e4b" border="1" width="100%">
<tr>
<td bordercolor="#FFFFFF"><div
align="center"><font color="#ffffff"
face="Poor Richard"
size="4">Ministry</font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><div
align="center"><font color="#ffffff"
face="Poor Richard"
size="4">Ministry</font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><div
align="center"><font color="#ffffff"
face="Poor Richard"
size="4">Ministry</font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><div
align="center"><font color="#ffffff"
face="Poor Richard"
size="4">Ministry</font></div></td>
</tr>
</table>
</div>
<table border="0" cellpadding="0" cellspacing="0"
width="800">

<tr>
<td><img src="spacer.gif" border="0" height="1"
width="118"></td>
<td><img src="spacer.gif" border="0" height="1"
width="41"></td>
<td><img src="spacer.gif" border="0" height="1"
width="469"></td>
<td><img src="spacer.gif" border="0" height="1"
width="91"></td>
<td><img src="spacer.gif" border="0" height="1"
width="81"></td>
<td><img src="spacer.gif" border="0" height="1"
width="1"></td>
</tr>
<tr>
<td colspan="5"><img name="index_draftwslice_r1_c1"
src="index_draft@20w@20slice_r1_c1.jpg" border="0"
height="164"
width="800"></td>
<td><img src="spacer.gif" border="0" height="164"
width="1"></td>
</tr>
<tr>
<td colspan="3"><img name="index_draftwslice_r2_c1"
src="index_draft@20w@20slice_r2_c1.jpg" border="0"
height="31"
width="628"></td>
<td><img name="index_draftwslice_r2_c4"
src="index_draft@20w@20slice_r2_c4.jpg" border="0"
height="31"
width="91"></td>
<td><img name="index_draftwslice_r2_c5"
src="index_draft@20w@20slice_r2_c5.jpg" border="0"
height="31"
width="81"></td>
<td><img src="spacer.gif" border="0" height="31"
width="1"></td>
</tr>
<tr>
<td><div id="closer"
onMouseOver="MM_showHideLayers('Worship','','hide','closer','','hide')"></div>
<img name="index_draftwslice_r3_c1"
src="index_draft@20w@20slice_r3_c1.jpg" border="0"
height="28"
width="118"></td>
<td rowspan="9"><img name="index_draftwslice_r3_c2"
src="index_draft@20w@20slice_r3_c2.jpg" border="0"
height="505"
width="41"></td>
<td rowspan="9"> </td>
<td rowspan="3" colspan="2"> </td>
<td><img src="spacer.gif" border="0" height="28"
width="1"></td>
</tr>
<tr>
<td><img src="index_draft@20w@20slice_r4_c1.jpg"
name="index_draftwslice_r4_c1" width="118" height="76"
border="0"
onMouseOver="MM_showHideLayers('Worship','','hide','closer','','hide')"></td>
<td><img src="spacer.gif" border="0" height="76"
width="1"></td>
</tr>
<tr>
<td rowspan="2"><a href="javascript:;"
onMouseOver="MM_showHideLayers('Worship','','show','closer','','show')"><img
name="index_draftwslice_r5_c1"
src="index_draft@20w@20slice_r5_c1.jpg"
border="0" height="69" width="118"></a></td>
<td><img src="spacer.gif" border="0" height="29"
width="1"></td>
</tr>
<tr>
<td rowspan="3" colspan="2"> </td>
<td><img src="spacer.gif" border="0" height="40"
width="1"></td>
</tr>
<tr>
<td><img src="index_draft@20w@20slice_r7_c1.jpg"
name="index_draftwslice_r7_c1" width="118" height="71"
border="0"
onMouseOver="MM_showHideLayers('Worship','','hide','closer','','hide')"></td>
<td><img src="spacer.gif" border="0" height="71"
width="1"></td>
</tr>
<tr>
<td rowspan="2"><img name="index_draftwslice_r8_c1"
src="index_draft@20w@20slice_r8_c1.jpg" border="0"
height="72"
width="118"></td>
<td><img src="spacer.gif" border="0" height="46"
width="1"></td>
</tr>
<tr>
<td rowspan="3" colspan="2"> </td>
<td><img src="spacer.gif" border="0" height="26"
width="1"></td>
</tr>
<tr>
<td><img name="index_draftwslice_r10_c1"
src="index_draft@20w@20slice_r10_c1.jpg" border="0"
height="62"
width="118"></td>
<td><img src="spacer.gif" border="0" height="62"
width="1"></td>
</tr>
<tr>
<td><img name="index_draftwslice_r11_c1"
src="index_draft@20w@20slice_r11_c1.jpg" border="0"
height="127"
width="118"></td>
<td><img src="spacer.gif" border="0" height="127"
width="1"></td>
</tr>
</table>
</body>
</html>
HTH
chin chin
Sinclair

Dreamweaver 8 help with aligning Layers

Hi all
I am completely stuck I want my layer AP (tag) to display in the center of my browser and any browser it displays in?????
I need help please I don’t know how to set this to the center using CSS
Thanks

Fantastic
Thanks a million for that, tried at diff screen resolutions and bang in the centre
only thing is i want the page to not have a scroll down the right hand side
I was trying to backspace the page back up as it only needs to be around 600 in height as this is the layer height??
Any ideas
Really appreciate the help BTW
Code below
<!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=iso-8859-1" />
<title>home</title>
<link href="background.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script type="text/JavaScript">

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

</style>
</head>
<body class="background" id="Layer1" onload="MM_preloadImages('Images/Year_7_button_over.png','Images/Year_8_button_over.png', 'Images/OCR_Over.png')">
<div id="Layer2">
<div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('YEAR7','','Images/Year_7_button_over.png',1)"><img src="Images/Year_7_button.png" alt="YEAR&" name="YEAR7" width="200" height="80" border="0" id="YEAR7" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Year8','','Images/Year_8_button_over.png',1)"><img src="Images/Year_8_button.png" alt="Year8" name="Year8" width="200" height="80" border="0" id="Year8" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('OCR','','Images/OCR_Over.png',1)"><img src="Images/OCR.png" alt="OCR" name="OCR" width="200" height="80" border="0" id="OCR" /></a></div>
<p> </p>
<p align="center" class="style2">Welcome to ICT </p>
<p align="center" class="style2">Please click on the button that you need </p>
<p align="center" class="style2">If you are in year 7 click the year 7 button </p>
<p align="center" class="style2">If you are in year 8 click the year 8 button </p>
<p align="center" class="style2">If you are working on OCR units click the OCR button</p>
<p align="center" class="style2">SIMPLES!</p>
</div>
</body>
</html>

PLS HELP WITH POSITIVE PAY INTERFACE

Please help me with the following:
1) What is Positive Pay?
2) How do we configure Positive Pay which will include an interface to the 3 different bank accounts. It will send Check Number, Amount, Date, and Payee to the banks. What configuration is supposed to be done from a Functional FI-AP Consultant's side in AP. All the house banks and other bank related information is all configured. Please provide detailed answer on this.
THanks
Laks

Hi,
Possitive pay file is used for check extraction. Through FCHX we can create a file of checks belongs to paying company code. Here the data is sorted according to accounting number and check number. With the using of this we can know the encashed checks, individual payment methods, amounts, void reason codes etc.
Here we can change the format according to our Bankers requirement.
Thanks & Regards
Sunitha.

Need help with margins & footer, and browser display issues....

Hello,
I am working on a splash page in Dreamweaver, but am having trouble with the margins and the footer.
1. Margins: I basically want/need the center contents of the page never to extend past the contents of the header and footer.
If you look at the page header, the logo on the top left and "Student and Faculty Portal" should be the margins. Seems to look fine on some users' systems, but not consistent across our department.
2. Footer: I can't seem to figure out how to keep the footer at the bottom without rising above the background image across all browsers & screen sizes. Looks fine on some, but too high or low on others. (Looks the worst when the background image shows underneath the footer).
3. Browser/Screen Size: Depending on which PC I am using, my page changes. At the office, on my 26" monitors, my page looks fine, however, when on different laptops, my right div (that contains the login table) goes under the left. How can I code my page so that it looks consistent on all?
I guess my main complaint/need is for my page to look consistent regardless of screen size, browser or system.
If you could take a look, I would greatly appreciate it.
Your expertise and time is greatly appreciated. I hope I was clear enough, but please let me know if there is any confusion.
http://www.saintleo.edu/PortalLanding/PortalSplash.html
Kind regards,
JK

1. Create a div around your content, give it a width and margin: 0 auto;
2. Follow this tutorial. It will be a lifesaver and it sounds like what you are trying to do: http://css-tricks.com/snippets/css/sticky-footer/
3. See #1. In addition, remove right-margin from login box, add float: right; and remove float: left; from main content.

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 positioning

Please check my site
http://www.kloofharvest.co.za/new
and tell me why i have a gap between my header and spry menu and
how to get rid of it... the spry code is below:
var Spry;
if(!Spry)
Spry = {};
if(!Spry.Widget)
Spry.Widget = {};
// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul>
tag)
// preloadImage1 and preloadImage2 are images for the
rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
this.init(element, opts);
Spry.Widget.MenuBar.prototype.init = function(element, opts)
this.element = this.getElement(element);
// represents the current (sub)menu we are operating on
this.currMenu = null;
var isie = (typeof document.all != 'undefined' &&
typeof window.opera == 'undefined' && navigator.vendor !=
'KDE');
if(typeof document.getElementById == 'undefined' ||
(navigator.vendor == 'Apple Computer, Inc.' && typeof
window.XMLHttpRequest == 'undefined') || (isie && typeof
document.uniqueID == 'undefined'))
// bail on older unsupported browsers
return;
// load hover images now
if(opts)
for(var k in opts)
var rollover = new Image;
rollover.src = opts[k];
if(this.element)
this.currMenu = this.element;
var items = this.element.getElementsByTagName('li');
for(var i=0; i<items.length; i++)
this.initialize(items
, element, isie);
if(isie)
this.addClassName(items, "MenuBarItemIE");
items
.style.position = "static";
if(isie)
if(this.hasClassName(this.element, "MenuBarVertical"))
this.element.style.position = "relative";
var linkitems = this.element.getElementsByTagName('a');
for(var i=0; i<linkitems.length; i++)
linkitems.style.position = "relative";
Spry.Widget.MenuBar.prototype.getElement = function(ele)
if (ele && typeof ele == "string")
return document.getElementById(ele);
return ele;
Spry.Widget.MenuBar.prototype.hasClassName = function(ele,
className)
if (!ele || !className || !ele.className ||
ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
return false;
return true;
Spry.Widget.MenuBar.prototype.addClassName = function(ele,
className)
if (!ele || !className || this.hasClassName(ele, className))
return;
ele.className += (ele.className ? " " : "") + className;
Spry.Widget.MenuBar.prototype.removeClassName = function(ele,
className)
if (!ele || !className || !this.hasClassName(ele,
className))
return;
ele.className = ele.className.replace(new RegExp("\\s*\\b" +
className + "\\b", "g"), "");
// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML
code
Spry.Widget.MenuBar.prototype.addEventListener =
function(element, eventType, handler, capture)
try
if (element.addEventListener)
element.addEventListener(eventType, handler, capture);
else if (element.attachEvent)
element.attachEvent('on' + eventType, handler);
catch (e) {}
// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show
above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer =
function(menu)
var layer = document.createElement('iframe');
layer.tabIndex = '-1';
layer.src = 'javascript:false;';
menu.parentNode.appendChild(layer);
layer.style.left = menu.offsetLeft + 'px';
layer.style.top = menu.offsetTop + 'px';
layer.style.width = menu.offsetWidth + 'px';
layer.style.height = menu.offsetHeight + 'px';
// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form
controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer =
function(menu)
var layers = menu.parentNode.getElementsByTagName('iframe');
while(layers.length > 0)
layers[0].parentNode.removeChild(layers[0]);
// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
var menus = root.getElementsByTagName('ul');
for(var i=0; i<menus.length; i++)
this.hideSubmenu(menus
this.removeClassName(this.element, "MenuBarActive");
// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore
them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
return (navigator.vendor == 'Apple Computer, Inc.'
&& (event.target == event.relatedTarget.parentNode ||
(event.eventPhase == 3 && event.target.parentNode ==
event.relatedTarget)));
// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
if(this.currMenu)
this.clearMenus(this.currMenu);
this.currMenu = null;
if(menu)
this.addClassName(menu, "MenuBarSubmenuVisible");
if(typeof document.all != 'undefined' && typeof
window.opera == 'undefined' && navigator.vendor != 'KDE')
if(!this.hasClassName(this.element, "MenuBarHorizontal") ||
menu.parentNode.parentNode != this.element)
menu.style.top = menu.parentNode.offsetTop + 'px';
if(typeof document.uniqueID != "undefined")
this.createIframeLayer(menu);
this.addClassName(this.element, "MenuBarActive");
// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
if(menu)
this.removeClassName(menu, "MenuBarSubmenuVisible");
if(typeof document.all != 'undefined' && typeof
window.opera == 'undefined' && navigator.vendor != 'KDE')
menu.style.top = '';
menu.style.left = '';
this.removeIframeLayer(menu);
// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can
properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem,
element, isie)
var opentime, closetime;
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = false;
if(menu)
this.addClassName(link, "MenuBarItemSubmenu");
hasSubMenu = true;
if(!isie)
// define a simple function that comes standard in IE to
determine
// if a node is within another node
listitem.contains = function(testNode)
// this refers to the list item
if(testNode == null)
return false;
if(testNode == this)
return true;
else
return this.contains(testNode.parentNode);
// need to save this for scope further down
var self = this;
this.addEventListener(listitem, 'mouseover', function(e)
if(self.bubbledTextEvent())
// ignore bubbled text events
return;
clearTimeout(closetime);
if(self.currMenu == listitem)
self.currMenu = null;
// show menu highlighting
self.addClassName(link, hasSubMenu ?
"MenuBarItemSubmenuHover" : "MenuBarItemHover");
if(menu && !self.hasClassName(menu,
"MenuBarSubmenuVisible"))
opentime =
window.setTimeout(function(){self.showSubmenu(menu);}, 250);
}, false);
this.addEventListener(listitem, 'mouseout', function(e)
if(self.bubbledTextEvent())
// ignore bubbled text events
return;
var related = (typeof e.relatedTarget != 'undefined' ?
e.relatedTarget : e.toElement);
if(!listitem.contains(related))
clearTimeout(opentime);
self.currMenu = listitem;
// remove menu highlighting
self.removeClassName(link, hasSubMenu ?
"MenuBarItemSubmenuHover" : "MenuBarItemHover");
if(menu)
closetime =
window.setTimeout(function(){self.hideSubmenu(menu);}, 600);
}, false);

Welcome to the Pages discussions, therightjenn!
You can reposition the page number. There is a tab between the title and the title number. Turn on Show invisibles and you'll see it.
Select the TOC and then move the tab stop on the ruler to desired position.
!http://a.imageshack.us/img690/9589/titletabs.jpg!

Help with position

amy phone is stuck in portrait position, i want it to go to landscaqpe, but does not. what setting do I go to fo fix this>? thanks

Hello nini05,
I see that you are a fellow Bionic owner! I LOVE my Bionic! It’s super fast and surprisingly versatile. The Bionic is definitely my go to phone while I’m on the go! May I ask were you able to resolve the screen issue? The steps that HighDesert are great as they are SUPER accurate, thanks HighDesert! IF you are still experiencing an issue with the screen rotation then try to remove the battery from the phone then retest, once the battery is re-applied of course! As a plan B, if the battery pull doesn’t work then the final step would be a factory data reset. Below is a link on how to complete the reset.
http://support.verizonwireless.com/clc/devices/knowledge_base.html?id=46649
As always, I encourage that a back u is done of all personal information on the device prior to completing a factory reset. Contacts can be archived using Backup Assistant Plus. Also, contacts and calendar entries can be transferred to the Gmail account that’s on the phone. Once the reset is complete, the phone would need to be reactivated and setup. There is a brief tutorial on how to do then upon boot up. Once the device is setup, I suggest testing the screen rotation to confirm that the issue is resolved. If you could be so kind to post your findings after you can completed one of the steps above then that would be great for other community members to know what to do!
Thank you…
ArnettH_VZW
Follow us on Twitter @VZWSupport

I need help with positioning

HI all,
I don't know how to organize my logo table in a way that it
makes sense and works on many browsers.
I was wondering if someone could show how to code it in the
right way.
I know the dropdown menu doesn't work on Netscape browsers. I
will create a new one, but I still need help organizing this table.
Please help me! The address is:
http://www.northshoreclassifieds.com/new_classifieds/sites/index.html
Thank you!

Salabinha wrote:
> HI all,
>
> I don't know how to organize my logo table in a way that
it makes sense and
> works on many browsers.
> I was wondering if someone could show how to code it in
the right way.
> I know the dropdown menu doesn't work on Netscape
browsers. I will create a
> new one, but I still need help organizing this table.
Please help me! The
> address is:
>
http://www.northshoreclassifieds.com/new_classifieds/sites/index.html
>
> Thank you!
>
what do you mean exactly by that ... or better, what do you
want it to
look like?
Anurag

Help with positioning text links over image

I'm creating a five page site with a different background
color for each horizontal nav bar. I created a solid color graphic
(780 x 30) and inserted it into my div. I now want to place my text
links over the graphic but I can't seem to do it. It keeps
appearing underneath. Someone recommended using a table and I'm
wondering if this would be easier.
Thanks!

You have to use the image as a background image in your
'navcontainer' <div>
#navcontainer {
background-image: url(images/nav_services.gif);
background-repeat: no-repeat;
If you actually insert the image into the page, as you have
done, it
WILL push the text links down because its ABOVE them on the
page.
Ruby7829 wrote:
> I'm creating a five page site with a different
background color for each
> horizontal nav bar. I created a solid color graphic (780
x 30) and inserted it
> into my div. I now want to place my text links over the
graphic but I can't
> seem to do it. It keeps appearing underneath. Someone
recommended using a
> table and I'm wondering if this would be easier.
>
> Thanks!
>
> <div id="navcontainer"><img
src="images/nav_services.gif" />
> <ul id="navlist">
> <li id="active"><a href="test_index.html"
id="current">Home</a></li>
> <li><a
href="test_services.html">Services</a></li>
> <li><a
href="test_faq.html">FAQ</a></li>
> <li><a
href="test_testimonials.html">Testimonials</a></li>
> <li><a
href="javascript">Contact</a></li>
> </ul>
> </div>
>
>
> #navcontainer ul
> {
> text-align: center;
> padding: 0px 0px;
> margin: 0;
> color: white;
> width: 100%;
> line-height: 18px;
> }
>
> #navcontainer ul li
> {
> display: inline;
> padding-left: 0;
> padding-right: 0;
> padding-bottom: 5px;
> /* matches link padding except for left and right */
> padding-top: 5px;
> }
>
> #navcontainer ul li a
> {
> padding-left: 10px;
> padding-right: 10px;
> padding-bottom: 5px;
> padding-top: 5px;
> color: white;
> text-decoration: none;
> }
>
> #navcontainer ul li a:hover
> {
> color: #CCCC99;
> }
>

Help with Positioning Layers is Browser

Similar Messages

Maybe you are looking for