Bug in Styles

Hello
This bug is very reproducible, but the steps that I found are a bit complex. I also confirmed this bug on SimpleEditorWithCSS sample. I use build Gumbo (4.0.0.5121) with TLF build-377.

Steps to reproduce on SimpleEditorWithCSS:
1. Select the tab 'style', then select level of span
2. Select text in the 'X' postion to position 'Y' and set the styleName to "style1.
3. Select the text of the 'X-10' in position position "Y-10"and set to "style2" styleName ".
4. Select text in the position 'X 5' for the position "Y + 10"and set to "style1" styleName ".
(Please note that these positions are not really necessary, but these positions show the pattern that is required to reproduce)

Result on binaries released: Publisher Hangs
Result on the debug version: Exception (I stuck the battery of EditManager.doOperation jamsessions)
RangeError: invalid parameter for FlowGroupElement.split
to flashx.textLayout.elements::FlowGroupElement/splitAtPosition()
to flashx.textLayout.operations::FlowElementOperation/getTargetElement()
to flashx.textLayout.operations::ChangeElementStyleNameOperation/doOperation()
to flashx.textLayout.edit::EditManager/doInternal()
to flashx.textLayout.edit::EditManager/doOperation()

Thank you
Ahmed

I do not see a reference to an original bug, which means the post on 11/23, but looking at the example SimpleEditorWithCSS, the question is how the operation collects and iterates over items with the applied style. As the installed sample uses the same style name that applied to the second element, a series of mergers occur which invalidates the second element.

Initial state:
foo bar moreFooBar
Selection between 'oo' in 'foo' and 'more' and new styleId = 'b '.

'foo' will be distributed:
f oo...

During the operation, standardize the fusion "bar" in "oo": will
span styleId = "a" > foobar

------
Because the code is iterating over 'targets' span 'bar' is still in the list even if it is therefore more part of the flow of the text. The solution is to check if the current target has no parent, which indicates that a merger has taken place and ignore it in this case. Adding the following code when running 'for each (targetList target)"of the SimpleEditorPanel as follows:

if(Target.parent == null)
{
absStart += target.textLength;
continue;
}

No exception is thrown and the sample behaves as expected. This code has been updated in the source from Adobe and is displayed when made available to the public.

It is important to note that targets before executing a collection operation can lead to the target becomes invalid. The client code that "pre determined" target prior to operating on them, should re - validate during a closure operation. Alternatively, a customer might loop based on the full-text index and collect each target individually rather than setting up an advance list.

Tags: Adobe Open Source

Similar Questions

  • BUG: Character styles does not, plus sign and redefine style gray

    Pages, Keynote, and Numbers, the feature of character styles seem to be broken.

    When I select a character and want to create a new style of character formatting, the menu will not let me. The sign is not clickable. This is clearly a bug and should be fixed because it annihilates completely the reusability of the layouts for Pages, Numbers and Keynote.

    In the screenshot below, I select (highlight) a character that is part of a paragraph style with the style named body, displayed in the form of body + in paragraph styles.

    The changes to the formatting should let me save in the form of a character style, but the sign is grey. Redefine the style of the menu item is grayed out as well.

    This behavior started during a few Mac OS x versions.

    What can I do about it?

    Using Pages v5.6.2 on OS X 10.11.5.

    As long you select text including the existing character style is zero, the ability to add (blue sign) a new character style is denied. Just as this is true, whenever I changed the fonts or the attributes of a letter, a word or group of either, the possibility to add a new character style became available.

    Apple did not have a special version of Pages for me, and I can't reproduce what you're proclaiming as a BUG.

  • Then apply a pattern updated the content overlaps the previous contents

    Hello

    Massive headacke side... I really need to solve this problem – work on the line.

    I'm trying to update a site created by my predecessor offline. I've updated the model used, which created an insane amount of problems, more including fixed like today. When you try to update a single page using the template, the content of overlap. I find myself with 2 headers, footers 2 etc...  I thought it was because all the documents on the site (total 53, not too big) are detached from all models and the name of the editable regions on the documents do not exist, but even trying to match the areas to move the contents to the new regions just made a mess of things. My goal (I hope) is too simply update the site without going through all those contents that overlap. Please help, everybody.

    Here is my template code:

    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    "< html xmlns ="http://www.w3.org/1999/xhtml">".
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    < title > QMS: AFM < /title >
    < style type = "text/css" >
    <!--
    {body
    Police: 100% Verdana, Arial, Helvetica, without serif.
    Background: #666666;
    margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
    padding: 0;
    text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
    Color: #000000;
    background-color: #D7D7D7;
    background-repeat: repeat-x;
    border-bottom-color: #066;
    border-right-color: #066;
    border-bottom-color: #066;
    border-left-color: #066;
    }

    / * Tips for Elastic layouts
    1. Since the elastic layouts overall size is based on the user's default font size, they are more unpredictable. Used correctly, they are also more accessible for those who need larger fonts given the length of the line remains proportionate.
    2. sizing of the divs in this provision are based on 100% font size in the body element. If you decrease the overall size of the text by using a font size: 80% on the body element or the #container, remember that the complete provision will reduce proportionally. You can increase the widths of the divs to compensate for this.
    3. If the sizing of fonts is changed in different quantities on each div instead of on the overall design (ie: #sidebar1 is a font size of 70% and #mainContent has a font size of 85%), this will change proportionally each of the overall size of divs. You can adjust the base on your final sizing of fonts.
    */
    .twoColElsLtHdr #container {}
    Width: 46em;  / * This width will create a container that can fit in a 800px browser window if text is left to default browser font sizes * /.
    background: #FFFFFF;
    margin: 0 auto; / * margins (in conjunction with a width) auto Center the page * /.
    border: 30px no #C4C4C4;
    text-align: left; / * This setting overrides the text-align: center on the body element. */
    padding-left: 10px;
    background-color: #FFF;
    border-bottom-color: #C4C4C4;
    border-right-color: #C4C4C4;
    border-bottom-color: #C4C4C4;
    border-bottom-style: outset;
    border-left-style: outset;
    border-top-width: thick;
    border-right-style: outset;
    border-top-style: outset;
    border-left-color: #C4C4C4;
    border-right-width: thick;
    border-bottom-width: thick;
    border-left-width: thick;
    }
    .twoColElsLtHdr #header {}
    padding: 0 10px;  / * This filling is the alignment to the left of the items in the div that appear below. If an image is used in the #header instead of text, you can remove the padding. */
    background-color: #FFF;
    }
    .twoColElsLtHdr #header h1 {}
    margin: 0; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.
    padding: 10px 0; / * padding instead of margin will allow you to keep the edges of the div element * /.
    }

    / * Sidebar1″ tips:
    1 be aware that if you set a value for the font size on this div, the width of the div will be adjusted accordingly.
    2. as we work in ems, it is preferable not to use the filling in the sidebar itself. It will be added to the width for browsers compatible standards creating a real unknown width.
    3. the space between the wall of the div and the items it contains can be created by placing a margin left and right on these items as seen in the rule ".twoColElsLtHdr #sidebar1 p.
    */
    {.twoColElsLtHdr #sidebar1}
    float: left;
    Width: 12em; / * the background color will be displayed for the length of the content of the column, but no further * /.
    Padding: 15px 0; / * upper and lower padding create a Visual space within this div * /.
    background-color: #066;
    background-repeat: repeat-x;
    border-top-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    color: #FFF;
    padding-left: 0px;
    Clear: left;
    }
    H3 .twoColElsLtHdr # sidebar1″, .twoColElsLtHdr #sidebar1 p {}
    margin-left: 10px; / * the left and right margins should be to all of the items that will be placed in the side columns * /.
    margin-right: 10px;
    background-color: #066;
    text-decoration: inherit;
    }

    / * MainContent tips:
    1. If you give this div #mainContent a value of different size of the div # sidebar1″, the margins of the #mainContent div will be based on the font size and the width of the div #sidebar1 depend on the size of the font. You can adjust the values of these divs.
    2. the space between the mainContent and sidebar1″ is created with the left on the mainContent div margin regardless of how content div the sidebar1″ contains, the space of the columns will remain. You can remove the left margin if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete.
    3. to avoid falling of float, you may have to test to determine the size of the image/approximate maximum element because this provision is based on the calibration of fonts the user combined with the values that you set. However, if the user has their browser game lower than normal font size, less space will be available in the #mainContent div that you see on the test.
    4. in the Internet Explorer conditional comment below, the zoom property is used to give the mainContent "hasLayout". This avoids several specific IE bugs that may occur.
    */
    {.twoColElsLtHdr #mainContent
    margin: 1.5em 0 0 13em; / right margin can be given in pixels or ems. He created space on the right side of the page. */
    color: #069;
    background-color: #FFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    }
    .twoColElsLtHdr #mainContent a: link {}
    text-decoration: none;
    color: #069;
    }
    .twoColElsLtHdr #mainContent a: visited {}
    text-decoration: none;
    color: #069;
    }
    .twoColElsLtHdr #mainContent a: hover {}
    text-decoration: underline;
    color: #069;
    background-color: #FFF
    }
    .twoColElsLtHdr #mainContent a: active {}
    text-decoration: none;
    color: #069;
    }
    .twoColElsLtHdr #footer {}
    padding: 0 10px;
    line-height: 0pt;
    color: #069;
    background-color: #FFF;
    do-size: 10px;
    }
    .twoColElsLtHdr #footer p {}
    margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
    padding: 10px 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
    background-color: #FFF;
    }

    / * Various classes for reuse * /.
    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
    float: right;
    left margin: 8px;
    }
    .fltlft {/ * this class can be used to float an element on your page to the left * /}
    float: left;
    right margin: 8px;
    }
    .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
    Clear: both;
    height: 0;
    font size: 1px;
    line-height: 0px;
    }
    H1 {}
    color: #069;
    do-size: 16px;
    border-bottom-color: #069;
    border-top-width: thin;
    border-right-width: thin;
    padding-right: 0px;
    padding-left: 0px;
    }
    body, td, th {}
    do-family: verdana;
    text-decoration: none;
    color: #069;
    border-bottom-color: #069;
    border-right-color: #069;
    border-bottom-color: #069;
    border-left-color: #069;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    }
    a: link {}
    text-decoration: none;
    color: #FFF;
    }
    a: visited {}
    text-decoration: none;
    color: #FFF;
    }
    a: hover {}
    text-decoration: underline;
    color: #FFF;
    background-color: #;
    background-repeat: repeat-x;
    background-position: center;
    border-bottom-color: #069;
    border-right-color: #069;
    border-bottom-color: #069;
    border-left-color: #069;
    }
    a: active {}
    text-decoration: none;
    color: #FFF;
    border color: #FFF;
    padding-left: 20px;
    }
    ->
    < / style > <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .twoColElsLtHdr #sidebar1 {padding-top: 30px ;}}
    .twoColElsLtHdr #mainContent {zoom: 1; padding-top: 15px ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->

    "" < link href = "file:///U|/AFM/Dreamweaver/Left sidebar.css" rel = "stylesheet" type = "text/css" / >
    < / head >

    < body link = "#006699" class = "twoColElsLtHdr" >
    < div id = "container" > <!-TemplateBeginEditable name = "Header"->
    < div id = "header" >
    "" "" < h1 > < img src = "file:///P|/RPS/AFMS/Quality Management System/QMS website/ENGLISH SITE/Assets/pwgsc-e.gif" width = "364" height = "33" align = "left" alt = "wordmark" / > < img src = "file:///P|/RPS/AFMS/Quality Management System/QMS website/ENGLISH SITE/Assets/wordmark_canada.gif" width = height "83" = "21" align = "right" alt = "wordmark2" / > < / h1 >
    < p > < / p >
    "" "< p > < img src ="file:///P|/RPS/AFMS/Quality Management System/QMS website/ENGLISH SITE/assets/AFM QMS features "width ="709"height ="80"alt ="banner"border ="0"/ > < a href ="mailto:[email protected] "" > < img src = "file:///P|/RPS/AFMS/Quality Management System/QMS website/ENGLISH SITE/Assets/Contactus-e.JPG" width = "110" height = "21" alt = 'contactus-e' border = '0' "/ > < /a > < img src ="file:///P|/RPS/AFMS/Quality Management System/QMS website/ENGLISH/elements of " "" SITE / French - e.JPG "width ="115"height ="21"alt = 'french-e' border = '0' / > < a href ="file:///P|/RPS/AFMS/Quality Management System/QMS website/ENGLISH SITE/ContinualImprovement - e.html "" > < img src = "file:///P|/RPS/AFMS/Quality Management System/QMS website/ENGLISH SITE/Assets/Help-e.JPG" width = "115" height = alt '21' = 'help-e' border = '0' "/ > < img src ="file:///P|/RPS/AFMS/Quality Management System/QMS website/ENGLISH SITE/Assets/Search-e.JPG "width ="115"height ="21"alt = 'search-e' border = '0' / > < /a >" "< a href ="http://source.tpsgc-pwgsc.gc.ca "" > < img src = 'file:///P|/RPS/AFMS/Quality Management System/QMS website/ENGLISH SITE/Assets/thesource.jpg "width ="120"height ="21"alt ="TheSource"border = '0'" / > < img src = "file:///P|/RPS/AFMS/Quality Management System/QMS website/ENGLISH SITE/Assets/Home-e.jpg" width = "104" height = "21" alt = 'Host-e' border = '0' / > < /a > < /p > "
    < p > < / p >
    < / div >
    <! - TemplateEndEditable - >
    < div class = "twoColElsLtHdr" id = "sidebar1″" >
    "" < p > < a href = "... / HOME QMS/QMSHome - e.html" > < strong > home QMS < facilities > < /a > < /p >
    < hr / >
    "" < p > < a href = "... /ABOUTAFM/AboutAFM-e.html" > < strong > on AFM < facilities > < /a > < /p >
    < hr / >
    "" < p > < a href = "... /AdminProcedures/AdminProcedure-e.html" > < of strong administrative procedures > < / strong > < /a > < /p >
    < hr / >
    "" < p > < a href = "... /BusinessUnits/BusinessUnits-e.html" > < strong > < /a > < /p > < facilities > business units
    < hr / >
    "" < p > < a href = "... /POINTSOFINTEREST/pointsofinterest-e.html" > < strong > < facilities > < /a > < /p > Points of interest
    < hr / >
    "" < p > < a href = "... /Achievements/Achievements-e.html" > < strong achievements > < / strong > < /a > < /p >
    < hr / >
    "" < p > < strong > < a href = "... /MeasuringPerformance/measuringperformance-e.html" > measuring Performance < /a > < / strong > < / p >
    < hr / >
    "" < p > < a href = "... /References/References-e.html" > < strong references > < / strong > < /a > < /p >
    < hr / >
    "< p > < a href ="file:///P|/RPS/AFMS/Quality Management System/QMS website/ENGLISH SITE/ContinualImprovement - e.html "> < continuous improvement strong > < / strong > < /a > < /p >"
    < hr / >
    Corners of strong regions > < p > < < / strong > < / p >
    < / div >
    <!-TemplateBeginEditable name = 'Body'->
    < div id = "mainContent" >
    Header < h2 > < / h2 >
    Paragraph < p > < /p >
    Sub header < h1 > < / h1 >
    < p > < / p >
    < h1 > < / h1 >
    < h2 > < / h2 >
    < h1 > < / h1 >
    < p > < / p >
    < h2 > < / h2 >
    <!-end #mainContent->
    < / div >
    <! - TemplateEndEditable - > <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet

    < br class = 'clearfloat' / >
    < /p >
    <!-TemplateBeginEditable name = "Footer"->
    < div id = "footer" >
    < hr width = "100%" size = "8" noshade "noshade" color = "#006666" id = = "color = & quot; 069 & quot; "color ="#069"/ >
    < p > < strong > followed by: ASQM < facilities > < / p >
    < p > < strong > updated: 25-03-2013 < facilities > < / p >
    <!-end #footer->
    < / div >
    <! - TemplateEndEditable - > < script type = "text/javascript" >
    <!--

    ->
    < /script >
    < / h3 >
    <!-end #container->
    < / h3 >
    < / div >
    < script type = "text/javascript" >
    <!--

    ->
    < /script >
    < / body >
    < / html >

    Make sure you have editable regions in the body of your template set properly before you start it. Also, make sure that you have made a backup copy of your current site (copy the ROOT folder and paste it somewhere on your disk).

    OK - Here's what you need to do:

    0 make a backup of your current website (copy the ROOT folder and paste it somewhere on your disk).

    1. create a new page in your current template (file > New > Site templates > (Site) > (model selection) > Create.) Make sure the checkbox "Update Page when the template is changed" is checked.

    2. thanks to this new page open, open page 1 of 51 pages and copy and paste the contents of each editable area of page 1 in the same area can be changed to your new page.

    3. close page 1.

    4. save the new page with the name of the page of 1 so that the old page 1 is replaced by a new one.

    5. Repeat this operation for all 51 pages.

    Sorry, it's so tedious, but in the end, you will once more a fully controlled model site.

    Moreover, before leaving page 1 and the graphs closing this file, please post here any questions you may have.

  • Content by lining up in the sidebar with the content located in the main area?

    Hello, I have created a website using Dreamweaver CS4 and have encountered a problem when using a model. The model I use is: 2 fixed columns, sidebar, header and footer to the right. The problem seems to be in the sidebar where content does not start at the top, it seems to be 15px under the content in the main area. I can't find CSS or any reason why it starts where it comes from. It seems to look like even and properly in Firefox, Google Chrome, and Safari but not in IE9. The page is online at www.Lots2Homes.com and you will see that the content is lower to the right sidebar in the main area to the left. Below is the code for the home page and of the CSS. This got me going in circles, any help or ideas would be greatly appreciated. Thank you!

    Home page.jpghome page - firefox.jpg

    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN".
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    "< html xmlns ="http://www.w3.org/1999/xhtml">".
    < head >
    <! - no right click script start - >

    < script type = "text/javascript" src = "includes/no_right_click.js" > < / script >

    <! - end of the no right click script - >
    < name meta = "norton-safeweb-site-verification" content = "q5pn0zppxw16pngb17u9bt3gtuklju0mr-wug3hpwmudp0h70hgx44yjn2m3235nuxr6l17xlfnqszrz 3q3pjp75afqpecotqbh2pd6c485pxvehuee2wqihtjqa1uut" / >
    < name meta = "generator" content = "HTML Tidy for Linux (to November 6, 2007), see www.w3.org"/ >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    < name meta = "description" content = "Search the MLS, programs for professional buyers, Marketing Plans, NH Information, free Guides, short sale, NH buyer and seller representation information" / >
    < name meta = "keywords" content = "New Hampshire real estate, your Source for New Hampshire real estate, real estate Agent in NH, Paul R. Martin, Agent of the buyer, GRI, ABR, e-PRO, SFR, real estate, Agent Listing, Portsmouth, House for sale" / >
    < name meta = "rating" content = "Général" / >
    < meta content = "revisit-after" name = "fourteen days" / >
    < name meta = "Robots" content = "All" / >
    < name meta = "google-site-verification" content = "hch3bvgPs2nwvn-waiOpfg4j9mJJTd5k-OZ-NiGFFr8" / >
    < link rel = "shortcut icon" type = "image/x-icon" href="images/favicon.ico"/ >
    "< link rel ="icon"href ="http://www.lots2homes.com/images/favicon.ico"type="image/favicon.ico"/ >"
    < title > Lots2Homes.com - your Source for NH Real Estate < /title >
    < link href = "css/2012_layout.css" rel = "stylesheet" type = "text/css" / > "
    < style type = "text/css" >
    <!--
    {.twoColFixRtHdr #mainContent
    padding: 0; / * Remember that the fill is space inside the box of div and margin is the space outside the div box * /.
    margin-top: 0;
    right margin: 344px;
    margin-bottom: 0;
    left margin: 0;
    background-image: url(images/2-column/main-middle.png);
    background-repeat: repeat-y;
    }
    {.twoColFixRtHdr #sidebar1}
    float: right; / * because this element is floating, it takes a width * /.
    Width: 344px;
    padding: 0px;
    margin: 0px;
    background-image: url(images/2-column/r-sidebar-middle.png);
    background-repeat: repeat-y;
    }
    ->
    < / style > <!-[if IE 5] >
    < style type = "text/css" >
    / * Place corrections for IE 5 css box model * in this conditional comment * /.
    .twoColFixRtHdr #sidebar1 {width: 220px ;}}
    < / style >
    <! [endif]--> <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .twoColFixRtHdr #sidebar1 {padding-top: 30px ;}}
    .twoColFixRtHdr #mainContent {zoom: 1 ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
    < script src = "Scripts/swfobject_modified.js" type = "text/javascript" > < / script > "
    < script src = "SpryAssets/SpryAccordion.js" type = "text/javascript" > < / script > "
    < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
    < style type = "text/css" >
    <? php require_once('includes/back_ground.php');? >
    < / style >
    < script type = "text/javascript" >
    <! [CDATA]
    function MM_preloadImages() {//v3.0
    var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();
    var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)
    If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}
    }
    function MM_swapImgRestore() //v3.0 {}
    var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;
    }
    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]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];
    for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);
    If (! x & & d.getElementById) x = d.getElementById (n); Return x;
    }

    function MM_swapImage() {//v3.0
    var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).
    If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}
    }
    []] >
    < /script >
    < link href = "SpryAssets/SpryAccordion.css" rel = "stylesheet" type = "text/css" / > "
    < script type = "text/javascript" >

    var _gaq = _gaq. [];
    _gaq.push (['_setAccount ',' UA-24136715-1 ""]);
    _gaq.push (['_trackPageview ']);

    (function() {}
    GA var = document.createElement ('script'); GA.type = ' text/javascript '; GA. Async = true;
    ga.src = ("https:" == document.location.protocol? ) https://SSL ' : ' http://www ( ') + «.google-analytics.com/ga.js ";
    var s = document.getElementsByTagName ('script') [0]; ParentNode.InsertBefore (ga, s);
    })();

    < /script >

    < style type = "text/css" >
    <!--
    body, td, th {}
    Police-family: Trebuchet MS, Arial, Helvetica, without serif.
    }
    a: hover {}
    Color: #F00;
    }
    ->
    < / style > < / head >

    < body class = "twoColFixRtHdr" >

    < div id = "container" >
    < div id = "header_flash_window" >
    <? PHP require('includes/header_flash.php');? >
    < / div >
    < div id = "header" >
    <? PHP require('includes/header.php');? >
    <!-end #header--> < / div >
    < div id = "navigation" >
    <? PHP require('includes/navbar.php');? >
    < / div > <! - close nav - >
    < div id = "top" > < / div >
    < div id = "sidebar1″" >
    < div id = "content" >

    < div id = "social-media-buttons" >
    "< a href ="http://www.facebook.com/EPRO.AGENT"target ="_blank"" > < img src="images/social_media/facebook_32.png" name = "facebook_icon" width = "35" height = "36" border = "0" id = "facebook_icon" alt = "Paul Martin facebook" / > < /a > "
    "< a href ="http://www.flickr.com/lots2homes"target ="_blank"" > < img src="images/social_media/flickr_32.png" name = "flickr_icon" width = "36" height = "36" border = "0" id = "flickr_icon" alt = "Paul Martin Flicker" / > < /a > "
    "< a href ="http://www.linkedin.com/in/paulrmartin"target ="_blank"" > < img src="images/social_media/linkedin_32.png" name = "linkedin_icon" width = "35" height = "37" border = "0" id = "linkedin_icon" alt = "Paul Martin Linkedin" / > < /a > "
    "< a href ="http://www.lots2homes.com/weblog/"target ="_blank"" > < img src="images/social_media/wordpress_32.png" name = "wordpress_icon" width = "35" height = "36" border = "0" id = "wordpress_icon" alt = "Paul Martin Wordpress" / > < /a > "
    "< a href ="http://www.youtube.com/user/EstatesNland"target ="_blank"" > < img src="images/social_media/youtube_32.png" name = "youtube_icon" width = "36" height = "37" border = "0" id = "youtube_icon" alt = "Paul Martin Youtube" / > < /a > "
    "< a href ="http://www.delicious.com/save"target ="_blank"onclick =" window.open ('http://www.delicious.com/save?v=5 & noui & jump = close & url ='+ encodeURIComponent (location.href) + '& title =' + encodeURIComponent(document.title) 'delicious', 'toolbar = no, width = 550, height is 550'); return false; "" > < img src="images/social_media/delicious_32.png" alt = "Paul Martin Delicious" width = "35" height = "36" border = '0' / > < / a >
    "< a href ="http://twitter.com/#! / Lots2Homes"target ="_blank"" > < img src="images/social_media/twitter_32.png" alt = "Paul Martin Twitter" width = "35" height = "36" border = "0" / > < /a > "
    < / div >
    "< div id ="index_like"> < iframe src ="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FEPRO.AGENT & a mp; send = false & amp; page = standard & amp; width = 292 & amp; show_faces = true & amp; action = as & amp; co lorscheme = light & amp; font = tahoma & amp; height = 80"scrolling =" "frameborder ="0"style =" border: none; overflow: hidden; Width: 292px; height: 80px; "allowTransparency ="true"> < / iframe > < / div >

    < div id = "stick" > < div id = "stik" style = "width: 225px;" height: 75px; text-align: center; "> < a href ="http://www.stik.com/paul.martin"class ="it"target ="blank"style =" position: relative; " display: block; "" > < img src = "http://www.stik.com/badge/image?v=1 & amp; stikid = 1005641" alt = "Paul Martin, real estate agent with Keller Williams coastal Realty, is recommended and revision to Stik.com" title = "Paul Martin, real estate agent with Keller Williams coastal Realty, is recommended and revision to Stik.com" style = "border: 0px;" " margin: 0px; "/ > < iframe src ="http://www.stik.com/badge/frame?v=1 & amp; stikid = 1005641"frameBorder ="0"scrolling =" "style =" width: 116px; height: 36px; border: 0px; position: absolute; left: 98px; Top: 0px; "" > < / iframe > < br / > < /a > < div class = "l" style = "height: 18px;" > < a href = "http://www.stik.com/paul.martin"target = style "in white" ="font family: Arial; do-size: 9px; color: # 3 b 5998; text-decoration: none; make-weight: not bad; "" > read recommendations and comments on < /a > < a href = "http://www.stik.com"target = "blank" style ="font family: Arial; do-size: 9px; color: # 3 b 5998; text-decoration: none; make-weight: not bad; "> Stik.com < /a > < / div > < / div > < / div >
    < hr / >
    < div id = "my_listings" >
    My current listings < h2 > < / h2 >
    < div id = "Accordion1" class = "Accordion" >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > $139 900 - Raymond Ranch < / div >
    < div class = "AccordionPanelContent" > < a href = "listing_page_24_sesame.php" "> < img src="images/listings/24_sesame.jpg "width ="299"height ="198"alt ="Sesame St St Raymond, NH 24"/ > < / has > < / div >"
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" >$ 194 900 - Northwood Ranch < / div >
    < div class = "AccordionPanelContent" > < a href = "listing_page_27_bass.php" "> < img src="images/listings/Harvey-Lake-Home-Northwood,.jpg "width ="299"height ="198"alt ="27 Bass Rd Northwood, NH"/ > < / has > < / div >"
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > $249 900 - Milton Custom Cap < / div >
    "< div class ="AccordionPanelContent"> < a href ="listing_page_99_gold_milton.php"> < img src="images/listings/99_gold_st.jpg "width ="299"height ="198"alt ="99 gold St Milton NH for sale by Paul Martin and Keller Williams Realty coastal"/ > < / a > < / div >
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > $159 900 - Effingham Multi Unit < / div >
    < div class = "AccordionPanelContent" > < a href = "listing_page_108_champion_hill.php" "> < img src="images/listings/108_champion_hill.jpg "width ="299"height ="198"alt ="Champion Hill Rd Effingham, NH 108"/ > < / has > < / div >"
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > Epsom Colonial $ 324 900 - < / div >
    < div class = "AccordionPanelContent" > < a href = "listing_page_206_copperline_epsom.php" "> < img src="images/listings/206_copperline/199x198.jpg "width ="299"height ="198"alt ="206 Copperline Rd Epsom, NH"/ > < / has > < / div >"
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > $189 900 - Middleton Ranch < / div >
    < div class = "AccordionPanelContent" > < a href = "listing_page_60_lakeshore_middleton.php" "> < img src="images/listings/Sunrise-Lake-Home.jpg "width ="299"height ="198"alt ="60 Lakeshore Dr. Middleton, NH"/ > < / has > < / div >"
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > $259 900 - Exeter Duplex < / div >
    < div class = "AccordionPanelContent" > < a href = "listing_page_34_36_south_st.php" "> < img src="images/listings/34_36_south_st.jpg "width ="299"height ="198"alt ="34-36 South St Exeter, NH"/ > < / has > < / div >"
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > $249 900 - Sunrise Lake Ranch < / div >
    < div class = "AccordionPanelContent" > < a href = "listing_page_86_lakeshore.php" "> < img src="images/listings/86-Lakeshore-Dr.jpg "width ="299"height ="198"alt ="86 Lakeshore Dr. Middleton, NH"/ > < / has > < / div >"
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > $249 000 - Dover Point Colonial < / div >
    "< div class ="AccordionPanelContent"> < img src="images/listings/Colonial-Condex.jpg "width ="299"height ="198"alt ="Dover Point Colonial sold by Paul Martin"/ > < / div >
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" >$ 235 500 - Chichester Cape < / div >
    "< div class ="AccordionPanelContent"> < img src="images/listings/26_cross_rd.jpg "width ="299"height ="198"alt ="Sold by Paul Martin"/ > < / div >
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > $ 295,000 - Londonderry Colonial < / div >
    "< div class ="AccordionPanelContent"> < img src="images/listings/25_king_henry.jpg "width ="299"height ="198"alt ="Sold by Paul Martin"/ > < / div >
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > put your House up for sale here! < / div >
    < div class = "AccordionPanelContent" > < img src = "images/listing_ad.jpg" width = "299" height = "198" alt = "Your home for sale on Lots2Homes.com list" / > < / div > "
    < / div >
    < / div >
    < / div >
    < hr / >
    < div id = "info_1" >
    < h2 > 2012 will see improvement? < / h2 >
    < p > by Carla Hill < br / >
    < br / >

    We saw the effects of the terms of the mortgage tightened last year. Existing and new home sales have struggled, and now we have significant pent-up demand. This trend will continue in 2012? < br / >
    < br / >


    To begin with, consumer prices fell in October, which means that low-paid workers, and others who are struggling to make both ends meet will find more affordable...
    < br / >
    < br / >
    "" < a href = "Read" _mce_href = "http://realtytimes.com/rtpages/20111121_realestateoutlook.htm" > read "> http://re altytimes.com/rtpages/20111121_realestateoutlook.htm" > read more < /a > < /p >
    < / div >
    < hr / >
    < div id = "info_2" >
    Timing < h2 > real estate Cycle < / h2 >
    < p > Paul Martin < br / >
    < br / >
    Real estate cycles are created by an imbalance that occurs between the supply of homes available on the market and the demand for these homes ready willing and able buyers. < br / >
    < br / >

    The reasons for a more or the terms of the offer of houses and one more or under demand for these homes may differ from one cycle to the other... < br / >
    < br / >

    "" < a href = "Read" _mce_href = "http://www.lots2homes.com/weblog/?p=84" > read "> http://www.lots2homes.com/weblog /?" p = 84 "> read more < /a > < /p >
    < / div >
    < hr / >
    < div id = "info_3" >
    < h2 > thinking about a short sale? < / h2 >
    < p > if you are looking for short sale information and assistance, I can help you. Like a SFR (specialist resources foreclosure and short sale) and CML (loss mitigation consultant), sales of Shorts are one of my specialties! < br / >
    < br / >

    Do not lose time, call me today! I work hand in hand with the training group loan out of law office address in Londonderry, one of the most experienced and specialists of the short sale of first New Hampshire. We work together as a team in order to get your short sale accepted and your House sold in time to save you from foreclosure. < /p >
    < / div >
    < hr / >
    < div id = "sidebar_flash_ad" >
    < object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width = "214" height = "320" id = "FlashID3" title = "Training loan group Ad" > "
    < param name = "movie" value = "flash/loan_workout_group.swf" / > "
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    < param name = "swfversion' value ="6.0.65.0"/ >
    <!-this param tag prompts users with Flash Player 6.0 r65 or later to download the latest version of Flash Player. Delete it if you do not want users to display the prompt. ->
    < param name = "expressinstall" value = "Scripts/expressInstall.swf" / > "
    <!-next object tag is for non - IE browsers. Then he hide from IE using IECC. ->
    <!-[if! IE] >->
    < object type = "application/x-shockwave-flash" data = "flash/loan_workout_group.swf" width = "214" height = "320" > "
    <!-<! [endif]-->
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    < param name = "swfversion' value ="6.0.65.0"/ >
    < param name = "expressinstall" value = "Scripts/expressInstall.swf" / > "
    <!-the browser displays the following alternative content for users of Flash Player 6.0 and higher. ->
    < div >
    < h4 > the content of this page requires a newer version of Adobe Flash Player. < / h4 >
    "< p > < a href ="http://www.adobe.com/go/getflashplayer_fr "" > < img src = "http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt = 'Get Adobe Flash player' width = '112' height = "33" / > < /a > < /p >
    < / div >
    <!-[if! IE] >->
    < / object >
    <!-<! [endif]-->
    < / object >
    < / div >
    < / div >
    < div id = "sidebar-bottom" > < / div >
    <!-end # sidebar1″--> < / div >

    < div id = "mainContent" >
    < div id = "content" >
    < div id = 'welcome_message' >
    Welcome to Lots2Homes.com - your Source for NH Real Estate < h1 > < / h1 >
    < p > As a New Hampshire REALTOR®, I designed and built < span class = "bold" > Lots2Homes.com </span > specifically to help people who are looking to buy a House here in New Hampshire and give our sales staff the home advantage through technology-based marketing. The goal here on < span class = "bold" > Lots2Homes.com </span > must become your first source for NH real estate information and a useful guide for buying and selling homes in Rockingham, Strafford and Belknap County region. < br / >
    < br / >

    Here on < span class = "bold" > Lots2Homes.com </span > accession can search for available on the local MLS houses, sign up for notifications of automatic search and search for information on each city found here in NH. Buyers can also receive great home buying advice through my free < a href = "buyer_guides.php" > GUIDES BUYER < /a > and get information on my full service buyer representation < /a > < a href = "my_buyers_program.php" > as one < span class = "bold" > ABR REALTOR® </span >. My buyer program is delivered free of charge and can help you in the home buying process from start to finish. It will help you to take advantage of the excellent market buyer knew and it comes with an < a href = "my_buyers_program.php" > < /a > Bonus buyer just for you sign up! < br / >
    < br / >

    Home sellers can get information here about how local and < a href = "housing_prices.php" > real estate market national < /a > is trend and how State of the art of marketing can help to sell their home in today's difficult economy. Sellers can also get information on the way to their competitive home with the help of an assessment study of price and know how I am help NH home sellers to succeed in the market today as and < span class = "bold" > e-PRO, specialist marketing through my Marketing Plan < /a > < a href = "my_marketing_plan.php" > </span >. < /p >
    < / div >
    < hr / >
    < h2 > Search homes of New Hampshire available now! < / h2 >

    "< div id ="quick_search_area"> < img src="images/buttons/home-page-search.png "alt ="search for homes now"width ="599"height ="300"border = '0' well ="#Map2"/ >
    < map "Map2" id = name = "Map2" >
    "< area shape ="rect"coords ="40,28,274,223"href ="http://www.lots2homes.idxco.com/idx/6152/basicSearch.php"target ="_self"alt ="Quick MLS Search"/ >"
    "< area shape ="rect"coords ="320,29,554,223"href ="http://www.lots2homes.idxco.com/idx/6152/mapSearch.php"target ="_self"alt ="MLS map search"/ >"
    "< area shape ="rect"coords ="407,263,557,291"href ="http://www.lots2homes.idxco.com/idx/6152/advancedSearch.php"target ="_self"alt ="Advanced MLS Search"/ >"
    < / map >
    < / div >
    < br / >

    < hr / >
    < div id = "featured_property_title" > < img src = "images/featured_property_title.png" width = "351" height = "49" alt = "Well-behaved" / > < / div > "
    < div id = "featured_listing" >
    < object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width = "212" height = '132' id = 'FlashID2' title = '27 Bass Rd Northwood, NH' > "
    < param name = "movie" value = "flash/27_bass.swf" / > "
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    < param name = "swfversion' value ="6.0.65.0"/ >
    <!-this param tag prompts users with Flash Player 6.0 r65 or later to download the latest version of Flash Player. Delete it if you do not want users to display the prompt. ->
    < param name = "expressinstall" value = "Scripts/expressInstall.swf" / > "
    <!-next object tag is for non - IE browsers. Then he hide from IE using IECC. ->
    <!-[if! IE] >->
    < object type = "application/x-shockwave-flash" data = "flash/27_bass.swf" width = "212" height = "132" > "
    <!-<! [endif]-->
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    < param name = "swfversion' value ="6.0.65.0"/ >
    < param name = "expressinstall" value = "Scripts/expressInstall.swf" / > "
    <!-the browser displays the following alternative content for users of Flash Player 6.0 and higher. ->
    < div >
    < h4 > the content of this page requires a newer version of Adobe Flash Player. < / h4 >
    "< p > < a href ="http://www.adobe.com/go/getflashplayer_fr "" > < img src = "http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt = 'Get Adobe Flash player' width = '112' height = "33" / > < /a > < /p >
    < / div >
    <!-[if! IE] >->
    < / object >
    <!-<! [endif]-->
    < / object >
    "< a href ="listing_page_27_bass.php"> < img src="images/featured_properties/27_bass_northwood.jpg "width ="630"height ="480"alt ="Featured Listing"/ > < /a > < / div >
    < br / >
    < hr / >

    < div id = "buyer_program" >
    My program buyers < h2 > < / h2 >
    < p > real estate market competitive today, calendar and knowledge is everything. You have your purchase strategy put in place even at home? < br / >

    < br / >
    As one of the Accredited Buyer Representative REALTORS® of New Hampshire, helping home buyers to succeed is one of my specialties. My program can help you with: < /p >
    "< div id ="abr_logo"> < img src="images/icons/abr_oval_196.png "width ="196"height ="123"alt ="logo ABR"/ > < / div >
    < ul id = "list" >

    < li > locate the homes available that match your search criteria in your favorite domains < /li >

    price Negotiate, the terms and conditions that are suitable for your needs and protect your interests < /li > < li >

    inspections at home < li > contact information and the preparation of the closing documents < /li >

    < li > the problems of closure that arise to keep you on track < /li >
    < li > helps you get the keys to your new home! < /li >
    < /ul >
    "< p > < span class = 'fat' > contact me today or </span > < a href =" my_buyers_program.php"class = 'fat' > READ MORE HERE < /a > < span class = 'fat' > for more information on </span > < a href =" my_buyers_program.php "class = 'fat' > my buyers program < /a > < /p >
    < / div >
    < hr / >
    < div id = "marketing_plan" >
    Plan Marketing My < h2 > < / h2 >
    < p > home sellers face difficult market conditions these days. Over time just to need a sign in front of selling your home quickly and for a great price. Today, buyers have a crowded market to choose and most are experts in advanced as well. < br / >
    < /p >
    < div id = "epro-logo" > < a href = "epro.php" > < img src="images/icons/ePRO_196.png" alt = "Logo of the e - PRO" width = "196" height = "107" border = '0' well = "#Map3" / > < / has > "
    < name of map = "Map3' id ="Map3">
    < area shape = "poly" coords = "3,39,32,64,32,104,83,103,82,71,143,67,184,55,192,39,188,23,158,8,99,1,46,5,19,14, 4.26" href = "#" / >
    < / map >
    < / div >
    < p > they want to see as much as possible of your home online before you make an appointment to see it in person.
    This is where my marketing expertise excels. < br / >
    < br / >
    As one of the few < span class = "italic_and_bold" > e-PRO REALTORS® </span > in New Hampshire, I have been trained in all the latest technical web marketing. < br / >
    < br / >
    Combine the power of marketing with traditional methods of marketing on the web to maximize exposure of your home in a crowded market. < /p >
    < br / >
    "< Center > < span class = 'fat' > contact me today or </span > < a href =" my_marketing_plan.php"class = 'fat' > READ MORE HERE < /a > < span class = 'fat' > for more information on </span > < a href =" my_marketing_plan.php "class = 'fat' > my Marketing Plan < /a > < / center >
    < / div >
    < hr / >
    < div id = "media-1" >
    < div id = 'video-1' >
    "" < embed src = "http://c.brightcove.com/services/viewer/federated_f8/1465406675"bgcolor = "#FFFFFF" flashvars ="videoId = 1288013534001 & playerId = 1465406675 & viewerSecureGatewayURL =https://console.brightcove.com/services/amfgateway & servicesURL = http: / / services.brightcove. com/services & cdnURL = http://admin.brightcove.com & area = embed & autoStart = false &" base ="http://admin.brightcove.com" name = "flashObj" width = "400" height = "320" seamlesstabbing = "false" type = "application/x-shockwave-flash" swliveconnect = "true" pluginspage = "http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" > < mbed/e> "
    < / div >

    < div id = "video-1_text" >
    < h3 > October existing-home sales increase, while the unsold stock continues to decline < / h3 >
    < hr / >
    < p > Washington, D.C., 21 November 2011

    Existing home sales improved in October while the number of homes on the market has continued to decline, according to the National Association of Realtors®. < br / >

    ' Find out more and read the full article < a href = "REALTOR. Org. http://www.REALTOR.org/press_room/news_releases/2011/11/ehs_oct "> REALTOR." Org. < /a > < a href = "& lt; img src = & quot;images/icons/Realtor_org-logo_thumb.jpg & quot; width = & quot; 160 & quot; height = & quot; 90 & quot; ALT = & quot; REALTOR. Org & quot; / & gt; "" > < img src="images/icons/Realtor_org-small.jpg" width = "80" height = "47" alt = "Realtor.org" / > < /a > < /p > "

    < / div >
    < / div >
    < / div >
    < div id = 'hand down' > < / div >
    <!-end #mainContent--> < / div >
    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child floats--> < br class = 'clearfloat' / >
    < div id = "footer" >
    <? PHP require('includes/footer_menu_6.php');? >
    < / div >
    <!-end #container--> < / div >
    < / div >
    < script type = "text/javascript" >
    <!--
    swfobject.registerObject ("FlashID2");
    swfobject.registerObject ("FlashID2");
    var Accordion1 = new Spry.Widget.Accordion ("Accordion1");

    ->
    < /script >
    < / body >
    < / html >

    @charset "utf-8";
    / * CSS document * /.
    #mainContent {}
    padding: 0; / * Remember that the fill is space inside the box of div and margin is the space outside the div box * /.
    margin-top: 0;
    right margin: 344px;
    margin-bottom: 0;
    left margin: 0;
    background-repeat: repeat-y;
    background-image: url (.. / images/2-column/main-middle.png);
    }
    {#sidebar1}
    float: right; / * because this element is floating, it takes a width * /.
    Width: 344px;
    padding: 0px;
    margin: 0px;
    background-repeat: repeat-y;
    background-image: url (.. / images/2-column/r-sidebar-middle.png);
    }
    {body
    margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
    padding: 0;
    text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
    Color: #000000;
    do-family: Georgia, "Times New Roman", Times, serif;
    do-size: 100%;
    background-color: #5783A 6;
    }
    {p}
    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    do-size: 14px;
    text-align: justify;
    }
    an img {}
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;

    }
    H1 {}
    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font size: 20px;
    text-decoration: underline;
    margin: 0px;
    }
    H2 {}
    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    do-size: 18px;
    text-align: center;
    margin: 0px;
    }
    H3 {}
    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    do-size: 14px;
    text-align: center;
    }
    H4 {}
    do-family: "Comic Sans MS", cursive;
    do-size: 14px;
    make-style: italic;
    make-weight: normal;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    left margin: 0px;
    }

    a {}
    make-weight: bold;
    text-decoration: underline;
    color: #900;
    }
    {h}
    margin-top: 10px;
    margin-bottom: 10px;
    }
    #container {}
    Width: 1024px; / * margins (in conjunction with a width) auto Center the page * /.
    text-align: left; / * This setting overrides the text-align: center on the body element. */
    margin-right: auto;
    left margin: auto;
    background-repeat: repeat-y;
    background-image: url (.. / images/2-column/bg.png);
    margin-top: 0px;
    padding: 0px;
    }
    #header {}
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    background-image: url(images/2-column/bg.png);
    background-repeat: repeat-y;
    }
    #container #top {}
    background-image: url (.. / images/extention_page/2_column/2_column_top_wide.png);
    background-repeat: no-repeat;
    Width: 1024px;
    height: 38px;
    padding: 0px;
    }
    #footer {}
    padding: 0;
    background-image: url(images/2-column/bg.png);
    background-repeat: repeat-y;
    }
    #footer p {}
    margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
    padding: 10px 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
    }
    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
    float: right;
    left margin: 8px;
    }
    .fltlft {/ * this class can be used to float an element on your page to the left * /}
    float: left;
    right margin: 8px;
    }
    .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
    Clear: both;
    height: 0;
    font size: 1px;
    line-height: 0px;
    }

    #container #header_flash_window {}
    position: absolute;
    top of the margin: 182px;
    margin left: 239px;
    border: 1px solid #848484;
    }

    {#sidebar - bottom #container #sidebar1
    background-image: url (.. / images/2-column/r-sidebar-bottom.png);
    background-repeat: no-repeat;
    height: 33px;
    }
    {#main - low #container #mainContent
    background-image: url (.. / images/2-column/main-bottom.png);
    background-repeat: no-repeat;
    height: 33px;
    }

    #container #sidebar1 #content {}
    padding-right: 16px;
    padding-left: 13px;
    padding-bottom: 10px;
    padding-top: 0px;
    margin-top: 0px;
    }

    #mainContent #content {}
    padding-right: 16px;
    padding-left: 30px;
    }
    #mainContent #content #quick_search_area {}
    padding-left: 20px;
    }
    #content #featured_property_title {}
    padding-left: 140px;
    }
    #content #featured_listing #FlashID2 {}
    Clear: both;

    float: none;
    top of the margin: 292px;
    margin left: 391px;
    position: absolute;
    }
    #mainContent #content #buyer_program #abr_logo {}
    Width: 196px;
    float: right;
    }
    #mainContent #content #buyer_program #list li {}
    do-size: 16px;
    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
    #mainContent #content #marketing_plan #epro - logo {}
    Width: 196px;
    float: left;
    right margin: 15px;
    }
    #container #mainContent #content #marketing_plan p .bold {}
    text-align: left;
    }
    #container #mainContent #content #media - 1 {}
    Width: 640px;
    height: 340px;
    }
    #mainContent #content #media-1 #vidéo - 1 {}
    Width: 400 PX;
    float: left;
    }
    #mainContent #content #media-1 #vidéo - 1_text {}
    height: 320px;
    Width: 220px;
    margin left: 400px;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 5px;
    padding-left: 10px;
    }
    #mainContent #content #media-1 #vidéo - 1_text p an img {}
    float: right;
    right margin: 65px;
    top of the margin: 15px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    }
    #container #sidebar1 #content #stick {}
    padding-left: 44px;
    }
    #container #sidebar1 #content #social - media - buttons {}
    margin-bottom: 0px;
    left margin: 22px;
    }
    #container #sidebar1 #content #index_like {}
    padding-left: 12px;
    }
    #sidebar1 #content #my_listings {}
    padding-left: 7px;
    }
    #sidebar1 #content #info_1 {}
    padding-right: 15px;
    padding-left: 15px;
    }
    #sidebar1 #content #info_2 {}
    padding-right: 15px;
    padding-left: 15px;
    }
    #sidebar1 #content #info_3 {}
    padding-right: 15px;
    padding-left: 15px;
    }
    #sidebar1 #content #sidebar_flash_ad {}
    padding-left: 50px;
    }
    #container #container #mainContent2 {}
    background-image: url (.. / images/2-column/thin-sidebar/main-middle.png);
    background-repeat: repeat-y;
    right margin: 269px;
    }
    #container #container #sidebar2 {}
    Width: 269px;
    float: right;
    background-image: url (.. / images/2-column/thin-sidebar/sidebar-middle.png);
    background-repeat: repeat-y;
    }
    #container #sidebar2 #content {}
    padding-right: 15px;
    padding-left: 11px;
    }
    #sidebar2 #content info # 1 {}
    padding-right: 10px;
    padding-left: 10px;
    }
    {#main - bottom2 #mainContent2
    background-image: url (.. / images/2-column/thin-sidebar/main-bottom.png);
    background-repeat: no-repeat;
    height: 33px;
    }
    #mainContent2 #content {}
    padding-left: 30px;
    padding-right: 15px;
    }
    {#sidebar - bottom2 #sidebar2
    background-image: url (.. / images/2-column/thin-sidebar/sidebar-bottom.png);
    background-repeat: no-repeat;
    height: 33px;
    }
    #sidebar2 #content #paul_logo {}
    left margin: 7px;
    }
    #listings-table table tr td {}
    border: 1px solid 484848;
    height: 199px;
    Width: 299px;
    }
    #listings-table table tr td img {}
    border: 1px solid #000;
    }
    #navigation {}
    height: 32px;
    margin: 0px;
    }

    It looks good.

    Nancy O.

  • Expanding box problem is 6

    Hi, can someone tell me how to solve the problems of expansion box is 6. View 6 is the text in my main content area expands causing the box to expand and jump to the bottom of the page. Is there a hack for this? Thank you

    My link is http://www.innervisionfilms.TV

    My CSS of the page code is

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    " < html xmlns =" http://www.w3.org/1999/xhtml ">
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"
    < title > welcome to Innervision movies Royalty Free Stock Footage, post-production, motion graphics and photography gallery < /title >
    < style type = "text/css" >
    <!--
    a: hover {}
    color: #FFFFFF;
    text-decoration: underline;
    }
    {body
    Background: #666666;
    margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
    padding: 0;
    text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
    Color: #000000;
    do-family: Verdana, Arial, Helvetica, without serif.
    do-size: 100%;
    }
    .twoColFixRtHdr #container {}
    Width: 780px;
    margin: 0 auto; / * margins (in conjunction with a width) auto Center the page * /.
    border: 1px solid #66CCFF;
    text-align: left; / * This setting overrides the text-align: center on the body element. */
    background-color: #000000;
    }
    .twoColFixRtHdr #header {}
    padding: 0px 0 0 0px;  / * This filling is the alignment to the left of the items in the div that appear below. If an image is used in the #header instead of text, you can remove the padding. */
    background-color: #000000;
    font size: 1px;
    }
    .twoColFixRtHdr #header h1 {}
    margin: 0; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.
    padding: 0px 0; / * padding instead of margin will allow you to keep the edges of the div element * /.
    }
    {.twoColFixRtHdr #sidebar1}
    float: right; / * because this element is floating, it takes a width * /.
    Width: 250px;
    background-color: #000000;
    do-family: Verdana;
    font size: 1px;
    color: #66CCFF;
    background-image: none;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-bottom-color: #66CCFF;
    border-right-color: #66CCFF;
    border-bottom-color: #66CCFF;
    border-left-color: #66CCFF;
    }
    {.twoColFixRtHdr #mainContent
    background-color: #000000;
    do-family: Verdana;
    do-size: 11px;
    color: #66CCFF;
    margin-top: 0;
    right margin: 250px;
    margin-bottom: 0;
    left margin: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 15px;
    }
    .twoColFixRtHdr #footer {}
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    background-color: #000000;
    }
    .twoColFixRtHdr #footer p {}
    margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
    padding: 0px 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
    }
    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
    float: right;
    left margin: 8px;
    }
    .fltlft {/ * this class can be used to float an element on your page to the left * /}
    float: left;
    right margin: 8px;
    }
    .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
    Clear: both;
    height: 0;
    font size: 1px;
    line-height: 0px;
    }
    ->
    < / style >
    <!-[if IE 5] >
    < style type = "text/css" >
    / * Place corrections for IE 5 css box model * in this conditional comment * /.
    .twoColFixRtHdr #sidebar1 {width: 220px ;}}
    < / style >
    <! [endif]--> <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .twoColFixRtHdr #sidebar1 {padding-top: 0px ;}}
    .twoColFixRtHdr #mainContent {zoom: 1 ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->

    Johns, good, I wouldn't worry too much on IE6, but if it is a necessity a few minor css changes will make it work in this browser.

    Add to your css .twoColFixRtHdr #mainContent

    float: right;
    Width: 494;

    And then comment / * / below also in the css of .twoColFixRtHdr #mainContent

    / * right margin: 250px; */

  • My Spry Accordion will not work in IE but goes to the opera

    Hello world

    I'm having a problem with my Accordion widget spry in a website I'm trying. Keep in mind theres a lot of things to fix, but it is in its infancy. What happens is, if you go under the heading, business and training, then you will see a FAQ section. You will notice that the tabs are open and it does everything just not correctly in IE, Chrome and Firefos but it works in Chrome. (I've not tried in Safari as my computer crashes?) I have included the link and the code below.

    Thank you

    Steve

    www.adelxt.NET

    Code:

    < name meta = "keywords" content = "computer, consulting, Director, windows, 2000, 2003, 2008, XP, Vista, Sonicwall, Novell, Netware, Virus, New Hampshire, Massachusetts, North, wireless, cabling, South, firewall" / >
    < name meta = "description" content = "a local consulting company specializing in Windows Server and Novell Netware as firewalls. This company helps out and installed networks, wiredd and wireless and keep your network. "/ >
    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    "< html xmlns ="http://www.w3.org/1999/xhtml">".
    < style type = "text/css" >
    <!--
    .twoColElsLtHdr #container #mainContent p {}
    }
    {.style2}
    color: #FFFFFF;
    height: 30px;
    }
    ->
    < / style >

    < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
    < style type = "text/css" >
    <!--
    a: link {}
    text-decoration: none;
    }
    a: visited {}
    text-decoration: none;
    }
    a: active {}
    text-decoration: none;
    }
    {body
    background-image: url(graphics/a1.gif);
    background-repeat: repeat-x;
    background-color: #f9f9f7;
    }
    {#apDiv1}
    position: absolute;
    left: 538px;
    top: 131px;
    Width: 185px;
    height: 444px;
    z-index: 1;
    }
    body, td, th {}
    Color: #000000;
    Police-family: Geneva, Arial, Helvetica, without serif.
    do-size: 12px;
    }
    {.style4}
    do-size: 18px
    }
    {.style5}
    Color: #FF0000;
    make-weight: bold;
    }
    ->
    < / style >
    < script src = "SpryAssets/SpryAccordion.js" type = "text/javascript" > < / script > "
    < link href = "SpryAssets/SpryAccordion.css" rel = "stylesheet" type = "text/css" / > "
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    < title > welcome to the computer company Adel-Xt < /title >
    < link href = 'css files/main.css' rel = "stylesheet" type = "text/css" / >
    <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .twoColElsLtHdr #sidebar1 {padding-top: 30px ;}}
    .twoColElsLtHdr #mainContent {zoom: 1; padding-top: 15px ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
    < link href = "SpryAssets/SpryMenuBarVertical.css" rel = "stylesheet" type = "text/css" / > "

    < script type = "text/javascript" >

    var _gaq = _gaq. [];
    _gaq.push (['_setAccount ',' UA-18563317-1 ""]);
    _gaq.push (['_trackPageview ']);

    (function() {}
    GA var = document.createElement ('script'); GA.type = ' text/javascript '; GA. Async = true;
    ga.src = ("https:" == document.location.protocol? ) https://SSL ' : ' http://www ( ') + «.google-analytics.com/ga.js ";
    var s = document.getElementsByTagName ('script') [0]; ParentNode.InsertBefore (ga, s);
    })();

    < /script >


    < / head >

    < body class = "twoColElsLtHdr" >
    < div id = "container" >
    < div id = "header" >
    < table width = "100%" border = "0" align = "center" >
    < b >
    < th bgcolor = "#FF6633" scope = "col" > < div align = "left" >
    < p align = "center" class = "style2 style4" > Adel - Xt Computer Company < /p >
    < p align = "center" class = "style2 style4" > Derry, NH 03038 < /p >
    < p align = "center" class = 'style2 style4' > 1-603-434-5311 < /p >
    < / div > < /th >
    < scope = "col" th > < h1 >
    < div align = "center" > the House of formation for the individual < / div >
    < / h1 > < /th >
    < /tr >
    < /table >
    <!-end #header--> < / div >

    <! - beginning of Horizontal menu Bar - >
    < div id = "horizontalmenu" >
    <!-#include file = "files/Horizontalmenubar.ssi ISS" - >
    < / div >
    <!-end of Menu bar-> horizontal
    <! - beginning of the right sidebar - >
    < div id = "sidebarright" >
    < h2 align = "center" > training FAQ < / h2 >
    < div id = "Accordion1" class = "Accordion" tabindex = "0" >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > Steve has never taught in school? < / div >
    < div class = "AccordionPanelContent" > Yes. Steve has taught several computer, math, and engineering vlasses in local colleges. < / div >
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > what is the history of Steve? < / div >
    < div class = "AccordionPanelContent" >
    < p > Steve has a BSME in mechanical engineering, master's degree in Business Administration (MBA), advanced concentration in decision-support systems (DSS) and Microsoft certification. < /p >
    < p > Steve is also 18 years working in the industry in the field of technology of Information (IT), engineering (software & amp; (Mechanical), manufacturing, engineering, management, quality, manufacturing, and much more... < /p >
    < / div >
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > what is the maximum I can get in a clasroom. < / div >
    < div class = "AccordionPanelContent" > it's up to you. Steve will discuss this with you and point out the advantages and disadvantages of having too many students in a session. < / div >
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > Will Steve training night? < / div >
    < div class = "AccordionPanelContent" > for special occasions, it will be. Evening training normally is done with a few reviews for Steve. < / div >
    < / div >
    < div class = "AccordionPanel" >
    < div class = "AccordionPanelTab" > does Steve have a program < / div >
    < div class = "AccordionPanelContent" > No. that's exactly what he doesn't want. Steve wants to customize training to your company. An important part of the training is planning which is what he will discuss with you. < / div >
    < / div >
    < / div >
    < p > < / p >
    < p > < / p >
    < / div >
    < div id = "mainContent" >
    Training of < h2 > < / h2 >
    < div > Adel-Xt computer will create a training program for you and your employees. We will be in gear
    the training program for your company then used following this class will become more efficient in their daily work skills. Times
    a program is approved we will send you our instructor (Steve) to your facilities to teach to the class. < / div >
    < div > < / div >
    < Div > please call 434-5311
    "or < a href ="mailto:[email protected]"target ="_self"> contact us < /a > for more information on how Adel-Xt computer can help your business become more efficient, which leads to bigger profits." < / div >
    < p > < br / >
    < /p >
    < p >
    <!-end #mainContent->
    < /p >
    < / div >
    < p >
    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
    < /p >
    < div id = "subcontent2" align = "center" >
    < H2 > sound are some examples of training < / h2 >
    < class p 'style4' = > beginner training for people new to computers. < /p >
    < class p 'style4' = > Excel 2003, 2007, 2010 < /p >
    < class p "style4" = > Word 2003, 2007, 2010 < /p >
    < class p 'style4' = > Email use and precautions < /p >
    < class p = "style4" >... < /p >
    < p > < / p >
    < / div >

    < / div >
    < p > < br class = 'clearfloat' / >
    < /p >
    < div id = "footer" >
    "< table width ="100% "border =" 0 ">"
    < b >
    < scope = "col" th > < class p = "style5" > we are currently redesigning our Web site. "If a link does not please contact us via < a href ="mailto:[email protected] "> e-mail < /a> or call us at the 603.434.5311." < /p >
    < p > Adel-Xt Computer Company, Derry, NH 03038 1-603-434-5311 contact us < /p >
    < p > update:
    <!-#BeginDate format: fcAm1a-> Friday, November 5, 2010 17:29 <!-#EndDate->
    < /p > < /th >
    < /tr >
    < /table >
    "< a href ="http://www.tinycounter.com"target ="_blank"title ="web counter"> < img border ="0"alt ="web counter"src ="http://mycounter.tinycounter.com/index.php?user=adelxt "> < / has>
    <!-end #footer--> < / div >


    <!-end #container--> < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar2 = new Spry.Widget.MenuBar ("MenuBar2", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
    var Accordion1 = new Spry.Widget.Accordion ("Accordion1");

    ->
    < /script >
    < / html >

    < / body >

    You are not using the latest Spry files

    The latest version of the Adobe Spry 1.6.1 Framework it is the same version that ships with Dreamweaver CS4. If you are using Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can be easily done by using Updater Spry who can be found here.

    If you replace

    you will notice that it works as it should.

  • So frustrated! Need help positioning of image...

    Hi people...

    I'm learning CSS fitfully, and well I don't have a pretty good understanding on this subject. I hope someone can help me.

    I created this page and tried to place an image in the large 'essential' to the right of the slideshow area. It did not work, kept be moved elsewhere. Then I specified it as background image for this div instead... It looks fine in Firefox and Safari (I'm on a Mac), a colleague with Internet Explorer 7 on a PC however, it appears way down at the bottom of the page after the slide show

    I looked at all the ways to insert the image, but none of them work. I know I must be missing something very simple. Can anyone help?

    Here is the URL... http://greatdiamondrentals.com/index.html

    and the source code:

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    " < html xmlns =" http://www.w3.org/1999/xhtml ">
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"
    < title > Grand Canaria Diamond, Diamond Cove, Great Diamond Island, Maine < /title >

    " < script src =" http://www.Google.com/JSAPI "> < / script > .
    < script type = "text/javascript" >

    Google.Load ("jquery", "1.3.2");


    < /script >
    "< script type =" text/javascript"src="js/jquery.cycle.js "> < / script >

    < script type = "text/javascript" >
    $(document) .ready (function () {}

    $('#slideshow').cycle ();

    });
    function MM_preloadImages() {//v3.0
    var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();
    var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)
    If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}
    }

    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]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];
    for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);
    If (! x & & d.getElementById) x = d.getElementById (n); Return x;
    }

    function MM_nbGroup (event, grpName) {//v6.0
    var i, img, nbArr, args is MM_nbGroup.arguments;
    If (event == "init" & & args.length > 2) {}
    If ((img = MM_findObj(args[2]))! = null & &! img.) MM_init) {}
    IMG. MM_init = true; IMG. MM_up = args [3]; IMG. MM_dn = img.src;
    If ((nbArr = document[grpName]) == null) nbArr = document [grpName] = new Array();
    [nbArr.length] nbArr = img;
    for (I = 4; I < args.length - 1; i += 2) if ((img = MM_findObj (args [i]))! = null) {}
    If (! img.) IMG MM_up). MM_up = img.src;
    IMG.src = img. MM_dn = args [i + 1];
    [nbArr.length] nbArr = img;
    } }
    } Else if (event == "over") {}
    document. MM_nbOver is nbArr = new Array();.
    for (i = 1; I < args.length - 1; i += 3) if ((img = MM_findObj (args [i]))! = null) {}
    If (! img.) IMG MM_up). MM_up = img.src;
    IMG. SRC = (img. MM_dn & & args [i + 2])? args [i + 2]: ((args[i+1])? args [i + 1]: img.) MM_up);
    [nbArr.length] nbArr = img;
    }
    } Else if (event == 'out') {}
    for (i = 0; i < document.) MM_nbOver.length; i++) {
    IMG = document. MM_nbOver [i]; IMG. SRC = (img. MM_dn)? IMG. MM_dn: img. MM_up; }
    } Else if (event == 'down') {}
    nbArr = document [grpName];
    If (nbArr)
    for (i = 0; i < nbArr.length; i ++) {img = nbArr [i]; img.src = img. MM_up; IMG. MM_dn = 0; }
    document [grpName] is nbArr = new Array();.
    for (i = 2; I < args.length - 1; i += 2) if ((img = MM_findObj (args [i]))! = null) {}
    If (! img.) IMG MM_up). MM_up = img.src;
    IMG.src = img. MM_dn = (args [i + 1])? args [i + 1]: img. MM_up;
    [nbArr.length] nbArr = img;
    } }
    }
    < /script >

    < style type = "text/css" >
    <!--
    {body
    text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
    Color: #000000;
    do-family: Verdana, Arial, Helvetica, without serif.
    do-size: 100%;
    top of the margin: 20;
    right margin: 0;
    margin-bottom: 0;
    left margin: 0;
    padding: 0;
    background-image: url(images/gradient900.jpg);
    background-repeat: repeat-x;
    }
    .twoColFixLtHdr #container {}
    Width: 940px;  / * using the less than a width 20px full 800px allows for chrome browser and avoids a horizontal scroll bar * /.
    background: #FFFFFF;
    text-align: left; / * This setting overrides the text-align: center on the body element. */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    left margin: auto;
    height: 660px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-bottom-color: #006;
    border-right-color: #006;
    border-bottom-color: #006;
    border-left-color: #006;
    }
    .twoColFixLtHdr #header {}
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    Width: 940px;
    height: 30px;
    background-color: #7092 c 3;
    }
    .twoColFixLtHdr #header h1 {}
    margin: 0;
    }
    {.twoColFixLtHdr #sidebar1}
    float: left; / * because this element is floating, it takes a width * /.
    Width: 380px;
    height: 600px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    }
    {.twoColFixLtHdr #mainContent
    height: 579px;
    Width: 940px;
    margin-top: 0;
    right margin: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    left margin: 0px;
    background-image: url(images/GDRmaincontent.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    }
    .twoColFixLtHdr #footer {}
    Width: 940px;
    top: 630px;
    height: 30px;
    do-family: Arial, Helvetica, without serif.
    do-size: 12px;
    make-style: normal;
    Police-weight: 600;
    do-variant: normal;
    text-transform: none;
    color: #FFF;
    background-color: #7092 c 3;
    text-align: center;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-bottom-color: #006;
    border-right-color: #006;
    border-bottom-color: #006;
    border-left-color: #006;
    padding-top: 5;
    padding-right: 5;
    padding-bottom: 8;
    padding-left: 5;
    }
    .twoColFixLtHdr #footer p {}
    margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
    padding: 10px 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
    do-family: Arial, Helvetica, without serif.
    do-size: 12px;
    make-style: normal;
    make-weight: normal;
    color: #FFF;
    vertical-align: middle;
    }
    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
    float: right;
    left margin: 8px;
    }
    .fltlft {/ * this class can be used to float an element on your page to the left * /}
    float: left;
    right margin: 8px;
    }
    .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
    Clear: both;
    height: 0;
    font size: 1px;
    line-height: 0px;
    }
    a: link {}
    text-decoration: none;
    color: #FFF;
    }
    a: visited {}
    text-decoration: none;
    color: #FFF;
    }
    a: hover {}
    text-decoration: underline;
    color: #600;
    }
    a: active {}
    text-decoration: none;
    color: #CCC;
    }

    ->
    < / style > <!-[if IE 5] >
    < style type = "text/css" >
    / * Place corrections for IE 5 css box model * in this conditional comment * /.
    .twoColFixLtHdr #sidebar1 {width: 230px ;}}
    < / style >
    <! [endif]--> <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .twoColFixLtHdr #sidebar1 {padding-top: 30px ;}}
    .twoColFixLtHdr #mainContent {zoom: 1 ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    < meta name = "Keywords" content = "' Maine, vacation, rentals, Great Diamond Island, Diamond Cove, houses vacation, island, Casco Bay, Portland, Maine coast, Atlantic ocean, Oceanside, seaside, family, New England, lobster, beach, beaches, Islands, rental, hotel, hostel, bed and breakfast, holiday, ferries, strong, historical" / > "
    < name meta = "Description" content = "vacation on an island in Maine! Beautiful historic houses available for rent at Diamond Cove on great Diamond Island in the Bay of Casco near Portland, Maine. "/ >
    < / head >

    < body class = "twoColFixLtHdr" onload = "MM_preloadImages (" images/visited_homes.jpg','images/visited_about.jpg','images/vi sited_amenities.jpg','images/visited_map.jpg','images/visited_faq.jpg','images/visited_con tsact.jpg'") ' >

    < div id = "container" >
    < div id = "header" >
    < table border = "0" cellpadding = "0" cellspacing = "0" >
    < b >
    " < td > < a href =" http://greatdiamondrentals.com/view_our_homes.htm "' 'target = '_top' onclick =' MM_nbGroup('down','group1','viewhomes','images/visited_homes.jpg',1) ' onmouseover =" MM_nbGroup ('more', images/visited_homes.jpg','images/visited_hom es.jpg ', the 'viewhomes' 1,') "onmouseout ="MM_nbGroup ('out')"> < img src ="images/nav_viewourhomes.jpg"alt ="View Our Homes"name ="viewhomes"width ="186"height ="30"border ="0"id ="viewhomes"onload =" "/ > < /a > < table >
    "" "< td > < a href ="about_the_island_2010.html"target ="_top"onclick =" MM_nbGroup('down','group1','about','images/visited_about.jpg',1) "onmouseover =" MM_nbGroup ('more', 'subject', 'images/visited_about.jpg','images/visited_about.j pg', 1) "onmouseout =" MM_nbGroup ('out') "> < img src =" images/nav_about.jpg "alt ="images/visited_about.jpg"name ="about"width ="192"height ="30"border ="0"id = 'about' onload =" "/ > < /a > < table >
    "" < td > < a href = "amenities.htm" target = "_top" onClick ="MM_nbGroup('down','group1','amenities','images/visited_amenities.jpg',1)" onMouseOver = "MM_nbGroup ("over", images/visited_amenities.jpg','images/visite _amenities.jpg', 1"equipment",)" onMouseOut = "MM_nbGroup ('out')" > < img name = "amenities" src = "images/nav_amenities.jpg" border = '0' alt = 'equipment and activities' onLoad = "" / > < /a > < table >
    "(" < td > < a href = "map_2010.html" target = "_top" onClick ="MM_nbGroup('down','group1','map','images/visited_map.jpg',1)" onMouseOver="MM_nbGroup('over','map','images/visited_map.jpg','images/visited_map.jpg',1)"onMouseOut = "MM_nbGroup ('out')" > < img name = "map" src = "images/nav_map.jpg" border = '0' alt = onLoad 'map of the island' ="" / > < /a > < table >
    "" < td > < a href = "FAQ_2010.html" target = "_top" onClick ="MM_nbGroup('down','group1','FAQs','images/visited_faq.jpg',1)" onMouseOver = onMouseOut = "MM_nbGroup ('out')" MM_nbGroup ('more', images/visited_faq.jpg','images/visited_faq.jpg',1 of "FAQ,' ')" "> < img name = 'FAQ' src ="images/nav_faq.jpg"border = '0' alt = 'FAQ' onLoad =" "/ > < /a > < table >
    "" ("< td > < a href ="contact2009.html"target ="_top"onClick =" MM_nbGroup('down','group1','contact','images/visited_contsact.jpg',1) "onMouseOver ="MM_nbGroup ("over", "contact","images/visited_contsact.jpg','images/visited_co ntsact.jpg', 1)" onMouseOut = "MM_nbGroup ('out')" > < img name = "contact" src = "images/nav_contact.jpg" border = '0' alt = 'Contact us' onLoad = "" / > < /a > < table >
    < /tr >
    < /table >
    < h1 > < / h1 >
    <!-end #header--> < / div >
    < div id = "sidebar1″" >
    < div id = "slideshow" >
    "< img src="/images/slide1.jpg "/ >
    "< img src="/images/slide2.jpg "/ >
    "< img src="/images/slide3.jpg "/ >
    "< img src="/images/slide4.jpg "/ >
    "< img src="/images/slide5.jpg "/ >
    "< img src="/images/slide6.jpg "/ >
    "< img src="/images/slide7.jpg "/ >
    "< img src="/images/slide8.jpg "/ >
    "< img src="/images/slide9.jpg "/ >
    "< img src="/images/slide10.jpg "/ >


    < / div >
    <!-end # sidebar1″--> < / div >
    < div id = "mainContent" >
    < h1 > < / h1 >
    <!-end #mainContent--> < / div >
    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
    < div id = "footer" >
    < p > large diamond rentals, c/o Phoenix Management, P.O. Box 759, Saco, Maine 04072 - (207) 766-3005-fax (207) 571 - 3066 - < a href = "mailto: " [email protected] "> [email protected] < /a > < /p > "
    <!-end #footer->
    < / div >
    < br class = 'clearfloat' / >
    <!-end #container->
    < / div >
    < / body >
    < / html >

    Add clear: both; to the #footer

    as shown:

    .twoColFixLtHdr #footer {}
    Clear: both;
    Width: 940px;


    top: 630px;
    height: 30px;
    do-family: Arial, Helvetica, without serif.
    do-size: 12px;
    make-style: normal;
    Police-weight: 600;
    do-variant: normal;
    text-transform: none;
    color: #FFF;
    background-color: #7092 c 3;
    text-align: center;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-bottom-color: #006;
    border-right-color: #006;
    border-bottom-color: #006;
    border-left-color: #006;
    padding-top: 5;
    padding-right: 5;
    padding-bottom: 8;
    padding-left: 5;
    }

    Also, you can get rid of background-color: #609; right will move it to the #mainContent

    CSS (I've just included which while test)

    .twoColFixLtHdr #mainContent {    height: 579px;    width: 560px;    float: left;    margin-top: 0;    margin-right: 0;    margin-bottom: 0;    padding-top: 0;    padding-right: 0px;    padding-bottom: 0;    padding-left: 0px;    margin-left: 0px;    background-image: url(images/GDRmaincontent.jpg);    background-position: right top;    background-repeat: no-repeat;  background-color:#609;}
    
  • Strange gaps in the header and footer

    Im getting gaps in the header and the footer on some of my pages.  Sometimes, the gaps are filled with the background color of the column and other times they are the color of the body that is even stranger.  An example would be http://www.mojogar.com/pcRepair.aspx .  In IE8, I get a gap on the top but not the bottom.  In Firefox3, the gap is on the bottom and not the top.  ???

    This is the page for markup;  (followed by the CSS)

    < % @ Page Language = "VB" ContentType = "text/html" percent >
    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    "< html xmlns ="http://www.w3.org/1999/xhtml"> <!-InstanceBegin template="/Templates/masterOne.dwt.aspx ' codeOutsideHTMLIsLocked = 'false'->
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    <!-InstanceBeginEditable name = "doctitle"-->
    < title > Untitled Document < /title >
    <! - InstanceEndEditable - >
    <!-InstanceBeginEditable name = "head"->
    <! - InstanceEndEditable - >
    < link href = "thrColHybHdr.css" rel = "stylesheet" type = "text/css" / > <!-[if IE] > "
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 {padding-top: 30px ;}}
    .thrColHybHdr #mainContent {zoom: 1; padding-top: 15px ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
    < link href = "SpryAssets/SpryMenuBarVertical.css" rel = "stylesheet" type = "text/css" / > "
    < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
    < / head >

    < body class = "thrColHybHdr" >


    < div id = "container" >
    < div id = "header" >
    <!-end #header->
    < div class = "fltlft" > < img src = "images/mojoLogoSmall.png" alt = "digital Mojogar design & amp; PC repair' width = '172' height = '41' border = '0' well = "#Map" / >
    < name of the map 'Map' id = 'Card' = >
    < area shape = "rect" coords = "2,2,172,39" href = "default.html" target = "_self" alt = "House Mojogar" / > "
    < / map >
    < / div >
    < div class = "fltrt" > <!-InstanceBeginEditable name = "HeadRight"-> HeadRight <! - InstanceEndEditable - >

    < / div >
    < div class = "MenuVertDiv" >
    < ul id = "MenuBar2" class = "MenuBarHorizontal" >
    < li > < a class = "MenuBarItemSubmenu" href = "#" > < /a > Design
    < ul >
    < li > < a href = "webDesign.aspx" > Web < /a > < /li > design ""
    < li > < a href = "webDev.aspx" > creating websites < /a > < /li >
    < li > < a href = "logo.aspx" > creation of Logo < /a > < /li >
    < /ul >
    < /li >
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Animation
    < ul >
    < li > < a href = "webDev.aspx" > Animation Flash < /a > < /li > ""
    < /ul >
    < /li >
    < li > < a class = "MenuBarItemSubmenu" href = "#" > Support < /a >
    < ul >
    < li > < a href = "pcRepair.aspx" > PC Repair < /a > < /li > ""
    < li > < a href = "virus.aspx" > Virus < /a > < /li > ""
    < li > < a href = "email.aspx" > Email < /a > < /li > ""
    < li > < a href = "backup.aspx" > backup data < /a > < /li > ""
    < li > < a href = "wireless.aspx" > wireless < /a > < /li > ""
    < li > < a href = "software.aspx" > software < /a > < /li >
    < li > < a href = "hardwareInstall.aspx" > hardware < /a > < /li > ""
    < li > < a href = "server.aspx" > repair of server < /a > < /li > ""
    < li > < a href = "busConsult.aspx" > Consulting < /a > < /li > ""
    < /ul >
    < /li >
    < li > < a href = "contact.aspx" > Contact < /a > < /li > ""
    < /ul >
    < / div >
    <! - end header - > < / div >

    < div class = "masterBackground" >
    < div id = 'sidebar2' >
    <!-InstanceBeginEditable name = "rightSidebar"->
    < div id = 'sidebar2' >
    < h4 > when your computer is having problems, have a professional to look over your system to update or repair your operating system, programs installed verification and search for viruses and other malware. < / h4 >
    <!-end #sidebar2->
    < / div >
    <! - InstanceEndEditable - >
    <!-end #sidebar2->
    < / div >

    < div id = "mainContent" >
    <!-InstanceBeginEditable name = "main"->
    < div id = "mainContent" >
    < div class = "MarginTopZero" >
    < object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase ="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9, 0,28,0" width = "580" height = "300" title = "Computer Support" >
    "< param name ="movie"value="images/flash/PCCollage.swf "/ >
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    "" < embed src="images/flash/PCCollage.swf" quality = "high" wmode = "opaque" pluginspage = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type = "application/x-shockwave-flash" width = "580" height = "300" > < / embed > "
    < / object > < / div >
    < h2 > don't not feel lonely when your computer stops.  Computer problems can leave you in the dark about what is wrong.  Help is a call away. < / h2 >
    < h4 > our repair and tune-up service consists of the following: < / h4 >
    update the < /li > < li > operating systems
    updates of operating system < h5 > help the security of the computer and can add features that the manufacturer has worked to make life easier end-user.  Updates as often as every week couple come out on some operating systems. < / h5 >
    audit of programs < li > < /li >
    < h5 > many < a href = "software.aspx" title = "go to our software page" target = "_self" > < /a > applications added over time and can slow down the performance of any PC taking the resources processor and memory, not to mention the hard drive space. " < / h5 >
    < li > Security overlook < /li >
    < h5 > < a href = "virus.aspx" target = "_self" > < /a > anti-virus definitions must be kept up to date. "  Malware, spyware, Trojans and new viruses are always introduced in nature (the internet is a jungle).  Antivirus applications must be updated as well.  Subscriptions to paid suppliers can expire and updates may be trolling for months or even years (I saw happen). < / h5 >
    < li > anti-virus fine tuning < /li >
    < h5 > a lot of antivirus programs is swollen applications and will not stop annoying the user with pop ups and information.  Many users also never know when and how often their antivirus scans. < / h5 >
    browser < /li > < li > configuration
    < h5 > there are literally hundreds of options in the settings of browsers for security and optimization.  Fine these beautiful can in some cases increase surfing speed. < / h5 >
    < li > implementation market & off to the low value < /li >
    < h5 > if your like most people, your PC begins never soon enough.  Get a check full of programs and services which start with your computer and optimize them to increase speed. < / h5 >
    <!-end #mainContent->
    < / div >
    <! - InstanceEndEditable - >

    <!-end #mainContent->
    < / div >
    <! - end masterBackground - > < / div >

    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
    < %--< br class = 'clearfloat' / >
    -% >
    < div id = "footer" >
    Copyright Mojogar 2010 < /p > < p >
    <!-end #footer--> < / div >
    <!-end #container--> < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar2 = new Spry.Widget.MenuBar ("MenuBar2", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
    ->
    < /script >
    < / body >
    <! - InstanceEnd - > < / html >

    CSS:


    @charset "utf-8";

    {body
    margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
    padding: 0;
    text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
    color: #9FEE00;
    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    do-size: 100%;
    background-color: #333;
    }

    H1 {}
    font size: xx-large.
    Color: #000;
    }

    H2 {}
    font-size: XL;
    }

    H3 {}
    font size: large;
    }

    H4 {}
    font-size: medium;
    }

    H5 {}
    font size: small;
    }

    H6 {}
    do-size: x-small;
    }
    {p}
    font size: xx-small;
    }
    H1, h2 {}
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    }

    H3, h4, h5, h6 {p}
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    }


    Li {}
    make-weight: bold;
    }
    UL {}
    list-style-type: decimal;
    }
    {of the ol
    make-weight: bold;
    }
    a {}
    }


    a: link {}
    color: #FFF;
    }
    a: hover {}
    Color: #333;
    background-color: #6C8CD5;
    }
    a: active {}
    Color: #F00;
    }
    a: visited {}
    color: #FF4848;
    }


    / * This hybrid layout tips
    1. from the lateral columns sizing based on the em is based on the user's default font size, you can be sure graphics in the columns accordingly. Built correctly, it is more accessible to those who need larger font sizes, since the width of the columns remains proportionate. If this is not desirable in your design, just change the width of a pixel size and do not forget to change the margins on the div #mainContent accordingly.
    2. given that the sizing of the side columns in this layout are based on the font size of 100% in the body element, if you decrease the overall size of the text by using a font size: 80% on the body element or the #container, do not forget that the column widths will reduce proportionally. You can increase the size of the margins on the side of the #mainContent div, and their widths to compensate for this.
    3. If the sizing of fonts is changed in different quantities on each div instead of on the overall design (ie: #sidebar1 is a font size of 70% and #mainContent has a font size of 85%), this will change proportionally each of the overall size of divs. You can adjust the base on your final sizing of fonts.
    4. the #container div is not necessary for this layout to the width of 100%. You can use to create columns of fake or to limit the width of the layout.
    5. it is not necessary to have the width of 100% on the #container div since, by nature, a div takes up 100% of the available space. Therefore, here, if you want to reduce the size of the global container - leaving perhaps a bit of margin on each side - is already available for adjustment.
    */
    .thrColHybHdr #container {}
    Width: 780px;
    / * margin: 0 auto;  the margins to the center of the page if necessary (in conjunction with a width) auto * /.
    text-align: left;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    left margin: auto;
    }

    .thrColHybHdr #header {}
    background-color: #C9F76F;
    height: 100%;
    Width: 780px;
    margin: 0px;
    padding: 0px;
    }
    .thrColHybHdr #header h1 {}
    margin: 0;
    padding: 0px;
    }

    / * Sidebar1″ tips:
    1 be aware that if you set a value for the font size on this div, the width of the div will be adjusted accordingly.
    2. as we work in ems, it is preferable not to use the filling in the sidebar itself. It will be added to the width for browsers compatible standards creating a real unknown width.
    3. the space between the wall of the div and the items it contains can be created by placing a margin left and right on these items as seen in the rule ".thrColHybHdr #sidebar1 p.
    */
    {.thrColHybHdr #sidebar1}
    Width: 13em;
    border-top-width: thick;
    border-top-style: solid;
    border-bottom-color: #C06;
    float: left;
    height: auto;
    }
    {.thrColHybHdr #sidebar2}
    Width: 200px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    float: right;
    }
    H3 *.thrColHybHdr # sidebar1″, p.. thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 .thrColHybHdr #sidebar2 h3 {}
    left margin: 0px; * / / * the left and right margins should be to all of the items that will be placed in the side columns * /.
    / * margin-right: 0px;
    }
    */
    / * MainContent tips:
    1. If you give this div #mainContent a value of different size of the div # sidebar1″, the margins of the #mainContent div will be based on the font size and the width of the div #sidebar1 depend on the size of the font. You can adjust the values of these divs.
    2. the space between the mainContent and sidebar1″ is created with the left on the mainContent div margin regardless of how content div the sidebar1″ contains, the space of the columns will remain. You can remove the left margin if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete.
    3. to avoid falling of float, you may have to test to determine the size of the image/approximate maximum element because this provision is based on the calibration of fonts the user combined with the values that you set. However, if the user has their browser game lower than normal font size, less space will be available in the #mainContent div that you see on the test.
    4. in the Internet Explorer conditional comment below, the zoom property is used to give the mainContent "hasLayout". This avoids several specific IE bugs that may occur.
    */
    {.thrColHybHdr #mainContent
    text-align: center;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    left margin: 0px;
    Width: 580px;
    background-color: #2A 4480;
    color: #C9F76F;
    padding: 0px;
    }
    . {MarginTopZero}
    margin: 0px;
    padding: 0px;
    }

    {.busConslt}
    height: 600px;
    Width: 800px;
    }

    idea {}
    height: auto;
    Width: 100%;
    }


    .thrColHybHdr #footer {}
    padding: 0;
    background-color: #C9F76F;
    margin: 0px;
    }
    .thrColHybHdr #footer p {}
    margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
    padding: 0px; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
    Color: #000;
    }


    / * Various classes for reuse * /.
    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
    float: right;
    }
    .fltlft {/ * this class can be used to float an element on your page to the left * /}
    float: left;
    margin-right: 0px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    }
    .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
    Clear: both;
    height: 0;
    }
    {#defMainLft}
    Width: 49%;
    float: left;
    text-align: center;
    }
    {#defMainRt}
    Width: 49%;
    float: right;
    text-align: center;
    }
    {.absolRgt}
    position: absolute;
    Top: 0px;
    right: 0px;
    }
    {.relRgt}
    position: relative;
    Top: 0px;
    right: 0px;
    }
    {.defFull}
    position: relative;
    height: 263px;
    Width: 100%;
    border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color: #ff4900;
    }
    {.absolLft}
    position: absolute;
    Top: 0px;
    left: 0px;
    }
    {.defFullTop}
    position: relative;
    Width: 600px;
    border-top-width: thick;
    border-top-style: solid;
    border-bottom-color: #000;
    margin: 0px;
    }
    {.tuneUpTop}
    background-color: #000;
    color: #FFF;
    margin: 0px;
    padding: 0px;
    }
    {.contactForm}
    Width: 470px;
    height: auto;
    left: auto;
    right: auto;
    }
    {.borderRight}
    border: medium solid #A62F00;
    margin-top: 0px;
    margin-bottom: 0px;
    left margin: 0px;
    }
    . {MenuVertDiv}
    margin-bottom: 0px;
    Clear: both;
    height: 38px;
    background-color: #A62F00;
    Width: 100%;
    }
    {.masterBackground}
    background-color: #BF5930;
    margin: 0px;
    padding: 0px;
    }

    Your HTML code contains conditional comments for IE.  Try to reduce or remove the extra padding and see if that helps.

    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 {padding-top: 30px ;}}
    .thrColHybHdr #mainContent {zoom: 1; padding-top: 15px ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB
    http://ALT-Web.blogspot.com

  • Impossible to get a php form and web to work properly

    Hello

    I have a web form in html and php code that works fine in my old site.

    I've just updated my site and must transfer the code for the html form in a newly designed page.

    I copied and pasted the form into the new page. The form set up and working properly, except that it does not send the form to my email address.

    Everything seems to be the same as my old page but obviously I don't not linked them correctly. I have attached the code for two html files. Thanks for any help. Owen

    form code

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    " < html xmlns =" http://www.w3.org/1999/xhtml "> <!-InstanceBegin template="/Templates/PGATEMPLATE3.dwt ' codeOutsideHTMLIsLocked = 'false'->
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"
    <!-InstanceBeginEditable name = "doctitle"-->
    < title > Golf lessons Golf INSTRUCTION IN MARYLAND, Baltimore Owen Dawson PGA GOLF LESSONS IN BALTIMORE < /title >
    < meta name = "Keywords" content = "LESSONS of GOLF, GOLF LESSONS IN BALTIMORE, BALTIMORE, MARYLAND, BALTIMORE, SHORT GAME, BUNKER PLAY INSTRUCTION GOLF" / >
    < name meta = "Description" content = "Golf Instruction at Baltimore Maryland" / >
    <! - InstanceEndEditable - >
    < link href = "file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/twoColFixRtHdr.css" rel = "stylesheet" type = "text/css" / >
    <!-[if IE 5] >
    < style type = "text/css" >
    / * Place corrections for IE 5 css box model * in this conditional comment * /.
    .twoColFixRtHdr #sidebar1 {width: 220px ;}}
    < / style >
    <! [endif]--> <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .twoColFixRtHdr #sidebar1 {padding-top: 30px ;}}
    .twoColFixRtHdr #mainContent {zoom: 1 ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    < script src = "file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
    < link href = "file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / >
    < style type = "text/css" >
    <!--
    {.style1}
    font-size: small
    }
    {.style2}
    do-family: "Comic Sans MS", Papyrus;
    font size: small;
    }
    .style6 {-font size: small, do-family: "Comic Sans MS", Papyrus ;}}
    . Style7 {do-family: "Comic Sans MS", Papyrus}
    . Style8 {color: #0000FF}
    a: link {}
    text-decoration: none;
    Color: #000000;
    }
    a: visited {}
    text-decoration: none;
    Color: #000000;
    }
    a: hover {}
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-bottom-color: #001EF1;
    border-right-color: #001EF1;
    border-bottom-color: #001EF1;
    border-left-color: #001EF1;
    Color: #000000;
    background-color: #C1C1C1;
    }
    a: active {}
    text-decoration: none;
    }
    ->
    < / style >
    <!-InstanceBeginEditable name = "head"--> <! - InstanceEndEditable - >
    < / head >

    < body class = "twoColFixRtHdr" >

    < div id = "container" >
    < div id = "header" >
    < h1 > < img src = "file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/photos/newpgabannerfinal3_2_10.png" width = "739" height = "210" / > < / h1 >
    <!-InstanceBeginEditable name = "EditRegion4"->
    < ul id = "MenuBar1" class = "MenuBarHorizontal" >
    < li > < a href = "file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/index.html" class = "style1" > home < /a > < /li >
    < li > < a href = 'file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/V1Login.html' class = 'style1' > V1 student videos < /a > < /li >
    < li > < a href = 'file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/Private_Lessons.html' class = 'style1' > tutoring < /a > < /li >
    < li > < a href = 'file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/Clinics.html' class = 'style1' > clinics < /a > < /li >
    < li > < a href = 'file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/PGAPHOTOGALLERY/index.html' class = 'style1' > photo library < /a > < /li >
    < li > < a href = 'file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/Gift_Certificates.html' class = 'style1' > gift certificates < /a > < /li >
    < li > < a href = 'file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/Instructional_Video.html' class = 'style1' > instructional video < /a > < /li >
    < li > < a href = "mailto: " [email protected] "class ="style1"> Contact Owen < /a > < /li > "
    < /ul >
    <! - InstanceEndEditable - >
    < p align = "center" > < / p >
    <!-end #header--> < / div >

    < div id = "sidebar1″" >
    < class p = "style7" > < a href = "file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/Contact_Form.html" > form of statement < /a > < /p >
    < class p = "style7" > < a href = 'file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/Sample_Lesson.html' > lesson example < /a > < /p >
    " < class p ="style7"> < a href =" http://www.YouTube.com/user/owenpga "target ="_blank"> video tutorials < /a > < /p > "
    " < class p ="style7"> < a href =" http://owendawsonpga.blogspot.com "target ="_blank"> < /a > < /p > educational Blog "
    < class p = 'style7 style8' > < / p >
    < class p = "style2" > < / p >
    < class p = "style2" > < /p > testimonials
    < class p = "style6 style7" > "I worked with Owen Dawson for 7 years. During this time my swing has changed and improved. This has happened through exercises and the use of the video of Owen. It is because of these techniques, I understand how to hit good shots, but equally important why I hit a bad shot. I'm glad that I had the opportunity to work with Owen and highly recommend. "< strong > Sam Young - Country Club of Maryland - 2009 men's Club Champion < facilities > < / p >"
    < class p = "style2" >... < /p >
    < class p = "style6 style7" > "Owen made two things particularly well, in my opinion.  First of all, he is a master of the recording technology, and it really helps me to see what I need to fix, and what must be the new movement.  Second, Owen knows what the best next step should be in your own journey to a better swing.  I took a lesson or two from Owen each year for the last three or four years - a relatively small step at a time and then worked on grooving this step.  During this period, my index finger was removed about 8 shots, and in 2007 I won the 'Most improved player' award of the Club.  Congratulations to Owen! "< /p >
    < class p = "style6 style7" > < Bill Smillie - strong CCofMD > < / strong > < / p >
    < h3 class = "style2" > < a href = "file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/Testimonials.html" > read other testimonials < /a > < / h3 >
    <!-end # sidebar1″->
    < / div >
    <!-InstanceBeginEditable name = "MAINCONTENT" value->
    < div id = "mainContent" >
    < do action = "contactformprocess_original_db.php" method = "post" enctype = "multipart/form-data" name = "form1" id = "form1" target = "ifr" > "
    < class p = "style5" > name < /p >
    < p >
    < label for = "textfield" > < span class = "style5" > first </span > < / label >
    < input type = "text" name = "textfield" id = "textfield" / >
    < /p >
    < p >
    < label for = "textfield2" > < span class = "style5" > last </span > < / label >
    < input type = "text" name = "textfield2" id = "textfield2" / >
    < /p >
    < p > < span class = "style5" > phone number
    < label >
    < input type = "text" name = "textfield3" id = "textfield3" / >
    < / label >
    </span > < / p >
    < p > < span class = "style5" > </span > Email
    < label >
    < input type = "text" name = "textfield4" id = "textfield4" / >
    < / label >
    < /p >
    < p > < span class = "style5" > address
    < label >
    < input type = "text" name = "textfield5" id = "textfield5" / >
    < / label >
    </span > < / p >
    < p > < span class = "style5" > status </span >
    < label >
    < input type = "text" name = "textfield6" id = "textfield6" / >
    < / label >
    < /p >
    < p > < span class = "style5" > Zip Code </span >
    < label >
    < input type = "text" name = "textfield7" id = "textfield7" / >
    < / label >
    < /p >
    < p > < span class = "style5" > how did you find me? </span >
    < label for = "select" > < / label >
    < select name = "select" id = "sΘlectionner" >
    < option value = "internet" > search the Internet < / option >
    < option value = "referral of a friend" > refer a friend < / option >
    < option value = "ccmdsite" > Country Club of MD Web site < / option >
    < option value = "other" > other < / option >
    < / select >
    < /p >
    < p > < span class = "style5" > what are your Golf goals? </span >
    < select name = "select2" id = "select2" >
    < option value = "break 100" > break 100 < / option >
    < option value = "break 90" > Break 90 < / option >
    < option value = "break 80" > Break 80 < / option >
    < option value = 'ArrΩter the slice' > stop slice the ball < / option >
    < option value = "arrΩter the hook" > stop hang the ball < / option >
    < option value = "Compete" > local tournaments Compete < / option >
    < option value = more "coherent" > more consistently Hit shots < / option >
    < / select >
    < /p >
    < p > < span class = "style5" > how you can practice? </span >
    < label for = 'select3' > < / label >
    < select name = "select3" id = "select3" >
    < option value = '1 hour' > 1 hour < / option >
    < option value = '2 hours' > 2 hours < / option >
    < option value = '3 hours' > 3 hours < / option >
    < option value = "3 hours >" > more than 3 hours a week < / option >
    < / select >
    < /p >
    < p > < span class = "style5" > you want to learn? </span >
    < label for = 'select4' > < / label >
    < select name = "select4" id = "select4" >
    < option value = "full swing" > Full Swing mechanics irons < / option >
    < option value = 'swing driver' > Full mechanical Swing driver < / option >
    < option value = 'short locations' > Short Pitch shots inside 50 yards < / option >
    < option value = 'bunker game' > Bunker play < / option >
    < option value = "chipping" > Chipping < / option >
    < option value = "short shots" > short strokes from rough < / option >
    < / select >
    < /p >
    < class p = "style5" > what's your Handicap? < label for = "choisies5" > < / label >
    < select name = "choisies5" id = "choisies5" >
    < option value = 'scratch 5' > Scratch - HDCP 5 < / option >
    < option value = "6-10" > 6-10 HDCP < / option >
    < option value = "11 to 15" > 11-15 HDCP < / option >
    < option value = "15 to 20" > 15-20 HDCP < / option >
    < option value = "> 21" 21 > and < / option >
    < / select >
    < /p >
    < class p = "style5" > how long have you been playing?
    < label for = "select6" > < / label >
    < select name = "select6" id = "select6" >
    < option value = "beginner" > start < / option >
    < option value = '2 to 5' > 2-5 years < / option >
    < option value = '6 to 10 years' > 6-10 years < / option >
    < option value = "11-15 years" > 11-15 years < / option >
    < option value = "> 15" > 15 years < / option >
    < / select >
    < /p >
    < class = "style5" p > have you ever had a lesson?
    < label for = "select7" > < / label >
    < select name = "select7" id = "select7" >
    < option value = "yes" > YES < / option >
    < option value = "no" > n < / option >
    < / select >
    < /p >
    < class p = "style5" > more information
    < label >
    < name textarea = "textfield8" pass = "40" id = "textfield8" > < / textarea >
    < / label >
    < /p >
    < class p = "style5" >
    < label for = "button" > < / label >
    < input type = "button" name = "button" id = "button" value = "Submit" onclick = "submitForm ()" / > "
    < /p >
    < class p = "style5" > < / p >
    < div id = 'msg' style = "font: arial bold 12px" > < / div >

    < / make >
    < p align = "center" class = "style8" > < br / >
    < /p >
    < class p = 'style8' > < / p >
    < class p = 'style8' > < / p >
    < class p = "style8 style12" > < strong > < br / >
    < facilities > < / p >
    < p align = "left" > < / p >
    < h1 > < / h1 >
    <!-end #mainContent->
    < / div >
    <! - InstanceEndEditable - >
    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
    < br class = 'clearfloat' / >

    < div id = "footer" >
    " < p align ="center"> < a href =" http://golfaroundtheworld.com "" "target ="_blank"> < img src ="file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/photos/GAW.png"alt =" "width ="153"height ="56"hspace ="50"border ="0"/ > < / has > < a href =" http://www.owendawsonphotography.com "target ="_blank"> < img src ="file:///Macintosh HD/users/owenpga/Desktop/New PGA SITE/photos/ody.png"width ="186"height ="56"hspace ="50"border ="0"/ > < /a > < /p > "
    < h2 align = "center" class = "style6" > © Owen Dawson P.G.A.™ all rights reserved < / h2 >
    <!-end #footer->
    < / div >
    <!-end #container--> < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
    ->
    < /script >
    < / body >
    <! - InstanceEnd - > < / html >

    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

    php code

    <?

    $fname = $HTTP_POST_VARS ["textfield"];

    $lname = $HTTP_POST_VARS ["textfield2"];

    $phone = $HTTP_POST_VARS ["textfield3"];

    $email = $HTTP_POST_VARS ["textfield4"];

    $address = $HTTP_POST_VARS ["textfield5"];

    $state = $HTTP_POST_VARS ["textfield6"];

    $zip = $HTTP_POST_VARS ["textfield7"];

    $find = $HTTP_POST_VARS ['select'];

    $goals = $HTTP_POST_VARS ["select2"];

    $practice = $HTTP_POST_VARS ["select3"];

    $learn = $HTTP_POST_VARS ["select4"];

    $handicap = $HTTP_POST_VARS ["choisies5"];

    $timeplaying = $HTTP_POST_VARS ["select6"];

    $lesson = $HTTP_POST_VARS ["select7"];

    $additional = $HTTP_POST_VARS ["textfield8"];


    echo "$fname\n$ lname\n$ phone\n$ email\n$ address\n$ state\n$ zip\n$ find\n$ goals\n$ practice\n$ learn \n$handicap\n$timeplaying\n$lesson\n$additional\n;

    mail (' [email protected]', "Owen Dawson PGA Contact submission form", "name: $fname\nLast name: $lname\nPhone number: $phone\nEmail: $email\nAddress: $address\nState: $state\nZip Code: $zip\nHow did you find me?") $find\nWhat are your goals? $goals\nHow much can you practice? $practice\nWhat would you like to learn? $learn\nWhat is your handicap? $ time handicap\nHow were you play golf? $timeplaying\nHave you never took a lesson? "$lesson\nAdditional Information: $additional\n ',"(de: [email protected]'); "

    ? >

    < html >

    < head >

    < script type = "text/javascript" >

    Window.OnLoad = function() {}

    parent.messageSent ();

    }

    < /script >

    < / head >

    < body >

    < / body >

    < / html >

    just before the closing head tag it is an editable region for the insertion of specific scripts on the page.  Glance at this:

    and place the script between the 2 comments.

  • Photo will not be displayed!

    OK, so im still a little green in this... Here is my site...      http://www.mmaamateurleaguereporter.info/

    Why my photos do not show up... they all work very well when she found in the browser... but once I have download all photos and files on the server... it onley will show some and not all...

    CODE FOR HOMEPAGE

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    "< html xmlns ="
    http://www.w3.org/1999/xhtml' > <!-InstanceBegin template="/Templates/MMA.dwt ' codeOutsideHTMLIsLocked = 'false'->
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    <!-InstanceBeginEditable name = "doctitle"-->
    Home < title > < /title >
    <! - InstanceEndEditable - >
    < style type = "text/css" >
    <!--
    {body
    Police: 100% Verdana, Arial, Helvetica, without serif.
    Background: #666666;
    margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
    padding: 0;
    text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
    Color: #000000;
    background-color: #000;
    background-image: url (019_2551x17022081.jpg);
    background-repeat: repeat;
    }
    .twoColFixLtHdr #container {}
    Width: 780px;
    margin: 0 auto; / * margins (in conjunction with a width) auto Center the page * /.
    border: 1px solid #000000;
    text-align: left; / * This setting overrides the text-align: center on the body element. */
    background-color: #FFFFFF;
    }
    .twoColFixLtHdr #header {}
    background-color: #DDDDDD;
    background-image: url(MMA-Header.png);
    height: 150px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 20px;
    }
    .twoColFixLtHdr #header h1 {}
    margin: 0; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.
    padding: 10px 0; / * padding instead of margin will allow you to keep the edges of the div element * /.
    }
    {.twoColFixLtHdr #sidebar1}
    float: left; / * because this element is floating, it takes a width * /.
    Width: 200px; / * the background color will be displayed for the length of the content of the column, but no further * /.
    padding: 15px 15px 20px 10px;
    color: #FFF;
    background-color: #000;
    text-align: center;
    }
    {.twoColFixLtHdr #mainContent
    margin: 0 0 0 250px; / on this div element left margin creates the column on the left side of the page - no matter how content div the sidebar1″ contains, the space of the columns will remain. You can remove this line if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete. */
    padding: 0 20px; / * Remember that the fill is space inside the box of div and margin is the space outside the div box * /.
    text-align: center;
    }
    .twoColFixLtHdr #footer {}
    padding: 10px 0 0 20px;
    background-color: #000;
    }
    .twoColFixLtHdr #footer p {}
    margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
    padding: 10px 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.

    background-color: #000;
    }
    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
    float: right;
    left margin: 8px;
    }
    .fltlft {/ * this class can be used to float an element on your page to the left * /}
    float: left;
    right margin: 8px;
    }
    .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
    Clear: both;
    height: 0;
    font size: 1px;
    line-height: 0px;
    }
    . Sidebar {}
    text-align: left;
    }
    a: link {}
    color: #FFF;
    text-decoration: none;
    }
    a: visited {}
    text-decoration: none;
    color: #FFF;
    }
    a: hover {}
    text-decoration: none;
    Color: #F00;
    }
    a: active {}
    text-decoration: none;
    Color: #F00;
    }
    . P1 {}
    text-align: left;
    }
    . P2 {}
    text-align: left;
    }
    .twoColFixLtHdr #container #footer p {}
    color: #FFF;
    }
    ->
    < / style > <!-[if IE 5] >
    < style type = "text/css" >
    / * Place corrections for IE 5 css box model * in this conditional comment * /.
    .twoColFixLtHdr #sidebar1 {width: 230px ;}}
    < / style >
    <! [endif]--> <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .twoColFixLtHdr #sidebar1 {padding-top: 30px ;}}
    .twoColFixLtHdr #mainContent {zoom: 1 ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    <!-InstanceBeginEditable name = "head"->
    < style type = "text/css" >
    <!--
    .twoColFixLtHdr #container #mainContent div {}
    text-align: left;
    }
    ->
    < / style >
    <! - InstanceEndEditable - >
    < / head >

    < body class = "twoColFixLtHdr" >

    < div id = "container" >
    < div id = "header" >
    < h1 > < / h1 >
    <!-end #header--> < / div >
    < div id = "sidebar1″" >
    < h3 > < a href = "Index.html" > NEWS < /a > < / h3 > ""
    < h3 > < a href = "Upcomingevents.html" > NEXT EVENTS < /a > < a href = "/ Contact.html ' > < / has > < / h3 >".
    < class p = "sidebar" > < img src = "naga.jpg" alt = "NAGA" width = "196" height = "98" hspace = "2" hspace = "2" / > < / p > "
    < class p = "sidebar" > < img src = "TITLE_MMA_logo.jpg" alt = "Title" width = "192" height = "120" hspace = "2" hspace = "2" / > < / p > "
    < class p = "sidebar" > < img src = "warriorwear.jpg" alt = "Warrior Wear" width = "194" height = "194" hspace = "2" hspace = "2" / > < / p > "
    < class p = "sidebar" > < img src = "5150 features" alt = "5150" width = "194" height = "146" hspace = "3" hspace = "10" / > < img src = "Functional Fitness.jpg" width = "196" height = "194" alt = "TEAM D" / > < / p >
    < class p = "sidebar" > < img src = "SportFightingNews.jpg" width = "202" height = "75" alt = "combat Sport News" / > < / p > "
    <!-end # sidebar1″--> < / div >
    < div id = "mainContent" >
    < h1 > <!-InstanceBeginEditable name = "Heading 1"-> FIGHTERS WELCOME! <! - InstanceEndEditable - > < / h1 >
    <! - InstanceBeginEditable name = "Paragraph 1" - >
    < div >

    < p > welcome on our new website www.mmaamateurleaguereporter.infomagazine. We are a collective group of MMA fighters, trainers, coaches, judge, developers, game makers and die hard fans. The original Internet magazine was started by Woody Woodham the weekend of March 14, 2009 to www.myspace.com/mmamwalrpr, since this time together, we have covered and reported more than 37 Amateur or pro-am MMA competition events in the States of Missouri, Illinois, Arkansas, < span id = "lw_1264282998_2" > Oklahoma </span > and < span id = "lw_1264282998_3" > </span > Iowa.  Last year (due to funding) we were able to do some training college covers (10). And although the majority of our covers have been repeatedly for the same companies for the promotion of MMA, for 2010, we want to (with your help) change this out and covering several and different promotional events throughout all the < span id = "lw_1264282998_4" > </span > Midwest instead of just a few States of the Midwest. < /p >
    < p > < br / >

    Our first coverage of the event was planned for 9 Jan in Des Moines, Iowa, but due to bad weather, we were forced to cancel. The second event planned for Jan. 16 in Tulsa, Oklahoma (LEAGUE of COMBAT 5150 AND XFL) has been completed and that the story must be filled out and sent the < span id = "lw_1264282998_5" > Tuesday 26 Jan </span > this site only. (the pictures and the results of the struggle have been posted on our myspace page) < br / >
    Our third event coming this weekend were confirmed on January 23 for THE FIGHT FACTORY Aaron Essery to Marrion (Illinois) and we'll be there, hopefully some of you will be too! We also have two of our correspondents will be also placed on events in Texas - Cam Buchanan and Michigan-Brian Troutman and Lydia Kauppi. Through ourselves and our correspondents, we have events scheduled through February in the States of Missouri, Illinois, Michigan, Indianna, < span id = "lw_1264282998_6" > </span >, Louisiana and Nebraska Texas. All these guarantees are made possible by and through sponsorships of the promoters themselves, and we thank all of them for their invitations and sponsorships which allows us to present these blankets of events for you fans, so come out and support your local promoters and fighters. "Currently, we put our schedule together for March through the end of the year, if you are interested in having your event covered by our magazine, please contact us for our sponsorship package information to < a href ="mailto:[email protected]"target ="_blank"rel ="nofollow"ymailto ="mailto:[email protected] "> < span id ="lw_1264282998_7">[email protected]</span > < /a > < /p >
    < / div >

    < div > for 2010, we also plan to put the book Pocket real DISTRIBUTED FREELY (by and through events, training schools and places of business of our advertiser) magazine in publication by < span id = "lw_1264282998_8" > June 2010 </span > and at the present time we put together a 12 printed page who we wish to have loan mailed to potential customers of advertising by < span id = "lw_1264282998_9". > March 15, 2010 </span >. We need listing templates to help to fill some empty places, that we can be allowed to demonstrate our formats and styles; We offer, for a one time payment, three months of free advertising in the magazine and three months of free (linked) space of banner on this website. (a $35,00 per month) We have many locations of advertising of different size, at very reasonable prices available, starting at $35.00 per month and we also have our own design of the graphic designer, who will help you in the construction of your ad, with unlimited revisions at no extra cost. < br / >
    If you can be interested in advertising with our magazine please contact Woody for more information on the phone: < span id = "lw_1264282998_10" > (636) 586 - 8519 </span >. < / div >
    < class p = "p1" > < / p >
    <! - InstanceEndEditable - >
    < h2 > <! - InstanceBeginEditable name = 'Title 2' - > <! - InstanceEndEditable - > < / h2 >
    <! - InstanceBeginEditable name = 'Paragraph 2' - >
    < class p = "p2" > < / p >
    <! - InstanceEndEditable - >
    <!-end #mainContent--> < / div >
    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child floats--> < br class = 'clearfloat' / >
    < div id = "footer" > <!-InstanceBeginEditable name = "Footer"->
    < /P > < p > COPYRIGHT 2010
    <! - InstanceEndEditable - >
    <!-end #footer--> < / div >
    <!-end #container--> < / div >
    < / body >
    <! - InstanceEnd - > < / html >

    CODE FOR THE UPCOMING EVENTS PAGE

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    "< html xmlns ="
    http://www.w3.org/1999/xhtml' > <!-InstanceBegin template="/Templates/MMA.dwt ' codeOutsideHTMLIsLocked = 'false'->
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    <!-InstanceBeginEditable name = "doctitle"-->
    < title > < /title > upcoming events
    <! - InstanceEndEditable - >
    < style type = "text/css" >
    <!--
    {body
    Police: 100% Verdana, Arial, Helvetica, without serif.
    Background: #666666;
    margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
    padding: 0;
    text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
    Color: #000000;
    background-color: #000;
    background-image: url (019_2551x17022081.jpg);
    background-repeat: repeat;
    }
    .twoColFixLtHdr #container {}
    Width: 780px;
    margin: 0 auto; / * margins (in conjunction with a width) auto Center the page * /.
    border: 1px solid #000000;
    text-align: left; / * This setting overrides the text-align: center on the body element. */
    background-color: #FFFFFF;
    }
    .twoColFixLtHdr #header {}
    background-color: #DDDDDD;
    background-image: url(MMA-Header.png);

    height: 150px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 20px;
    }
    .twoColFixLtHdr #header h1 {}
    margin: 0; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.
    padding: 10px 0; / * padding instead of margin will allow you to keep the edges of the div element * /.
    }
    {.twoColFixLtHdr #sidebar1}
    float: left; / * because this element is floating, it takes a width * /.
    Width: 200px; / * the background color will be displayed for the length of the content of the column, but no further * /.
    padding: 15px 15px 20px 10px;
    color: #FFF;
    background-color: #000;
    text-align: center;
    }
    {.twoColFixLtHdr #mainContent
    margin: 0 0 0 250px; / on this div element left margin creates the column on the left side of the page - no matter how content div the sidebar1″ contains, the space of the columns will remain. You can remove this line if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete. */
    padding: 0 20px; / * Remember that the fill is space inside the box of div and margin is the space outside the div box * /.
    text-align: center;
    }
    .twoColFixLtHdr #footer {}
    padding: 10px 0 0 20px;
    background-color: #000;
    }
    .twoColFixLtHdr #footer p {}
    margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
    padding: 10px 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
    background-color: #000;
    }
    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
    float: right;
    left margin: 8px;
    }
    .fltlft {/ * this class can be used to float an element on your page to the left * /}
    float: left;
    right margin: 8px;
    }
    .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
    Clear: both;
    height: 0;
    font size: 1px;
    line-height: 0px;
    }
    . Sidebar {}
    text-align: left;
    }
    a: link {}
    color: #FFF;
    text-decoration: none;
    }
    a: visited {}
    text-decoration: none;
    color: #FFF;
    }
    a: hover {}
    text-decoration: none;
    Color: #F00;
    }
    a: active {}
    text-decoration: none;
    Color: #F00;
    }
    . P1 {}
    text-align: left;
    }
    . P2 {}
    text-align: left;
    }
    .twoColFixLtHdr #container #footer p {}
    color: #FFF;
    }
    ->
    < / style > <!-[if IE 5] >
    < style type = "text/css" >
    / * Place corrections for IE 5 css box model * in this conditional comment * /.
    .twoColFixLtHdr #sidebar1 {width: 230px ;}}
    < / style >
    <! [endif]--> <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .twoColFixLtHdr #sidebar1 {padding-top: 30px ;}}
    .twoColFixLtHdr #mainContent {zoom: 1 ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    <!-InstanceBeginEditable name = "head"->
    <! - InstanceEndEditable - >
    < / head >

    < body class = "twoColFixLtHdr" >

    < div id = "container" >
    < div id = "header" >
    < h1 > < / h1 >
    <!-end #header--> < / div >
    < div id = "sidebar1″" >
    < h3 > < a href = "Index.html" > NEWS < /a > < / h3 > ""
    < h3 > < a href = "Upcomingevents.html" > NEXT EVENTS < /a > < a href = "/ Contact.html ' > < / has > < / h3 >".
    < class p = "sidebar" > < img src = "naga.jpg" alt = "NAGA" width = "196" height = "98" hspace = "2" hspace = "2" / > < / p > "

    < class p = "sidebar" > < img src = "TITLE_MMA_logo.jpg" alt = "Title" width = "192" height = "120" hspace = "2" hspace = "2" / > < / p > "
    < class p = "sidebar" > < img src = "warriorwear.jpg" alt = "Warrior Wear" width = "194" height = "194" hspace = "2" hspace = "2" / > < / p > "
    < class p = "sidebar" > < img src = "5150 features" alt = "5150" width = "194" height = "146" hspace = "3" hspace = "10" / > < img src = "Functional Fitness.jpg" width = "196" height = "194" alt = "TEAM D" / > < / p >
    < class p = "sidebar" > < img src = "SportFightingNews.jpg" width = "202" height = "75" alt = "combat Sport News" / > < / p > "
    <!-end # sidebar1″--> < / div >
    < div id = "mainContent" >
    < h1 > <!-InstanceBeginEditable name = "Heading 1"-> NEXT EVENTS <! - InstanceEndEditable - > < / h1 >
    <! - InstanceBeginEditable name = "Paragraph 1" - >
    < class p = "p1" > < img src = "Cage Championships.jpg' alt ="cage fields"width ="300"height ="450"hspace ="100"hspace ="10"align ="absmiddle"/ > < img src ="Cage Master.jpg"alt ="cagemaster"width ="311"height ="400"hspace ="95"hspace ="10"/ > < img src ="Cam Buchanan.jpg"alt ="Cam"width ="300"height ="395"hspace ="100"hspace ="10"/ > < img src =" mercenary MMA 1-22 - 10.jpg "alt ="Mercenaries MMA"width ="300"height ="462"hspace ="100"hspace ="10"/ > < / p >
    <! - InstanceEndEditable - >
    < h2 > <! - InstanceBeginEditable name = 'Title 2' - > <! - InstanceEndEditable - > < / h2 >
    <! - InstanceBeginEditable name = 'Paragraph 2' - >
    < class p = "p2" > < / p >
    <! - InstanceEndEditable - >
    <!-end #mainContent--> < / div >
    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child floats--> < br class = 'clearfloat' / >
    < div id = "footer" > <!-InstanceBeginEditable name = "Footer"->
    < /P > < p > COPYRIGHT 2010
    <! - InstanceEndEditable - >
    <!-end #footer--> < / div >
    <!-end #container--> < / div >
    < / body >
    <! - InstanceEnd - > < / html >

    PLEASE HELP ME!

    When I try to directly access the lack of pictures http://www.mmaamateurleaguereporter.info/Cage%20Championships.jpg I get Page not found.

    Missing images have not been downloaded or they were transferred to the wrong directory on your server.

    PS: %20 in a filename is a space (such as pressing the SPACEBAR on your keyboard). Avoid spaces in file names on the web because of the way that different different servers in front of them. Worst case, your Web page fails in whole or in part. Use hyphens (-) or underscore (_) traits instead of the spaces.

  • Problems of links... Murray or Mike can help you please?

    Can someone tell me why the links provided on the page to http://www.greenpwwhh.com/index.html does not work?  the code is listed below.  Thank you

    comments.JPG

    comments2.JPG

    more.JPG

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    " < html xmlns =" http://www.w3.org/1999/xhtml "> <!-InstanceBegin template = Templates/main_index.dwt" ' codeOutsideHTMLIsLocked = 'false'->
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    <!-InstanceBeginEditable name = "doctitle"-->
    < title > GreenP - wealth, wisdom, health & amp; Happiness < /title >
    < STYLE type = "text/css" >
    <!-Hover {color: #FF0000 ;}}
    < / STYLE >
    < STYLE type = "text/css" >
    <!-A.noline {text-decoration: none}
    < / STYLE >
    < style type = "text/css" >
    <!--
    A:link {text-decoration: none} A: visited {text-decoration: none}
    {A: active}
    text-decoration: none;
    font size: 100em;
    }
    ->
    < / style >
    <! - InstanceEndEditable - >
    < link href = "main_page.css" rel = "stylesheet" type = "text/css" / > "
    <!-[if IE 5] >
    < style type = "text/css" >
    / * Place corrections for IE 5 css box model * in this conditional comment * /.
    .thrColFixHdr #sidebar1 {width: 180px ;}}
    .thrColFixHdr #sidebar2 {width: 190px ;}}
    < / style >
    <! [endif]-->
    <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 {padding-top: 30px ;}}
    .thrColFixHdr #mainContent {zoom: 1 ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
    < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
    < script type = "text/javascript" >
    <!--
    var gDivaGPSfree = "index.html,";
    ->
    < /script >
    < script type = "text/javascript" src = "diva/divaCommon.js" > < / script >
    "< script type =" text/javascript"src="diva/divaGPSfree/divaGPSfree.js "> < / script >
    <!-InstanceBeginEditable name = "head"->
    <! - InstanceEndEditable - >
    <!-InstanceParam name = "homeClass" type = "text" value = "current"->
    <!-InstanceParam name = "resourceClass" type = "text" value = "active"->
    <!-InstanceParam name = "wisdomClass" type = "text" value = "active"->
    <!-InstanceParam name = "wealthClass" type = "text" value = 'holder' passthrough = "true"->
    <!-InstanceParam name = "healthClass" type = "text" value = "active"->
    <!-InstanceParam name = "happinessClass" type = "text" value = "active"->
    <!-InstanceParam name = "relationshipClass" type = "text" value = "active"->
    <!-InstanceParam name = "yesyoucanClass" type = "text" value = "active"->
    <!-InstanceParam name = "membersClass" type = "text" value = "active"->
    <!-InstanceParam name = "puzzleClass" type = "text" value = "active"->
    <!-InstanceParam name = "videosClass" type = "text" value = "active"->
    <!-InstanceParam name = "funfactsClass" type = "text" value = "active"->
    <!-InstanceParam name = "aboutusClass" type = "text" value = "active"->
    <!-InstanceParam name = "id" type = "text" value = "midCol"->
    <!-InstanceParam name = "footerClass" type = "text" value = "active"->
    <!-InstanceParam name = "bottomColId" type = "text" value = "bottomCol"->
    < / head >

    < body class = "thrColFixHdr" >
    < div id = "container" >
    < div id = "header" >
    < div id = "headerLogo" > < img src = "greenP_logo.gif" width = "293" height = "90" alt = "logo" / > < / div > "
    <!-InstanceBeginEditable name = "headerad"->
    " < div id ="headerAd"> < a href =" http://www.patrickgreen.cruiseshipcenters.com/home.aspx# "> < img src ="cruiseshipcenter_728x90.gif "width ="728"height ="90"alt ="travel"/ > < / a > < / div >
    <! - InstanceEndEditable - >
    < h1 > < / h1 >
    <!-end #header->
    < / div >
    < div id = "nav" >
    < ul id = "MenuBar1" class = "MenuBarHorizontal" >
    < li > < a href = "index.html" class = "thrColFixHdr" > home < /a > < /li > "
    < li > < a href = "wisdom.html" target = "_top" class = "thrColFixHdr" > wisdom < /a > < /li > "
    < li > < a href = "wealth.html" class = "thrColFixHdr" > wealth < /a > < /li > "
    < li > < a href = "health.html" class = "thrColFixHdr" > health < /a > < /li > "
    < li > < a href = "happiness.html" class = "thrColFixHdr" > happy < /a > < /li > "
    < li > < a href = "#" class = "thrColFixHdr" > opportunity < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > seminars < /a > < /li >
    < li > < a href = "#" target = "_top" class = "MenuBarItemSubmenu" > shop < /a >
    < ul >
    < li > < a href = "Books.html" target = "_top" > book < /a > < /li > "
    < li > < a href = "posters.html" target = "_top" > posters < /a > < /li > "
    < /ul >
    < /li >
    < li > < a href = "#" class = "thrColFixHdr MenuBarItemSubmenu" > Stress Release < /a >
    < ul >
    < li > < a href = "crossword_main_page.html" > < /a > < /li > crossword ""
    < li > < a href = "jigsaw_things.html" > Jigsaw < /a > < /li > ""
    < /ul >
    < /li >
    < li > < a href = "advertising.html" class = "thrColFixHdr" > announced < /a > < /li > "
    < li > < a href = "membership.html" class = "thrColFixHdr" > members < /a > < /li > "
    < li > < a href = "about_us.html" class = "thrColFixHdr" > us < /a > < /li > "
    < /ul >
    < / div >
    < div id = "Search" >
    " < form name ="fbsearch"method ="get"action =" http://ss662.fusionbot.com/b/q " " style = "margin: 0;" >
    " < div align ="left"> < font size ="2"face ="arial"> < a href =" http://www.fusionbot.com "target ="_blank"> Search Site < /a >: < / police > "
    < input type = "text" name = "key" size = "15" >
    < input type = "submit" value = "GO" >
    < / div >
    < input type = "hidden" name = "sn" value = "160516902" >

    < / make >
    < / div >
    " < div id ="nav2"> < a href =" «" http://pub27.Bravenet.com/chat/Show.php?usernum=2253679465 & CPV = 2 " > < img src = "_image/cat-with-friends - & amp; - network.gif" width = "173" height = "25" alt = "cat" / > < / has > < a href = " http://pub27.Bravenet.com/Calendar/Show.php?usernum=2253679465 " > < img src = _image/calendar_button.gif"" width = "173" height = "25" alt = "calendar" / > < /a > < a href = " http://pub27.Bravenet.com/Postcard/post.php?usernum=2253679465 " > < img src = ' _image/Send-Some-Love - Today.gif' width = "173" height = "25" alt = "send a little love" / > < / > < has a href = "comments.html" > < img src = "_image/Your-comments - please.gif" width = "173" height = "25" alt = 'your comments' / > < /a > < / div > »
    < div id = "cat" >
    <! - start Bravenet.com Service Code - >
    < div align = "center" > < / div >
    <! - end of Bravenet.com Service Code-->
    < / div >
    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
    <!-Name = 'container'-> InstanceBeginEditable
    < div align = "center" > < / div >
    < div id = "chatroom" > <! - start Bravenet.com Service Code-->
    < div align = "center" >
    <! - start Bravenet.com Service Code - >
    < div align = "center" > < / div > < / div >
    <!--end Bravenet.com Service Code--> < / div >
    < div id = "sommetPhoto" >
    < div id = "mainVideo" >
    < div id = "webstunning_video_player" >
    <! - Press Ctrl + Shift + A to change the drive - >
    < script src = "includes/swfobject_modified.js" type = "text/javascript" > < / script > "
    <!-saved from url = (0014) subject: internet->
    < object id = "WSplayer" classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width = "469" height = "272" > "
    < param name = "movie" value = "player.swf" / > "
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    < param name = "allowScriptAccess" value = "always" / >
    < param name = "swliveconnect" value = "true" / >
    < param name = "allowFullScreen" value = "true" / >
    < param name = "swfversion' value ="8.0.0.0"/ >
    < param name = "FlashVars" value = "_thumbnailTitles = ['michael jordon fail', 'Just Believe', 'fantasia', 'The Climb'] & _videoType = 'YouTube video (get URL for the logon page)' & _videoList = ['video michael jordon - failure.mp4 ',' video_just_believe_suzie_mcneil.mp4 ',' fantasia_believe.flv ',' video_miley_cy rus_the_climb.mp4'] & _videoSubtitleList = [" "] & _videoAdsList = [", "","] & _videoAdsLinkList = [", "","] & _previewImageList = [", "","] & _thumbnailPlayList = [", "," "], & _save_as ="F lash settings"& PlayListXML_path =" & _showMainBar = true & _skin = "Windows Style" & _mainbarAutoHide = true & _mainbar_Alpha = 100 & _mainbar_Top = #" 333333 & _mainbar_Bottom = #000 000 & _loadSkin = true & _fixedWidth = 435 & _fixedHeight = 272 & _videoProportions = true & _autoSize = true & _autoPlay = true & vannes_ouvertes. Elements = false & _videoDeblocking = 0 & _dualThresholdBuffering = true & _bufferTime = 3 & _ thumbnailCarousel = true & _buttonsColor = #FFFFFF & _volumeAudio = 60 & _seekBar_color = #0000FF & _showB igPlayButton = false & _buttonToolTips = true & _showNowPlaying = false & _textColor = lor #FFFFFF & _textBGCo = #000000 & _fontFamily = 'Default embedded Police' & _fontSize = 8 & _emailSubjectTitle = 'Interesting of It\' & _emailBodyText =' take a look ' & _buttonToolTipsList = [' stop ' '] [,"play ',' pause ',' played time / all time ', ' volume ',' playlist ',' html code and link ',' send to a friend", "video properties," mode full screen "] & _showEmailButton = true & _showEmbedButton = false & _showFullscreenButton = false & _showPlay ListButton = true & _showTimerButton = true & _showVideoPropButton = true & _showVolumeButton = true & fingers dexterpl = false & _plbgcolor = #000000 & _plwidth = 480 & _plheight = 272 & _addhtmlbuts = false & _htmlplay = true & _htmlstop = true & _htmlplaynum = true & _subtitleFontAlign = 'Center' & _subtitleFontFamily = 'Ari al' & _subtitleFontBold = false & _subtitleFontColor = #FFFFFF & _subtitleFontItalic = false & _subtitle FontSize = 20 & _showSubtitleFontBG = true & _subtitleFontBGColor = #000000 & _ownerLogoIMGPath = '60px_logo.gif' & _ownerLogoAlpha = 80 & _ ownerLogoLink = 'www.greenpwwhh.com' & _ownerLogoLinkTarget = '_blank' & _ownerLogoAlign = 'Bottom right' & _rightClickMenuCopyright = 'WebStunning FLV Player' & _rightClickMenuCopyrightLink ='http://greenpwwhh.com.com '& _rightClickMenuCopyrightTarget = '_blank' & _objectID =' WSplayer"" / > "
    <!-this param tag prompts users with Flash Player 7.0 or more to download the latest version of Flash Player. ->
    < param name = "expressinstall" value = "includes/expressInstall.swf" / > "
    < noscript >
    " The < a href =" http://webstunning.com/ "> < /a > video player provided by webstunning.com.» All rights reserved
    < / noscript >
    <!-next object tag is for non - IE browsers. Then he hide from IE using IECC. ->
    <!-[if! IE] >->
    < object id = "innerWSplayer" type = "application/x-shockwave-flash" data = "player.swf" width = "469" height = "272" > "
    <!-<! [endif]-->
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    < param name = "allowScriptAccess" value = "always" / >
    < param name = "swliveconnect" value = "true" / >
    < param name = "allowFullScreen" value = "true" / >
    < param name = "swfversion' value ="8.0.0.0"/ >
    < param name = "FlashVars" value = "_thumbnailTitles = ['michael jordon fail', 'Just Believe', 'fantasia', 'The Climb'] & _videoType = 'YouTube video (get URL for the logon page)' & _videoList = ['video michael jordon - failure.mp4 ',' video_just_believe_suzie_mcneil.mp4 ',' fantasia_believe.flv ',' video_miley_cy rus_the_climb.mp4'] & _videoSubtitleList = [" "] & _videoAdsList = [", "","] & _videoAdsLinkList = [", "","] & _previewImageList = [", "","] & _thumbnailPlayList = [", "," "], & _save_as ="F lash settings"& PlayListXML_path =" & _showMainBar = true & _skin = "Windows Style" & _mainbarAutoHide = true & _mainbar_Alpha = 100 & _mainbar_Top = #" 333333 & _mainbar_Bottom = #000 000 & _loadSkin = true & _fixedWidth = 435 & _fixedHeight = 272 & _videoProportions = true & _autoSize = true & _autoPlay = true & vannes_ouvertes. Elements = false & _videoDeblocking = 0 & _dualThresholdBuffering = true & _bufferTime = 3 & _ thumbnailCarousel = true & _buttonsColor = #FFFFFF & _volumeAudio = 60 & _seekBar_color = #0000FF & _showB igPlayButton = false & _buttonToolTips = true & _showNowPlaying = false & _textColor = lor #FFFFFF & _textBGCo = #000000 & _fontFamily = 'Default embedded Police' & _fontSize = 8 & _emailSubjectTitle = 'Interesting of It\' & _emailBodyText =' take a look ' & _buttonToolTipsList = [' stop ' '] [,"play ',' pause ',' played time / all time ', ' volume ',' playlist ',' html code and link ',' send to a friend", "video properties," mode full screen "] & _showEmailButton = true & _showEmbedButton = false & _showFullscreenButton = false & _showPlay ListButton = true & _showTimerButton = true & _showVideoPropButton = true & _showVolumeButton = true & fingers dexterpl = false & _plbgcolor = #000000 & _plwidth = 480 & _plheight = 272 & _addhtmlbuts = false & _htmlplay = true & _htmlstop = true & _htmlplaynum = true & _subtitleFontAlign = 'Center' & _subtitleFontFamily = 'Ari al' & _subtitleFontBold = false & _subtitleFontColor = #FFFFFF & _subtitleFontItalic = false & _subtitle FontSize = 20 & _showSubtitleFontBG = true & _subtitleFontBGColor = #000000 & _ownerLogoIMGPath = '60px_logo.gif' & _ownerLogoAlpha = 80 & _ ownerLogoLink = 'www.greenpwwhh.com' & _ownerLogoLinkTarget = '_blank' & _ownerLogoAlign = 'Bottom right' & _rightClickMenuCopyright = 'WebStunning FLV Player' & _rightClickMenuCopyrightLink ='http://greenpwwhh.com.com '& _rightClickMenuCopyrightTarget = '_blank' & _objectID =' WSplayer"" / > "
    < param name = "expressinstall" value = "includes/expressInstall.swf" / > "
    <!-the browser displays the following alternative content for users of Flash Player 7.0 and higher. ->
    < div >
    < h4 > the content of this page requires a newer version of Adobe Flash Player. < / h4 >
    " < p > < a href =" http://www.Adobe.com/go/getflashplayer_fr "> < img border ="0"src =" http://www.Adobe.com/images/shared/download_buttons/get_flash_player.gif "alt ="Download flash player"/ > < /a > < /p > "
    < / div >
    <!-[if! IE] >->
    < / object >
    <!-<! [endif]-->
    < / object >
    < script type = "text/javascript" > swfobject.registerObject ("WSplayer") < /script >
    < / div >
    < div id = "mainVideoContent" >
    < p > inspired?
    " < script type =" text/javascript"src =" http://CDN.SocialTwist.com/2009102728361/script.js "> < / script > .
    " < a class = 'st - taf" href = " http://tellafriend.SocialTwist.com:80 "onclick =" return false; "style =" border: 0; " padding: 0; margin: 0; "> < img alt =" SocialTwist Tell-a-Friend"style =" border: 0; "" padding: 0; margin: 0; "" src = "http://images.socialtwist.com/2009102728361/button.png"onmouseout = "STTAFFUNC.hideHoverMap (this)" onmouseover = "STTAFFUNC.showHoverMap (this, ' 2009102728361', window.location, document.title)" onclick = "STTAFFUNC.cw (this, {id: ' 2009102728361', link: window.location, title: document.title}); "/ > < / > < has a href =" comments.html' target = '_blank' > Send us your comments here < /a > < /p > "
    < / div >
    " < div id ="mainVideocontentAd"> < a href =" http://www.patrickgreen.cruiseshipcenters.com/home.aspx "> < img src ="cruiseshipcenters_468x60.gif "width ="468"height ="60"alt ="cruise"/ > < / a > < / div >
    < / div >
    < div id = "mainphoto" >
    < img src = "3motherhood.gif" width = "474" height = "272" alt = "maternity" / > "
    < div id = "mainphotoContent" >
    < p > < strong >... Ahhh the joy of being a parent < facilities >. "< a href =" comments.html' target = '_blank' > < em > Send us your comment < /em > < /a > < a href = "comments.html ' target = '_blank' > < em here >. < /em > < /a > < /p >
    " < div id ="mainPhotoContentAd"> < iframe src =" http://RCM.Amazon.com/e/cm?t=greenpwwhh-20 & o = 1 & p = 13 & l = ur1 & category = books & banner = 1N4P1140VP 34Z6816KR2 & f = ifr "width ="468"height ="60"scrolling =" "no border ="0"marginWidth ="0"style =" border: none; "frameborder ="0"> < / iframe >
    < / div >
    < / div >
    < / div >
    < / div >
    < div id = "leftbar" >
    < p >
    " < SCRIPT charset = 'utf - 8' type = ' text/javascript' src = ' http://ws.Amazon.com/widgets/q?ServiceVersion=20070822 & Marketplace = U.S. & ID = V20070822/US/Gree npwwhh-20/8002/93482833-596a-43d7-9bc4-f32687acae64"> < / SCRIPT > .
    < NOSCRIPT >
    " < a HREF =" http://ws.Amazon.com/widgets/q?ServiceVersion=20070822 & MarketPlace = U.S. & ID = V20070822% 2FUS % greenpwwhh-20%2F8002%2F93482833-596a-43d7-9bc4-f32687acae64 2F & operation = NoScript"> Amazon.com Widgets < /A > .
    < / NOSCRIPT >
    < /p >
    < div align = "center" >
    < div style = "border: 1px solid #999999;" Width: 235px; margin: 0px; background-color: #F2F4FA; ">
    " < form action =" ' http://pub27.Bravenet.com/elist/Add.php method "="post"style =" margin: 0px; ' >
    < div style = "background-color: #0e39e8;" padding: 3px; fonts: arial 12px; color: #faf5fa; "> < b > be the first to know < /b > < / div >
    < div style = "margin: 10px;" Police: arial; 11px Color: #000000; text-align: left; ">
    < div style = "" margin-bottom: 5px; ' > enter your name and e-mail address below: < / div > "
    < div style = "" text-align: right; ">"
    Name:
    < input type = "text" id = "elistname" name = "ename" size = "25" maxlength = "60" style = "" width: 170px "/ >"
    < br >
    E-mail: < input type = "text" name = "emailaddress" id = "elistaddress898376572" size = "25" maxlength = "100" style = "width: 170px" > < br >
    < span style = "" white-space: nowrap; "> < input type ="radio"name = value 'action' verified 'join' = style =" "border: 0px;" > </span > sign up ""
    < span style = "" white-space: nowrap; "> < input type ="radio"name = value"action"="left"style =" "border: 0px;" > unsubscribe </span > ""
    < input type = "hidden" name = "usernum" style = "border: 0px solid black;" height: 0px; Width: 0px; "value ="2253679465"> < input type ="hidden"name ="cpv"style =" border: 0px solid black; " height: 0px; Width: 0px; "value ="1">
    < input type = "submit" name = "submit" value = "GO" > < / div > < / div >
    < div style = "' color: red ' id = 'elist_err898376572' > < / div >"
    < div align = "center" style = "" margin-bottom: 10px; "> < a title =" mailing lists free of Bravenet.com"href =" "" http://www.Bravenet.com/WebTools/Elist/ "style =" font: 11px tahoma, without-serif bold; "" color: #004891; "target = '_blank' > get your free mailing list < /a > < br > < a title =" Bravenet.com free mailing lists"href ="http://www.bravenet.com"style =" font: 10px tahoma, sans; color: #004891; " ' target = '_blank' > by Bravenet.com < /a > < / div > < / form >
    < / div >
    < / div >
    " < p > < a href =" http://affiliates.allposters.com/link/redirect.asp?c=c & search = 21008 & AID = 805659972 & PSTID = 1 & ITOA = 10 & LID = 1443 & lang = 1 "target ="_top"" > < img src = " " http://imagecache2.AllPosters.com/images/banners/1/poster_sale_us_160x600.gif "alt ="Click here to buy sale posters!"border ="0"width ="160"height ="600"/ > < /a > < br > < police ="verdana, helvetica, arial"size ="1"" > < a href = " " http://affiliates.allposters.com/link/redirect.asp?c=c & search = 21008 & AID = 805659972 & PSTID = 1 & ITOA = 10 & LID = 1443 & lang = 1 "target ="_top"> click here to buy sale posters!" "< /a > < / police > < img src =" http://Tracking.allposters.com/allposters.gif?Aid=805659972 & PSTID = 1 & ITOA = 10 & lid = 1443 & lang = 1"border ="0"height ="1"width ="1"> "
    < /p >
    < div id = "qp_main26050" style = "border: 1px solid black; margin:10px; padding:10px; padding - bottom:12px; background - color:rgb (44,97,141)" > < div style = "-font family: Arial;" font-size: 12px; make-weight: bold; background-color: rgb (18,50,90); w % idth:100; "color: white" > < div style = "padding: 10px" > how do you perceive the failure? "" < / div > < / div > < form id = "qp_form26050" action = " http://poll.learnmyself.com/results26050x91134e9f " method = "post" target = "_blank" style = "padding: 0px;" "margin-top: 10px" > < div style = "width: 100%" > < div style = "display: block;" do-family: Arial; font-size: 12px; color: white; padding-top: 5px; padding - bottom: 5px; Clear: both; width: 100% "> < span style =" display: block; "" "padding-left: 30px" > < input style = "float: left;" width: 25px; margin left:-25px; margin-top:-1px; padding: 0px; "" height: 18px "name ="qp_v26050"type ="radio"value ="1"> motivation me </span > < / div > < div style =" Display: block; do-family: Arial; font-size: 12px; color: white; padding-top: 5px; padding - bottom: 5px; Clear: both; width: 100% "> < span style =" display: block; padding-left: 30px "> < input style =" float: left; width: 25px; margin left:-25px; margin-top:-1px; padding: 0px; "height: 18px" name = "qp_v26050" type = "radio" value = "2" > makes me give up </span > < / div > < div style = "display: block;" do-family: Arial; font-size: 12px; color: white; padding-top: 5px; padding - bottom: 5px; Clear: both; width: 100% "> < span style =" display: block; padding-left: 30px "> < input style =" float: left; width: 25px; margin-left:-25px; margin-top:-1px; padding: 0px; "height: 18px" name = "qp_v26050" type = "radio" value = "3" > Motivation for another solution </span > < / div > < / div > < div style = "padding-top: 10px;" clear: both "> < input name ="qp_b26050"style =" width: 80px; "." "margin-right: 5px" type = "submit" value = "Vote" > < input name = "qp_b26050" style = "width: 80px;" ' margin-right: 5px "type ="submit"value ="Results"> < / div >
    < span style = "background-image: url (http://imgs.learnmyself.com/p26050x91134e9f_237_0.gif); " "> < / span > < an id ="qp_a26050"style =" float: right; "." do-family: Arial; font-size: 10px; color: white; text-decoration: none; Marg at the top:-2px; "" margin on the right:-5px "href =" http://www.whoogaboots.co.uk "target ="_blank"> < /a > u "
    < / form > < / div >
    " < script src =" http://scripts.learnmyself.com/3001/scpolls.js "language ="javascript"> < / script > "
    < /p >
    < NOSCRIPT >
    < / NOSCRIPT >

    < p > < / p >
    < p > < / p >
    < p > < / p >
    < / div >
    < div id = "editorialMain" >
    < div class = "title" id = "editorialContent2" >
    < div id = "wealthImage" > < / div >
    Why would you be rich?
    < class p = "crosswordContent" > This is a simple question but the answer provides the most powerful and important force behind your ability to be rich or live a life of misery. < br / >
    < br / >
    Success guru Napoleon Hill in his book 'keys to success' listed 'Accuracy of object' as the first of his seventeen principles of success.  Hill said that "your progress to success starts with a fundamental question: where are you going? "< a href ="... / wealth.html ">..." more < /a > < /p >
    < / div >
    < div class = "title" id = "editorialContent1" > < span class = "pageHeadings" > </span > wisdom
    < class p = "crosswordContent" > he had no soul in his eyes. Just empty. He was clearly blacked out. There was no person when I looked. & quot; < /p >
    < class p = "crosswordContent" > it tells everything that she kept thinking was, & quot; When it going to stop? When it going to stop? He had no soul in his eyes. Just empty. He was clearly blacked out. There was no person when I looked. & quot; < /p >
    < / div >
    < div class = "title" id = "editorialContent4" > < span class = "pageHeadings" > </span > happiness
    < class p = "crosswordContent" > she said everything she kept thinking was, & quot; When it going to stop? When it going to stop? He had no soul in his eyes. Just empty. He was clearly blacked out. There was no person when I looked. & quot; < /p >
    < class p = "crosswordContent" > < / p >
    < / div >
    < div class = "title" id = "editorialContent3" > < span class = "pageHeadings" > </span > health
    < class p = "crosswordContent" > she said everything she kept thinking was, & quot; When it going to stop? When it going to stop? He had no soul in his eyes. Just empty. He was clearly blacked out. There was no person when I looked. & quot; < /p >
    < class p = "crosswordContent" > < / p >
    < class p = "crosswordContent" > i < /p >
    < / div >
    < / div >
    < div id = "top10Books" > our Top 10 books < / div >
    < div id = "videoHeadings" >
    < div id = 'entertainment' > happy < / div >
    < div id = 'sports' > health < / div >
    < div id = "businessHeading" > wealth < / div >
    < div id = "worldnews" > wisdom < / div >
    < / div >
    < div id = "indexvideó" >
    < div id = "wisdomBooks" > < OBJECT classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase =" " http://fpdownload.Macromedia.com/get/flashplayer/current/Swflash.cab "id ="Player_a367debc-CDDA-4120-a7f9-0558b21b729c"WIDTH ="160px"HEIGHT ="600px"> < PARAM NAME ="movie"VALUE =" http://ws.amazon.com/widgets/q? " ServiceVersion = 20070822 & market = US & ID = V20070822% 2FUS % greenpwwhh-20%2F8003%2Fa367debc-ddac-4120-a7f9-0558b21b729c 2F & operation = GetDisplayTemplate"> < PARAM NAME ="quality"VALUE ="high"> < PARAM NAME ="bgcolor"VALUE ="#FFFFFF"> < PARAM NAME ="allowscriptaccess"VALUE ="always"> < embed src ="http://ws.amazon.com/widgets/q? ServiceVersion = 20070822 & market = US & ID = V20070822% 2FUS % greenpwwhh-20%2F8003%2Fa367debc-ddac-4120-a7f9-0558b21b729c 2F & operation = GetDisplayTemplate"id ="Player_a367debc-CDDA-4120-a7f9-0558b21b729c"quality ="high"bgcolor ="#ffffff"name ="Player_a367debc-CDDA-4120-a7f9-0558b21b729c"allowscriptaccess ="always"type =" application/x-shockwave-flash"align ="middle"height ="600px"width ="160px"" > < / embed > < / OBJECT > < NOSCRIPT > < A HREF = "http://ws.amazon.com/widgets/q?" ServiceVersion = 20070822 & market = US & ID = V20070822% 2FUS % greenpwwhh-20%2F8003%2Fa367debc-ddac-4120-a7f9-0558b21b729c 2F & operation = NoScript"> Amazon.com Widgets < /A > < / NOSCRIPT > < / div > .
    < div id = "wealthbooks" > < OBJECT classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase =" " http://fpdownload.Macromedia.com/get/flashplayer/current/Swflash.cab "id =" Player_73849b68 - 67 b 7-477c-803c-88a0c88565d2 "WIDTH ="160px"HEIGHT ="600px"> < PARAM NAME ="movie"VALUE =" http://ws.amazon.com/widgets/q? " ServiceVersion = 20070822 & market = US & ID = V20070822% 2FUS % greenpwwhh-20%2F8003%2F73849b68-67b7-477c-803c-88a0c88565d2 2F & operation = GetDisplayTemplate"> < PARAM NAME ="quality"VALUE ="high"> < PARAM NAME ="bgcolor"VALUE ="#FFFFFF"> < PARAM NAME ="allowscriptaccess"VALUE ="always"> < embed src ="http://ws.amazon.com/widgets/q? ServiceVersion = 20070822 & market = US & ID = V20070822% 2FUS % greenpwwhh-20%2F8003%2F73849b68-67b7-477c-803c-88a0c88565d2 2F & operation = GetDisplayTemplate"id =" Player_73849b68 - 67 b 7-477c-803c-88a0c88565d2 "quality ="high"bgcolor ="#ffffff"name =" Player_73849b68 - 67 b 7-477c-803c-88a0c88565d2 "allowscriptaccess ="always"type =" application/x-shockwave-flash"align ="middle"height ="600px"width ="160px"" > < / embed > < / OBJECT > < NOSCRIPT > < A HREF = "http://ws.amazon.com/widgets/q?" ServiceVersion = 20070822 & market = US & ID = V20070822% 2FUS % greenpwwhh-20%2F8003%2F73849b68-67b7-477c-803c-88a0c88565d2 2F & operation = NoScript"> Amazon.com Widgets < /A > < / NOSCRIPT > < / div > .
    < div id = "healthBooks" > < OBJECT classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase =" " http://fpdownload.Macromedia.com/get/flashplayer/current/Swflash.cab "id ="Player_08bed815-8f89-488d-8d1e-fb5c484f3cb0"WIDTH ="160px"HEIGHT ="600px"> < PARAM NAME ="movie"VALUE =" http://ws.amazon.com/widgets/q? " ServiceVersion = 20070822 & market = US & ID = V20070822% 2FUS % greenpwwhh-20%2F8003%2F08bed815-8f89-488d-8d1e-fb5c484f3cb0 2F & operation = GetDisplayTemplate"> < PARAM NAME ="quality"VALUE ="high"> < PARAM NAME ="bgcolor"VALUE ="#FFFFFF"> < PARAM NAME ="allowscriptaccess"VALUE ="always"> < embed src ="http://ws.amazon.com/widgets/q? ServiceVersion = 20070822 & market = US & ID = V20070822% 2FUS % greenpwwhh-20%2F8003%2F08bed815-8f89-488d-8d1e-fb5c484f3cb0 2F & operation = GetDisplayTemplate"id ="Player_08bed815-8f89-488d-8d1e-fb5c484f3cb0"quality ="high"bgcolor ="#ffffff"name ="Player_08bed815-8f89-488d-8d1e-fb5c484f3cb0"allowscriptaccess ="always"type =" application/x-shockwave-flash"align ="middle"height ="600px"width ="160px"" > < / embed > < / OBJECT > < NOSCRIPT > < A HREF = "http://ws.amazon.com/widgets/q?" ServiceVersion = 20070822 & market = US & ID = V20070822% 2FUS % greenpwwhh-20%2F8003%2F08bed815-8f89-488d-8d1e-fb5c484f3cb0 2F & operation = NoScript"> Amazon.com Widgets < /A > < / NOSCRIPT > < / div > .
    < div id = "happinessBooks" > < OBJECT classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase =" " http://fpdownload.Macromedia.com/get/flashplayer/current/Swflash.cab "id =" Player_9e53b361-c485-4f8c-b7da - 563 a 59534120 "WIDTH ="160px"HEIGHT ="600px"> < PARAM NAME ="movie"VALUE =" http://ws.amazon.com/widgets/q? " ServiceVersion = 20070822 & market = US & ID = V20070822% 2FUS % greenpwwhh-20%2F8003%2F9e53b361-c485-4f8c-b7da-563a59534120 2F & operation = GetDisplayTemplate"> < PARAM NAME ="quality"VALUE ="high"> < PARAM NAME ="bgcolor"VALUE ="#FFFFFF"> < PARAM NAME ="allowscriptaccess"VALUE ="always"> < embed src ="http://ws.amazon.com/widgets/q? ServiceVersion = 20070822 & market = US & ID = V20070822% 2FUS % greenpwwhh-20%2F8003%2F9e53b361-c485-4f8c-b7da-563a59534120 2F & operation = GetDisplayTemplate"id =" Player_9e53b361-c485-4f8c-b7da - 563a 59534120 "quality ="high"bgcolor ="#ffffff"name =" Player_9e53b361-c485-4f8c-b7da - 563a 59534120 "allowscriptaccess ="always"type =" application/x-shockwave-flash"align ="middle"height ="600px"width ="160px"" > < / embed > < / OBJECT > < NOSCRIPT > < A HREF = "http://ws.amazon.com/widgets/q?" ServiceVersion = 20070822 & market = US & ID = V20070822% 2FUS % greenpwwhh-20%2F8003%2F9e53b361-c485-4f8c-b7da-563a59534120 2F & operation = NoScript"> Amazon.com Widgets < /A > < / NOSCRIPT > < / div > .
    < / div >
    < div id = "releaseStressContainer" > < / div >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    <! - InstanceEndEditable - > < br class = 'clearfloat' / >
    < div id = "footer" >
    < p > copyright & copy; GreenP. All rights reserved. Site designed by Patrick L Green < /p >
    <!-end #footer->
    < / div >
    <!-end #container->
    < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
    ->
    < /script >
    < / body >
    <! - InstanceEnd - > < / html >

    Maybe you have already corrected this, but the first two links you have shown to us work very well in FF and IE8, I can't say about the third link because I do not have it on your page.

    Still having trouble with this?

    -- 
    
    E. Michael Brandt
    
    www.divahtml.comwww.divahtml.com/products/scripts_dreamweaver_extensions.phpStandards-compliant scripts and Dreamweaver Extensions
    
    www.valleywebdesigns.com/vwd_Vdw.aspJustSo PictureWindowJustSo PhotoAlbum, et alia
    
    --
    
  • Total confusion model?  Help

    I am very confused about the models and nested models.  I created a main model and fact the editable container because that's where I want to place other divs. I then did a second of so-called crossword.  on the model of the crossword, no editable regions were noticeable.  I have only had a single editable region which waqs the middle column.

    I created a second model of the original template called wealth and without specifying the editable areas, all regions were editable except those created from the main template.  These regions have been inserted on the 'container' that has been made editable on the original.

    In the model of wealth pages created from it should not have side panels or the announcement of a footer. as editable.

    The confusion comes regions were not editable on one page but not editable on the other.  Help, please.

    THE HAND MODEL

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 > GreenP - wealth, wisdom, health & amp; Happiness < /title >
    <! - TemplateEndEditable - >
    "" < link href = "... / main_page.css" rel = "stylesheet" type = "text/css" / >
    <!-[if IE 5] >
    < style type = "text/css" >
    / * Place corrections for IE 5 css box model * in this conditional comment * /.
    .thrColFixHdr #sidebar1 {width: 180px ;}}
    .thrColFixHdr #sidebar2 {width: 190px ;}}
    < / style >
    <! [endif]-->
    <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 {padding-top: 30px ;}}
    .thrColFixHdr #mainContent {zoom: 1 ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    "" < script src = "... / SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
    "" < link href = "... / SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / >
    <!-TemplateBeginEditable name = "head"->
    <! - TemplateEndEditable - >
    <!-TemplateParam name = "homeClass" type = "text" value = "thrColFixHdr"->
    <!-TemplateParam name = "resourceClass" type = "text" value = "holder"->
    <!-TemplateParam name = "wisdomClass" type = "text" value = "holder"->
    <!-TemplateParam name = "wealthClass" type = "text" value = "holder"->
    <!-TemplateParam name = "healthClass" type = "text" value = "holder"->
    <!-TemplateParam name = "happinessClass" type = "text" value = "holder"->
    <!-TemplateParam name = "relationshipClass" type = "text" value = "holder"->
    <!-TemplateParam name = "yesyoucanClass" type = "text" value = "holder"->
    <!-TemplateParam name = "membersClass" type = "text" value = "holder"->
    <!-TemplateParam name = "puzzleClass" type = "text" value = "holder"->
    <!-TemplateParam name = "videosClass" type = "text" value = "holder"->
    <!-TemplateParam name = "funfactsClass" type = "text" value = "holder"->
    <!-TemplateParam name = "aboutusClass" type = "text" value = "holder"->
    <!-TemplateParam name = "id" type = "text" value = "midCol"->
    <!-TemplateParam name = "footerClass" type = "text" value = "thrColFixHdr"->
    <!-TemplateParam name = "bottomColId" type = "text" value = "bottomCol"->
    < / head >

    < body class = "thrColFixHdr" >
    < div id = "container" >
    < div id = "header" >
    "" < div id = "headerLogo" > < img src = "... / greenP_logo.gif" width = "298" height = "114" alt = "logo" / > < / div >
    < div id = "headerAd" > Oh my God! 100 customers comes to your registry? Click here to get the < / div >
    < h1 > < / h1 >
    <!-end #header->
    < / div >
    < div id = "nav" >
    < ul id = "MenuBar1" class = "MenuBarHorizontal" >
    "" < li > < a href = "... / index.html" class = "thrColFixHdr" > home < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > resources < /a >
    < ul >
    < li > < a href = "#" > business < /a > < /li >
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > jobs
    < ul >
    < li > < a href = "#" > Caribbean < /a > < /li >
    < li > < a href = "#" > US < /a > < /li >
    < /ul >
    < /li >
    < /ul >
    < /li >
    < li > < a href = "#" class = "thrColFixHdr" > wisdom < /a > < /li >
    "" < li > < a href = "... / wealth.html" class = "thrColFixHdr" > wealth < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > health < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > happy < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > relations < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > obtained! < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > videos < /a > < /li >
    "" < li > < a href = "... / crossword_main_page.html" class = "thrColFixHdr" > < /a > < /li > crossword
    "" < li > < a href = "... / jigsaw_people_world_leaders.html" class = "thrColFixHdr" > Jigsaw < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > members < /a > < /li >
    "" < li > < a href = "... / about_us.html" class = "thrColFixHdr" > us < /a > < /li >
    < /ul >
    < / div >
    < div id = "Search" >
    " < form name ="fbsearch"method ="get"action =" http://ss662.fusionbot.com/b/q " " style = "margin: 0;" >
    " < div align ="left"> < font size ="2"face ="arial"> < a href =" http://www.fusionbot.com "target ="_blank"> Search Site < /a >: < / police > "
    < input type = "text" name = "key" size = "15" >
    < input type = "submit" value = "GO" >
    < / div >
    < input type = "hidden" name = "sn" value = "160516902" >

    < / make >
    < / div >
    " < div id ="nav2"> < a href =" "" "" " http://pub27.Bravenet.com/chat/Show.php?usernum=2253679465 & CPV = 2 " > < img src = "... / _image/cat-with-friends - & amp; - network.gif" width = "173" height = "25" alt = "cat" / > < /a > < a href = "http://pub27.bravenet.com/calendar/show.php?usernum=2253679465" > < img src = "... / _image/calendar_button.gif" width = "173" height = "25" alt = "calendar" / > < /a > < a href = "http://pub27.bravenet.com/postcard/post.php?usernum=2253679465" > < img src = "... /_image/Send-some-Love-Today.gif" width = "173" height = "25" alt = "send a little love" / > < /a "" > < a href = "... / comments.html" > < img src = "... /_image/your-comments-Please.gif" width = "173" height = "25" alt = "comments" / > < / has > < / div >
    < div id = "cat" >
    <! - start Bravenet.com Service Code - >
    < div align = "center" > < / div >
    <! - end of Bravenet.com Service Code-->
    < / div >
    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
    <!-TemplateBeginEditable name = 'container'-->
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    <! - TemplateEndEditable - > < br class = 'clearfloat' / >
    < div id = "footer" >
    < p > copyright & copy; GreenP. All rights reserved. No reproduction any without written permission < /p >
    <!-end #footer->
    < / div >
    <!-end #container->
    < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
    ->
    < /script >
    < / body >
    < / html >


    THE FIRST MODEL OF THE HAND WHICH HAS EDITABLE REGIONS, CREATED ON THE "CONTAINER".

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    " < html xmlns =" http://www.w3.org/1999/xhtml "> <!-InstanceBegin template="/Templates/main_index.dwt ' codeOutsideHTMLIsLocked = 'false'->
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    <!-InstanceBeginEditable name = "doctitle"-->
    < title > GreenP - wealth, wisdom, health & amp; Happiness < /title >
    <! - InstanceEndEditable - >
    "" < link href = "... / main_page.css" rel = "stylesheet" type = "text/css" / >
    <!-[if IE 5] >
    < style type = "text/css" >
    / * Place corrections for IE 5 css box model * in this conditional comment * /.
    .thrColFixHdr #sidebar1 {width: 180px ;}}
    .thrColFixHdr #sidebar2 {width: 190px ;}}
    < / style >
    <! [endif]-->
    <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 {padding-top: 30px ;}}
    .thrColFixHdr #mainContent {zoom: 1 ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    "" < script src = "... / SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
    "" < link href = "... / SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / >
    <!-InstanceBeginEditable name = "head"->
    <!-TemplateBeginEditable name = "head"->
    <! - TemplateEndEditable - >
    "" < link href = "... / SpryAssets/SpryMenuBarVertical.css" rel = "stylesheet" type = "text/css" / >
    <! - InstanceEndEditable - >
    <!-InstanceParam name = "homeClass" type = "text" value = "thrColFixHdr"->
    <!-InstanceParam name = "resourceClass" type = "text" value = "holder"->
    <!-InstanceParam name = "wisdomClass" type = "text" value = "holder"->
    <!-InstanceParam name = "wealthClass" type = "text" value = "holder"->
    <!-InstanceParam name = "healthClass" type = "text" value = "holder"->
    <!-InstanceParam name = "happinessClass" type = "text" value = "holder"->
    <!-InstanceParam name = "relationshipClass" type = "text" value = "holder"->
    <!-InstanceParam name = "yesyoucanClass" type = "text" value = "holder"->
    <!-InstanceParam name = "membersClass" type = "text" value = "holder"->
    <!-InstanceParam name = "puzzleClass" type = "text" value = "holder"->
    <!-InstanceParam name = "videosClass" type = "text" value = "holder"->
    <!-InstanceParam name = "funfactsClass" type = "text" value = "holder"->
    <!-InstanceParam name = "aboutusClass" type = "text" value = "holder"->
    <!-InstanceParam name = "id" type = "text" value = "midCol"->
    <!-InstanceParam name = "footerClass" type = "text" value = "thrColFixHdr"->
    <!-InstanceParam name = "bottomColId" type = "text" value = "bottomCol"->
    < / head >

    < body class = "thrColFixHdr" >
    < div id = "container" >
    < div id = "header" >
    "" < div id = "headerLogo" > < img src = "... / greenP_logo.gif" width = "298" height = "114" alt = "logo" / > < / div >
    < div id = "headerAd" > Oh my God! 100 customers comes to your registry? Click here to get the < / div >
    < h1 > < / h1 >
    <!-end #header->
    < / div >
    < div id = "nav" >
    < ul id = "MenuBar1" class = "MenuBarHorizontal" >
    "" < li > < a href = "... / index.html" class = "thrColFixHdr" > home < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > resources < /a >
    < ul >
    < li > < a href = "#" > business < /a > < /li >
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > jobs
    < ul >
    < li > < a href = "#" > Caribbean < /a > < /li >
    < li > < a href = "#" > US < /a > < /li >
    < /ul >
    < /li >
    < /ul >
    < /li >
    < li > < a href = "#" class = "thrColFixHdr" > wisdom < /a > < /li >
    "" < li > < a href = "... / wealth.html" class = "thrColFixHdr" > wealth < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > health < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > happy < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > relations < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > obtained! < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > videos < /a > < /li >
    "" < li > < a href = "... / crossword_main_page.html" class = "thrColFixHdr" > < /a > < /li > crossword
    "" < li > < a href = "... / jigsaw_people_world_leaders.html" class = "thrColFixHdr" > Jigsaw < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > members < /a > < /li >
    "" < li > < a href = "... / about_us.html" class = "thrColFixHdr" > us < /a > < /li >
    < /ul >
    < / div >
    < div id = "Search" >
    " < form name ="fbsearch"method ="get"action =" http://ss662.fusionbot.com/b/q " " style = "margin: 0;" >
    " < div align ="left"> < font size ="2"face ="arial"> < a href =" http://www.fusionbot.com "target ="_blank"> Search Site < /a >: < / police > "
    < input type = "text" name = "key" size = "15" >
    < input type = "submit" value = "GO" >
    < / div >
    < input type = "hidden" name = "sn" value = "160516902" >

    < / make >
    < / div >
    " < div id ="nav2"> < a href =" "" "" " http://pub27.Bravenet.com/chat/Show.php?usernum=2253679465 & CPV = 2 " > < img src = "... / _image/cat-with-friends - & amp; - network.gif" width = "173" height = "25" alt = "cat" / > < /a > < a href = "http://pub27.bravenet.com/calendar/show.php?usernum=2253679465" > < img src = "... / _image/calendar_button.gif" width = "173" height = "25" alt = "calendar" / > < /a > < a href = "http://pub27.bravenet.com/postcard/post.php?usernum=2253679465" > < img src = "... /_image/Send-some-Love-Today.gif" width = "173" height = "25" alt = "send a little love" / > < /a "" > < a href = "... / comments.html" > < img src = "... /_image/your-comments-Please.gif" width = "173" height = "25" alt = "comments" / > < / has > < / div >
    < div id = "cat" >
    <! - start Bravenet.com Service Code - >
    < div align = "center" > < / div >
    <! - end of Bravenet.com Service Code-->
    < / div >
    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
    <!-Name = 'container'-> InstanceBeginEditable
    < p > < / p >
    < div id = "crosswordContainer" >
    < div id = "crosswordPageHeader" > welcome to the Crossword Stress reduction center < / div >
    < div id = "crosswordMenu" > < / div >
    < div id = "crosswordSponsorAd" >
    < p > made with the help of the company Rich < /p > < / div >
    <!-TemplateBeginEditable name = "crosswordApplet"->
    < div id = "crosswordGame" >
    < p > < br / >
    < /p >
    < police size = 2 face = Verdana, Sans-Serif color = FFFFFF >
    < p > < / p >
    < p > < / p >
    < / police > < / div >
    <! - TemplateEndEditable - >
    < div id = "crosswordBottomContainer" > <!-TemplateBeginEditable name = "crosswordContent"->
    < div id = "crosswordBottomContents" > content ID "crosswordBottomContents" goes here < / div >
    <! - TemplateEndEditable - >
    < div id = "crosswordBottomAd" > < font color = "FFFFFF" size = "2" > AVVERTISEMENT < / police > < / div >
    < / div >

    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < / div >
    < div id = "crosswordRightCol" >
    < div id = "crosswordRightColAd" > content ID "crosswordRightColAd" goes here < / div >
    < div id = "crosswordTitles" >
    < ul id = "MenuBar2" class = "MenuBarVertical" >
    < li > < a class = "MenuBarItemSubmenu" href = "#" > < /a > Bible
    < ul >
    < li > < a href = "#" > 1.1 < /a > < /li >
    < li > < a href = "#" > 1.2 < /a > < /li >
    < li > < a href = "#" > question 1.3 < /a > < /li >
    < /ul >
    < /li >
    < li > < a href = "#" > city < /a > < /li >
    < li > < a href = "#" > country < /a > < /li >
    < li > < a href = "#" > entertainment < /a > < /li >
    < li > < a href = "#" > Jamaica < /a > < /li >
    < li > < a href = "#" > medicine < /a > < /li >
    < li > < a href = "#" > rivers < /a > < /li >
    < li > < a class = "MenuBarItemSubmenu" href = "#" > school < /a >
    < ul >
    < li > < a class = "MenuBarItemSubmenu" href = "#" > < /a > biology
    < ul >
    < li > < a href = "#" > section 3.1.1 < /a > < /li >
    < li > < a href = "#" > 3.1.2 < /a > < /li >
    < /ul >
    < /li >
    < li > < a href = "#" > chemistry < /a > < /li >
    < li > < a href = "#" > English < /a > < /li >
    < li > < a href = "#" > economy < /a > < /li >
    < li > < a href = "#" > math < /a > < /li >
    < li > < a href = "#" > Spanish < /a > < /li >
    < li > < a href = "#" > medicine < /a > < /li >
    < /ul >
    < /li >
    < li > < a href = "#" > seas < /a > < /li >
    < li > < a href = "#" > Sports < /a > < /li >
    < li > < a href = "#" > < /a > < /li > television personalities
    < li > < /li >
    < /ul >
    < / div >
    < div id = "crosswordRightBarBottomAd" > < / div >
    < / div >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < script type = "text/javascript" >
    <!--
    var MenuBar2 = new Spry.Widget.MenuBar ("MenuBar2", {imgRight: "..."}) ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
    ->
    < /script >
    <! - InstanceEndEditable - > < br class = 'clearfloat' / >
    < div id = "footer" >
    < p > copyright & copy; GreenP. All rights reserved. No reproduction any without written permission < /p >
    <!-end #footer->
    < / div >
    <!-end #container->
    < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
    ->
    < /script >
    < / body >
    <! - InstanceEnd - > < / html >

    SECOND MODEL FROM THE HAND THAT IS SUPPOSED TO BE AN AREA NOT EDITABLE BEYOND THOSE WHO COME FROM THE ORIGINAL

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    " < html xmlns =" http://www.w3.org/1999/xhtml "> <!-InstanceBegin template="/Templates/main_index.dwt ' codeOutsideHTMLIsLocked = 'false'->
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    <!-InstanceBeginEditable name = "doctitle"-->
    < title > GreenP - wealth, wisdom, health & amp; Happiness < /title >
    <! - InstanceEndEditable - >
    "" < link href = "... / main_page.css" rel = "stylesheet" type = "text/css" / >
    <!-[if IE 5] >
    < style type = "text/css" >
    / * Place corrections for IE 5 css box model * in this conditional comment * /.
    .thrColFixHdr #sidebar1 {width: 180px ;}}
    .thrColFixHdr #sidebar2 {width: 190px ;}}
    < / style >
    <! [endif]-->
    <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 {padding-top: 30px ;}}
    .thrColFixHdr #mainContent {zoom: 1 ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    "" < script src = "... / SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
    "" < link href = "... / SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / >
    <!-InstanceBeginEditable name = "head"->
    <!-TemplateBeginEditable name = "head"->
    <! - TemplateEndEditable - >
    <! - InstanceEndEditable - >
    <!-InstanceParam name = "homeClass" type = "text" value = "thrColFixHdr"->
    <!-InstanceParam name = "resourceClass" type = "text" value = "holder"->
    <!-InstanceParam name = "wisdomClass" type = "text" value = "holder"->
    <!-InstanceParam name = "wealthClass" type = "text" value = "current"->
    <!-InstanceParam name = "healthClass" type = "text" value = "holder"->
    <!-InstanceParam name = "happinessClass" type = "text" value = "holder"->
    <!-InstanceParam name = "relationshipClass" type = "text" value = "holder"->
    <!-InstanceParam name = "yesyoucanClass" type = "text" value = "holder"->
    <!-InstanceParam name = "membersClass" type = "text" value = "holder"->
    <!-InstanceParam name = "puzzleClass" type = "text" value = "holder"->
    <!-InstanceParam name = "videosClass" type = "text" value = "holder"->
    <!-InstanceParam name = "funfactsClass" type = "text" value = "holder"->
    <!-InstanceParam name = "aboutusClass" type = "text" value = "holder"->
    <!-InstanceParam name = "id" type = "text" value = "midCol"->
    <!-InstanceParam name = "footerClass" type = "text" value = "thrColFixHdr"->
    <!-InstanceParam name = "bottomColId" type = "text" value = "bottomCol"->
    < / head >

    < body class = "thrColFixHdr" >
    < div id = "container" >
    < div id = "header" >
    "" < div id = "headerLogo" > < img src = "... / greenP_logo.gif" width = "298" height = "114" alt = "logo" / > < / div >
    < div id = "headerAd" > Oh my God! 100 customers comes to your registry? Click here to get the < / div >
    < h1 > < / h1 >
    <!-end #header->
    < / div >
    < div id = "nav" >
    < ul id = "MenuBar1" class = "MenuBarHorizontal" >
    "" < li > < a href = "... / index.html" class = "thrColFixHdr" > home < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > resources < /a >
    < ul >
    < li > < a href = "#" > business < /a > < /li >
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > jobs
    < ul >
    < li > < a href = "#" > Caribbean < /a > < /li >
    < li > < a href = "#" > US < /a > < /li >
    < /ul >
    < /li >
    < /ul >
    < /li >
    < li > < a href = "#" class = "thrColFixHdr" > wisdom < /a > < /li >
    "" < li > < a href = "... / wealth.html" class = "thrColFixHdr" > wealth < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > health < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > happy < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > relations < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > obtained! < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > videos < /a > < /li >
    "" < li > < a href = "... / crossword_main_page.html" class = "thrColFixHdr" > < /a > < /li > crossword
    "" < li > < a href = "... / jigsaw_people_world_leaders.html" class = "thrColFixHdr" > Jigsaw < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > members < /a > < /li >
    "" < li > < a href = "... / about_us.html" class = "thrColFixHdr" > us < /a > < /li >
    < /ul >
    < / div >
    < div id = "Search" >
    " < form name ="fbsearch"method ="get"action =" http://ss662.fusionbot.com/b/q " " style = "margin: 0;" >
    " < div align ="left"> < font size ="2"face ="arial"> < a href =" http://www.fusionbot.com "target ="_blank"> Search Site < /a >: < / police > "
    < input type = "text" name = "key" size = "15" >
    < input type = "submit" value = "GO" >
    < / div >
    < input type = "hidden" name = "sn" value = "160516902" >

    < / make >
    < / div >
    " < div id ="nav2"> < a href =" "" "" " http://pub27.Bravenet.com/chat/Show.php?usernum=2253679465 & CPV = 2 " > < img src = "... / _image/cat-with-friends - & amp; - network.gif" width = "173" height = "25" alt = "cat" / > < /a > < a href = "http://pub27.bravenet.com/calendar/show.php?usernum=2253679465" > < img src = "... / _image/calendar_button.gif" width = "173" height = "25" alt = "calendar" / > < /a > < a href = "http://pub27.bravenet.com/postcard/post.php?usernum=2253679465" > < img src = "... /_image/Send-some-Love-Today.gif" width = "173" height = "25" alt = "send a little love" / > < /a "" > < a href = "... / comments.html" > < img src = "... /_image/your-comments-Please.gif" width = "173" height = "25" alt = "comments" / > < / has > < / div >
    < div id = "cat" >
    <! - start Bravenet.com Service Code - >
    < div align = "center" > < / div >
    <! - end of Bravenet.com Service Code-->
    < / div >
    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
    <!-Name = 'container'-> InstanceBeginEditable
    < p > < / p >
    < div id = "wealthLeftCol" >
    AD < p > < /p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < / div >
    < div id = "wealthMidCol" >
    < p > content ID "wealthMidCol" goes here < /p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < / div >
    < div id = "wealthRightCol" >
    < div id = "wealthVideos" > < span class = "pageHeadings" > </span > video wealth
    < ul >
    < class li 'editorialcontent' = > new rules of money < /li >
    < class li 'editorialcontent' = > good debt & amp; bad debt < /li >
    < class li = 'editorialcontent"> 3 types of income < /li >
    < class = "editorialcontent" li > how is wealth < /li >
    < /ul >
    < p > < / p >
    < / div >
    < div id = "wealthResourc" > < span class = "pageHeadings" > wealth resources </span >
    < ul >
    < class = "editorialcontent" li > accountants < /li >
    < class = "editorialcontent" li > banks < /li >
    < class = "editorialcontent" li > Building Societies < /li >
    < class li = "editorialcontent" > < /li > business opportunities
    < class = "editorialcontent" li > Union < /li >
    < class = "editorialcontent" li > government agencies < /li >
    < class = "editorialcontent" li > investment banks < /li >
    < class = "editorialcontent" li > investment brokers < /li >
    < class = "editorialcontent" li > lawyers < /li >
    < class li = "editorialcontent" > < /li > mortgage brokers
    < class = "editorialcontent" li > Realtors < /li >
    < class = "editorialcontent" li > small business agencies < /li >
    < /ul >
    < / div >
    < div id = "wealthCalculators" > < span class = "pageHeadings" > </span > Wealth calculators
    < ul >
    "< li > < a href ="... / credit_cardmin_payment.html "> < /li > < /a > credit card payment"
    "< li > < a href ="... / mortgage_refinance.html "> < /a > < /li > mortgage refinance"
    "< li > < a href ="... / life_savings.html "> life savings < /a > < /li >"
    "< li > < a href ="... / car_cost_comparison.html "> car costs comparison < /a > < /li >"
    "< li > < a href ="... / car_cost_buying.html "> Total cost of owning a car < /a > < /li >"
    < /ul >
    < p > < / p >
    < / div >
    < / div >
    < p > < / p >
    < div id = "wealthFooterAd" > the content of id "wealthFooterAd" goes it < / div >
    < p > < / p >
    <! - InstanceEndEditable - > < br class = 'clearfloat' / >
    < div id = "footer" >
    < p > copyright & copy; GreenP. All rights reserved. No reproduction any without written permission < /p >
    <!-end #footer->
    < / div >
    <!-end #container->
    < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
    ->
    < /script >
    < / body >
    <! - InstanceEnd - > < / html >

    PAGE CREATED FROM SECOND MODEL WHICH HAS ALL AS MODIFIABLE OUTSIDE THE ORIGINAL ONES FROMTHE MAINTEMPLATE REGIONS.  ON THIS ONE, ONLY THE MIDDLE COLUMN IS SUPPOSED TO BE EDITABLE.

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    " < html xmlns =" http://www.w3.org/1999/xhtml "> <!-InstanceBegin template="/Templates/wealth.dwt ' codeOutsideHTMLIsLocked = 'false'->
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    <!-InstanceBeginEditable name = "doctitle"-->
    < title > GreenP - wealth, wisdom, health & amp; Happiness < /title >
    <! - InstanceEndEditable - >
    "< link href="file:///C|/Users/Patrick/Desktop/greenP/main_page.css "rel ="stylesheet"type =" text/css"/ >
    <!-[if IE 5] >
    < style type = "text/css" >
    / * Place corrections for IE 5 css box model * in this conditional comment * /.
    .thrColFixHdr #sidebar1 {width: 180px ;}}
    .thrColFixHdr #sidebar2 {width: 190px ;}}
    < / style >
    <! [endif]-->
    <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 {padding-top: 30px ;}}
    .thrColFixHdr #mainContent {zoom: 1 ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    "< script src="file:///C|/Users/Patrick/Desktop/greenP/SpryAssets/SpryMenuBar.js "type =" text/javascript"> < / script >
    "< link href="file:///C|/Users/Patrick/Desktop/greenP/SpryAssets/SpryMenuBarHorizontal.css "rel ="stylesheet"type =" text/css"/ >

    <!-InstanceBeginEditable name = "head"->
    <! - InstanceEndEditable - >

    < / head >

    < body class = "thrColFixHdr" >
    < div id = "container" >
    < div id = "header" >
    "< div id ="headerLogo"> < img src="file:///C|/Users/Patrick/Desktop/greenP/greenP_logo.gif "width ="298"height ="114"alt ="logo"/ > < / div >
    < div id = "headerAd" > Oh my God! 100 customers comes to your registry? Click here to get the < / div >
    < h1 > < / h1 >
    <!-end #header->
    < / div >
    < div id = "nav" >
    < ul id = "MenuBar1" class = "MenuBarHorizontal" >
    "< li > < a href="file:///C|/Users/Patrick/Desktop/greenP/index.html "class ="thrColFixHdr"> home < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > resources < /a >
    < ul >
    < li > < a href = "#" > business < /a > < /li >
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > jobs
    < ul >
    < li > < a href = "#" > Caribbean < /a > < /li >
    < li > < a href = "#" > US < /a > < /li >
    < /ul >
    < /li >
    < /ul >
    < /li >
    < li > < a href = "#" class = "thrColFixHdr" > wisdom < /a > < /li >
    "< li > < a href="file:///C|/Users/Patrick/Desktop/greenP/wealth.html "class ="thrColFixHdr"> wealth < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > health < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > happy < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > relations < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > obtained! < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > videos < /a > < /li >
    "< li > < a href="file:///C|/Users/Patrick/Desktop/greenP/crossword_main_page.html "class ="thrColFixHdr"> < /a > < /li > crosswords
    "< li > < a href="file:///C|/Users/Patrick/Desktop/greenP/jigsaw_people_world_leaders.html "class ="thrColFixHdr"> Jigsaw < /a > < /li >
    < li > < a href = "#" class = "thrColFixHdr" > members < /a > < /li >
    "< li > < a href="file:///C|/Users/Patrick/Desktop/greenP/about_us.html "class ="thrColFixHdr"> us < /a > < /li >
    < /ul >
    < / div >
    < div id = "Search" >
    " < form name ="fbsearch"method ="get"action =" http://ss662.fusionbot.com/b/q " " style = "margin: 0;" >
    " < div align ="left"> < font size ="2"face ="arial"> < a href =" http://www.fusionbot.com "target ="_blank"> Search Site < /a >: < / police > "
    < input type = "text" name = "key" size = "15" >
    < input type = "submit" value = "GO" >
    < / div >
    < input type = "hidden" name = "sn" value = "160516902" >

    < / make >
    < / div >
    " < div id ="nav2"> < a href =" http://pub27. "Bravenet.com/chat/Show.php?usernum=2253679465 & CPV = 2 " > < img src = "file:///C|/Users/Patrick/Desktop/greenP/_image/Chat-with-friends-& amp; - network.gif" width = "173" height = "25" alt = "cat" / > < / has > < a href = " http://pub27. "Bravenet.com/Calendar/Show.php?usernum=2253679465 " > < img src="file:///C|/Users/Patrick/Desktop/greenP/_image/calendar_button.gif" width = "173" height = "25" alt = "calendar" / > < /a > < a href = " http://pub27. Bravenet.com/Postcard/post.php?usernum=2253679465 "> < img src="file:///C|/Users/Patrick/Desktop/greenP/_image/Send-Some-Love-Today.gif "width ="173"height ="25"alt ="send a little love"/ > < / > < has a href="file:///C|/Users/Patrick/Desktop/greenP/comments.html "" > < img src="file:///C|/Users/Patrick/Desktop/greenP/_image/Your-comments-please.gif" width = "173" height = "25" alt = "comments" / > < /a > < / div > "
    < div id = "cat" >
    <! - start Bravenet.com Service Code - >
    < div align = "center" > < / div >
    <! - end of Bravenet.com Service Code-->
    < / div >
    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
    <!-Name = 'container'-> InstanceBeginEditable
    < p > < / p >
    < div id = "wealthLeftCol" >
    AD < p > < /p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < / div >
    < div id = "wealthMidCol" >
    < p > content for id & quot; wealthMidCol & quot; Here goes < /p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < p > < / p >
    < / div >
    < div id = "wealthRightCol" >
    < div id = "wealthVideos" > < span class = "pageHeadings" > </span > video wealth
    < ul >
    < class li 'editorialcontent' = > new rules of money < /li >
    < class li 'editorialcontent' = > good debt & amp; bad debt < /li >
    < class li = 'editorialcontent"> 3 types of income < /li >
    < class = "editorialcontent" li > how is wealth < /li >
    < /ul >
    < p > < / p >
    < / div >
    < div id = "wealthResourc" > < span class = "pageHeadings" > wealth resources </span >
    < ul >
    < class = "editorialcontent" li > accountants < /li >
    < class = "editorialcontent" li > banks < /li >
    < class = "editorialcontent" li > Building Societies < /li >
    < class li = "editorialcontent" > < /li > business opportunities
    < class = "editorialcontent" li > Union < /li >
    < class = "editorialcontent" li > government agencies < /li >
    < class = "editorialcontent" li > investment banks < /li >
    < class = "editorialcontent" li > investment brokers < /li >
    < class = "editorialcontent" li > lawyers < /li >
    < class li = "editorialcontent" > < /li > mortgage brokers
    < class = "editorialcontent" li > Realtors < /li >
    < class = "editorialcontent" li > small business agencies < /li >
    < /ul >
    < / div >
    < div id = "wealthCalculators" > < span class = "pageHeadings" > </span > Wealth calculators
    < ul >
    < li > < a href="file:///C|/Users/Patrick/Desktop/greenP/credit_cardmin_payment.html" > < /li > < /a > credit card payment.
    "< li > < a href="file:///C|/Users/Patrick/Desktop/greenP/mortgage_refinance.html "> < /a > < /li > refinancing mortgage
    < li > < a href="file:///C|/Users/Patrick/Desktop/greenP/life_savings.html" > life savings < /a > < /li > ".
    < li > < a href="file:///C|/Users/Patrick/Desktop/greenP/car_cost_comparison.html" > car costs comparison < /a > < /li > ".
    "< li > < a href="file:///C|/Users/Patrick/Desktop/greenP/car_cost_buying.html "> Total cost of owning a car < /a > < /li >
    < /ul >
    < p > < / p >
    < / div >
    < / div >
    < p > < / p >
    < div id = "wealthFooterAd" > content for id & quot; wealthFooterAd & quot; She'll < / div >
    < p > < / p >
    <! - InstanceEndEditable - > < br class = 'clearfloat' / >
    < div id = "footer" >
    < p > copyright & copy; GreenP. All rights reserved. No reproduction any without written permission < /p >
    <!-end #footer->
    < / div >
    <!-end #container->
    < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
    ->
    < /script >
    < / body >
    <! - InstanceEnd - > < / html >

    I hope I have not confused anyone.  I wanted to just mke sure you have all the information.

    Glad you figured it out.

    It would be good if you could mark this thread answered, so people who do not need to keep clicking on it.  Thank you!

    -- 
    
    E. Michael Brandt
    
    www.divahtml.comwww.divahtml.com/products/scripts_dreamweaver_extensions.phpStandards-compliant scripts and Dreamweaver Extensions
    
    www.valleywebdesigns.com/vwd_Vdw.aspJustSo PictureWindowJustSo PhotoAlbum, et alia
    
    --
    
  • IE6 displaying not web pages correctly.

    Hi all

    This is my first website using Dreamweaver CS4 and I'm having a problem with IE6 (probably a commune).  It does not display the pages correctly.  On all pages, the banner at the top is cut off, and the bottom has a large white bar through it.  On my product pages, the content area around (I use a template for the header, sidebars and footer) is the way down at the bottom (I have to scroll down to see it) so that the page devoted to the first glance looks completely like Virgin - just white.  This site displays perfectly in IE7, Firefox and Netscape.  I found some info on the insertion of the code in the page, but it is already present:

    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 {padding-top: 30px ;}}
    .thrColFixHdr #mainContent {zoom: 1 ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->

    Can someone help me solve this problem?  I was hoping to get this live site Friday...

    Here is the link to my site: www.springerlejoy.com/default4.htm

    A product page that displays content below: www.springerlejoy.com/proangels4.html

    Thank you very much for any help that anyone can give me!

    Debbie

    IE float drop.  Most often caused by a division of #container or the body that is too narrow for the floats and wrapped content inside.  Try increasing width of #container division or by reducing the width of your column in the middle.

    More questions about IE float Drop.

    http://www.Adobe.com/cfusion/CommunityEngine/index.cfm?event=ShowDetails&PostID=1081&Produ ctId = 1

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    www.Alt-Web.com/
    www.Twitter.com/ALTWEB
    www.Alt-Web.blogspot.com

  • Help for newbie with ul CSS Navbar please

    Hi, I followed a tutorial and everything on my site worked fine so far except for one thing. When I go to a different screen resolutions page changes as I want it, but the buttons on my horizontal navigation bar remains fixed relative to the page. Any help would be welcome

    Code is pasted below for HTML and CSS

    Thank you

    HTML

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    " < html xmlns =" http://www.w3.org/1999/xhtml ">
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    < title > Untitled Document < /title >
    < link href = "thrColLiqHdr.css" rel = "stylesheet" type = "text/css" / > <!-[if IE] > "
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 {padding-top: 30px ;}}
    .thrColLiqHdr #mainContent {zoom: 1; padding-top: 15px ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    < / head >

    < body >

    < div id = "container" >
    < div id = "header" >
    <!-end #header->
    < img src = "images/logo combined.jpg" width = "800" height = "139" / >
    < ul >
    < li > < a href = "#" > home < /a > < /li >
    < li > < a href = "#" > about us < /a > < /li >
    < li > < a href = "#" > food < /a > < /li >
    < li > < a href = "#" > beer & amp; Wine < /a > < /li >
    < li > < a href = "#" > contact us < /a > < /li >
    < li > < a href = "#" > links < /a > < /li >
    < /ul >
    < / div >
    < div id = "sidebar1″" >
    Sidebar1″ < h3 > < / h3 >
    < p > the background color on this div will only show for the length of the content. If you want a line instead, place a border on the left side of the #mainContent div if div #mainContent will contain more content than the div. of #sidebar1 < /p >
    < p > Donec EU mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus and fermentum ut, sapien. < /p >
    <!-end # sidebar1″--> < / div >
    < div id = 'sidebar2' >
    < p > < img src = "images/logo blue.jpg" width = "104" height = "125" / > < / p >
    < p > welcome on the site of the Wheatsheaf Inn Brading.
    The building has been approved for consumption of alcohol since the beginning of the 18th century and today it is still an attention of the local community, as suitable for a traditional pub. < br / >
    In addition, we strive to provide a wide range of beers and wines, including all three time English beers and a diverse but significantly to the price of the wines, as well as freshly cooked food that moves with the seasons and, as much as possible, produce uses are grown or high on the island. < /p >
    < p > < / p >
    <!-end #sidebar2-> < / div >
    < div id = "mainContent" >
    The Wheatsheaf Inn, Brading < H1 > < / h1 >
    < p > Lorem ipsum dolor sit amet, adipiscing elit our. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Amongst ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean restore. Etiam leo queer, venenatis lectus tristique in, fitness at, odio. Donec and ipsum and vehicula nonummy sapien. Suspendisse potentialit. < /p >
    Heading level H2
    < p > Lorem ipsum dolor sit amet, adipiscing elit our. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Amongst ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean restore. Etiam leo queer, venenatis lectus tristique in, fitness at, odio. < /p >
    <!-end #mainContent--> < / div >
    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child floats--> < br class = 'clearfloat' / >
    < div id = "footer" >
    footer < p > < /p >
    <!-end #footer--> < / div >
    <!-end #container--> < / div >
    < / body >
    < / html >

    CSS

    @charset "utf-8";
    {body
    margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
    padding: 0;
    text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
    Color: #000000;
    do-family: Arial, Helvetica, without serif.
    do-size: 100%;
    background-color: #660000;
    }
    UL {}
    margin: 0px;
    padding: 0px;
    float: none;
    }

    #container {}
    Width: 100%;
    text-align: center;
    do-size: 80%;
    background-color: #FF9;
    }

    / * MainContent tips:
    1. the space between the mainContent and framed is created with the left and right margins on the mainContent div.
    2. to avoid falling of float at a resolution of 800 x 600 minimum supported, within the mainContent div elements must be 300px or smaller (including images).
    3. in the Internet Explorer conditional comment below, the zoom property is used to give the mainContent "hasLayout". This avoids several specific IE bugs.
    */
    #mainContent {}
    margin: 0 24 0 23.5%; / * left and right margins on this div element creates the two outside columns on the sides of the page. No matter the amount of content contain the sidebar divs, the space of the columns will remain. You can remove this line if you want the #mainContent div text to fill in the spaces of the sidebar when the content in each side bar ends. */
    }
    #header {}
    background-color: #660000;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    background-repeat: no-repeat;
    background-position: right top;
    }
    #header ul {}
    background-color: #036;
    background-image: url(images/Nav%20Bar%20Top.jpg);
    background-repeat: repeat-x;
    border-bottom-color: #FF0;
    border-bottom-style: solid;
    border-bottom-width: thin;
    padding-left: 155px;
    list-style-type: none;
    overflow: auto;
    margin: 0px;
    }
    #header li {}
    float: left;
    do-size: 120%;
    }
    #header Li a {}
    display: block;
    text-decoration: none;
    padding-top: 8px;
    padding-right: 25px;
    padding-bottom: 8px;
    padding-left: 25px;
    left margin: 0px;
    }

    / * Tips for sidebars:
    1. as we work in percentages, it is best do not use the lateral pads on the side bars. It will be added to the width for browsers compatible standards creating a real unknown width.
    2. the space between the wall of the div and the items it contains can be created by placing a margin left and right on these items as seen in the rule "#sidebar1 p".
    3. Because Explorer calculates the width after that the parent element is rendered, you can sometimes run into unexplained bugs with percentages of columns. If you need more predictable results, you can choose to change the columns of pixels in size.
    */
    {#sidebar1}
    float: left; / * This item must precede in the source order of any element you want it positioned next to * /.
    Width: 22%; / * because this element is floating, it takes a width * /.
    Background: #660000; / * the background color will be displayed for the length of the content of the column, but no further * /.
    Padding: 15px 0; / * upper and lower padding create a Visual space within this div * /.
    }
    {#sidebar2}
    float: right; / * This item must precede in the source order of any element you want it positioned next to * /.
    Width: 23%; / * because this element is floating, it takes a width * /.
    Background: #036; / * the background color will be displayed for the length of the content of the column, but no further * /.
    Padding: 15px 0; / * upper and lower padding create a Visual space within this div * /.
    }
    #sidebar1 p. #sidebar1 h3, #sidebar2, #sidebar2 h3 {}
    margin-left: 10px; / * the left and right margins should be to all of the items that will be placed in the side columns * /.
    margin-right: 10px;
    color: #FF0;
    make-weight: bold;
    }

    #footer {}
    padding: 0 10px; / * This filling is the alignment to the left of the items in the div that appear above him. */
    Background: #660000;
    }
    #footer p {}
    margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
    padding: 10px 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
    }

    / * Various classes for reuse * /.
    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
    float: right;
    left margin: 8px;
    }
    .fltlft {/ * this class can be used to float an element in your page, the floating element must precede the element it should be next to the page left. * /}
    float: left;
    right margin: 8px;
    }
    .clearfloat {/ * this class must be placed on an element div or break and should be the last item before the closing of a container must contain its child floats entirely * /}
    Clear: both;
    height: 0;
    font size: 1px;
    line-height: 0px;
    }
    a {}
    color #FF0;
    color: #FF0;
    make-weight: bold;
    }
    H1 {}
    color: #036;
    font size: 250%;
    }

    I also did what did Martin, wrap the list in a new div with an ID of #navbar.  If you give it a width in px and auto margins, the Center navigation bar.

    Here's what has worked, however, it is very difficult to see without having access to the images you used as background images called via the stylesheet.

    CSS:

    {#navbar}

    Width: 980px;    / * change width as needed * /.

    margin: 0 auto;

    }

    Another option would be to take the navigation bar of the header div and create its own container under the header div and try that style instead.  At the moment he is forced by the rules in the #header.

    If you cannot fix it, please download the files to a server and provide a link - it is the only way that people can help troubleshoot, especially if the images are involved in the design.

  • Extension of sidebar, so that it passes by the footer

    I tried to put the responses of everyone at work, thank you.

    I'm sure that all you dreamweaver experts stiil much see a mistake in my code, but I try to work on that.

    My site is www.sbrownarchitects.com. On the model in box 1, the orange is supposed to descend to the bottom of the footer. Address phone number must be down. In dreamweave, I managed to bring back to the top of the footer using margins. But this does not appear on the browser. Why? In addition, I have no idea how to wear orange / sidebar to the bottom of the footer.

    Also why the text of navigation is white seen in the browser? Its black in dreamweaver? I feel a bit helpless, so many questions and any advice would be appreciated. Thank you once again!

    Code is below.

    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    "< html xmlns ="http://www.w3.org/1999/xhtml">".
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    < title > Untitled Document < /title >
    < style type = "text/css" >
    <!--
    / * default browsers on all zeros * /.
    * {margin: 0; padding: 0; line-height: 100%; border: 0 ;}}
    {body
    Police: 100% Verdana, Arial, Helvetica, without serif.
    Background: #666666;
    text-align: center;
    Color: #000000;
    background-color: #CCC;
    }

    #container {}
    Width: 1000px;
    Background: #666;
    margin: 12px auto; / * margins (in conjunction with a width) auto Center the page * /.
    border: 1px solid #000000;
    text-align: left; / * This setting overrides the text-align: center on the body element. */
    Color: #333;
    }
    .navigation {}
    do-family: Verdana, Geneva, without serif.
    do-size: 18px;
    make-style: normal;
    Color: #333;
    text-decoration: none;
    make-weight: bold;
    }
    {.h4}
    do-family: Verdana, Geneva, without serif.
    do-size: 14px;
    make-style: italic;
    line-height: normal;
    margin: 200px;
    }
    . H5 {}
    do-family: Verdana, Geneva, without serif.
    do-size: 18px;
    make-style: italic;
    line-height: normal;
    margin: 200px;
    }
    #header {}
    background: #DDDDDD;
    padding: 0px;
    }
    #header h1 {}
    margin: 0;
    padding: 10px 0;
    Color: #000;
    }

    / * Tips for sidebars:
    1. as we work in percentages, it is best do not use the lateral pads on the side bars. It will be added to the width for browsers compatible standards creating a real unknown width.
    2. the space between the wall of the div and the items it contains can be created by placing a margin left and right on these items as seen in the rule ".thrColLiqHdr #sidebar1 p.
    3. Because Explorer calculates the width after that the parent element is rendered, you can sometimes run into unexplained bugs with percentages of columns. If you need more predictable results, you can choose to change the columns of pixels in size.
    */
    {#sidebar1}
    float: left; / * This item must precede in the source order of any element you want it positioned next to * /.
    Width: 22%; / * because this element is floating, it takes a width * /.
    background: #F90; / * the background color will be displayed for the length of the content of the column, but no further * /.
    padding: 5px 0; / * upper and lower padding create a Visual space within this div * /.
    overflow: hidden; / * IE float drop fix * /.
    Color: #333;
    }
    {#sidebar2}
    float: right; / * This item must precede in the source order of any element you want it positioned next to * /.
    Width: 40%; / * because this element is floating, it takes a width * /.
    Background: #666; / * the background color will be displayed for the length of the content of the column, but no further * /.
    Padding: 25px 0; / * upper and lower padding create a Visual space within this div * /.
    Color: #000;
    margin-right: 10px;
    }
    #sidebar1 p. #sidebar1 h3, #sidebar2, #sidebar2 h3 {}
    do-size: 14px;
    padding: 10px;
    Color: #333;
    }

    address {make-size: 14px; line-height: 1.5; make-weight: "BOLD", padding: 450px 480}
    PX ;}

    #mainContent p, #mainContent h3 {}
    line-height: 1.5;
    do-size: 18px;
    Padding: 32px;
    margin-left: 10px;
    }

    #mainContent {}
    margin: 0 5% 0 22%; / * left and right margins on this div element creates the two outside columns on the sides of the page. No matter the amount of content contain the sidebar divs, the space of the columns will remain. You can remove this line if you want the #mainContent div text to fill in the spaces of the sidebar when the content in each side bar ends. */
    }

    #footer {padding: 0 10px; background: #666; color: white;}
    }
    #footer p {margin: 0; padding: 2px 0; text-align: right; do-size: 14px;}
    }
    / * Various classes for reuse * /.
    {.fltrt}
    float: right;
    left margin: 8px;
    }
    {.fltlft}
    float: left;
    right margin: 8px;
    }
    {.clearfloat}
    Clear: both;
    height: 0;
    font size: 1px;
    line-height: 0px;
    }
    / * START Menu vertical list * /.
    #navlist - Green
    {
    padding-left: 0;
    left margin: 0;
    border-bottom: 1px solid gray;
    Width: 100%;
    do-size: 14px;
    }

    #navlist - li Green
    {
    list-style: none;
    margin: 0;
    Padding: 0.25em;
    border-top: 1px solid gray;
    }

    #navlist - green li a {}
    text-decoration: none;
    Display: block;
    make-weight: bold;
    line-height: 2em;
    }
    #navlist - green li a: link {color: #333333}
    #navlist - green li a: visited {color: #FFFFFF}
    #navlist - green li a: hover, li #navlist - Green a: active, li #navlist - Green a: focus {}
    Color: #333;
    background: gray;
    }
    < / style >
    ->
    < / style >
    <!-[if IE] >
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 {padding-top: 30px ;}}
    .thrColLiqHdr #mainContent {zoom: 1; padding-top: 15px ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]--> < br class = 'clearfloat' / >

    < / head >

    < body >

    < div id = "container" >
    < div id = "sidebar1″" >
    < p > < / p >
    < div id = 'navlist-green' >
    < ul >
    < li > < a href = "index.html" class = "navigation" > home < /a > < /li > "
    "" < li > < a href = "... / about.html" class = "navigation" > on < /a > < /li >
    < li > < a href = "" / Portfolio.html "class ="navigation"> work < /a > < /li >"
    "" < li > < a href = "... / people.html" class = "navigation" > people < /a > < /li >
    < /ul >
    < / div > <! - end navlist - >

    646-244-5870 < address > < br / >
    [email protected] < / address >


    < / div >
    <! - end sidebar1″ - >
    <!-TemplateBeginEditable name = 'text'->
    < div id = 'sidebar2' >
    Sidebar2 < p > < /p >
    < p > the background color on this div will only show for the length of the content. If you want a line instead, place a border on the right side of the #mainContent div if div #mainContent will contain more content than the div. of #sidebar2 < /p >
    < p > Donec EU mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus, and iron < /p >
    < / div >
    <! - TemplateEndEditable - > <!-TemplateBeginEditable name = 'pictures'->
    < div id = "mainContent" >
    "" < h3 > < img src = "... / images/webimages/thumbnails/COMPRESSED/shakerblackandwhite.jpg" width = "100" height = "113" / > < / h3 >
    "" < h3 > < img src = "... / images/webimages/thumbnails/COMPRESSED/shakerblackandwhite.jpg" width = "100" height = "113" / > Donec EU mi sed turpis feugiat feugiat. In < / h3 >
    < / div >
    <! - TemplateEndEditable - >
    < br class = 'clearfloat' / >

    < div id = "footer" >
    < p > < / p >
    < p >
    "" < img src = "... / images/webimages/thumbnails/COMPRESSED/monticelloblackandwhite.jpg" alt = "image" width = "118" height = "112" / >

    "" < img src = "... / images/webimages/thumbnails/COMPRESSED/shakerblackandwhite.jpg" alt = "image" width = "95" height = "112" / >

    "" < img src = "... / images/webimages/thumbnails/COMPRESSED/tagblackandperspect1.jpg" alt = "image" width = "145" height = "112" / >

    "" < img src = "... / images/webimages/thumbnails/COMPRESSED/fieldstonblackandwhite.jpg" alt = "image" width = "220" height = "112" / >

    "" < img src = "... / images/webimages/thumbnails/COMPRESSED/tagelevblackandwhiteco.jpg" alt = "image" width = "153" height = "112" / > < / p >

    <!-end #footer--> < / div >
    < /p > < / div >
    <!-end #container--> < / div >
    < / body >
    < / html >

    The code seems to work ok for me.

    The problem is it is difficult for me to work because you have quite a few cases where the orangeBg.gif is attached through css to various containers, sometimes twice and sometimes once. Some paths are in the image, others not.

    I propose this css selector to the bottom of the list of css.

    #container {}
    background-image: url (orangeBg.gif);
    background-repeat: repeat-y;
    }

    Then move your orangeBg.gif hence it is now directly in the site folder to test it.

    It should be done for me.

    Also your address will not be down, unless you add the absolute positioning as shown below to the css.

    {address}

    do-size: 14px;

    line-height: 1.5;

    make-weight: bold;

    Padding: 480px 450px;
    position: absolute;
    left: 0;
    bottom: 0
    }

    In ADDITION, you must add the position relative to the css 'container '.

    #container {}
    background-image: url (orangeBg.gif);
    background-repeat: repeat-y;

    position: relative;
    }

    Your orangeBg.gif image is not as wide as your navigation buttons, it should be the case, you get just a bunch on the left side of the page.

Maybe you are looking for