Missing Javascript Marker in Design View

Just upgraded from DW8 to DWCS3. I have some pages built in
prior version in which I have the email address protected in a
javascript. In former versions of DW, I could "see" the javascript
was there because there was a yellow box that looked similar in
size and shape to the file folder that appears next to the link
window in the properties bar (except, of course that it was in the
document as a type of placeholder to show the script was there).
I was just editing a file and deleted the javascript for the
email, because the space in which the script was looked like there
were just extra carriage returns there.
Does anyone know how to get the little yellow marker back.
This marker also appeared at the start of a form section in which
the CGI script or other parameters of the form were being called.
It's not in "visual aids".
Kristi

In Preferences check out the Invisible Elements
category.

Similar Messages

  • Javascript Navigator shows in Browser but not in DW Design View

    I am trying to install a javascript navigator on a web page.
    When I do this and view it in the design window, I get a message
    that says "Your browser does not support script". When I try to
    preview this with the IE browser, the navigation bar shows up. I am
    new at this so what am I missing? It shows up in the browser but
    not in the DW design page.
    Thanks

    >I am trying to install a javascript navigator on a web
    page. When I do
    >this
    > and view it in the design window, I get a message that
    says "Your browser
    > does
    > not support script". When I try to preview this with the
    IE browser, the
    > navigation bar shows up. I am new at this so what am I
    missing? It shows
    > up
    > in the browser but not in the DW design page.
    DW's design view does not interpret/execute javascript.
    -Darrel

  • My pages are missing in design view ?? but not in live view?

    I am using win 7 & DW5.  I have not used DW% for more than a week.  I need to update today and there is no page to work with? I don't know what to do?  [email protected]

    I have two sites up and running ... www.latheart.com and ... svwoodturners.org.  Both are ok. This past weekl I installed chrome !@#$%^!  didnot like it so I uninstalled it !@#$%^&!  What a mess that caused. Some of the reg files had to be rewritten in the regesters also my photos also do not open automatically any more. The fonts were changed in almost everything.  I think I have fixed most everything and then I found this problem with DW5.  I do not know it that is related or how the htmls could even be affected. But both of my sites have the same issue.  They will not dysplay in design view ..... Thanks for any help or suggestions. Rich Johnson San Jose Ca.
    I don't know how to enter the code here ...  I have cut and pasted and it creats the page with out the photos.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="Templates/newpage.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>The Brickyard RR</title>
    <!-- InstanceEndEditable -->
    <style type="text/css">
    body {
    background-image: url(images/Trains/ballest.jpg);
    #title {
    height: 250px;
    width: 950px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    border: medium solid #F90;
    position: relative;
    #navbar {
    height: 35px;
    width: 950px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    border: medium solid #F90;
    position: relative;
    padding-left: 0px;
    padding-top: 3px;
    background-color: #FDFDDB;
    #main {
    height: auto;
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    border: medium solid #F90;
    position: relative;
    background-color: #fdfddb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    #main h2 {
    text-align: center;
    font-size: larger;
    </style>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <!-- InstanceBeginEditable name="head" -->
    <style type="text/css">
    #main p a img {
    border: medium solid #F90;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 40px;
    </style>
    <!-- InstanceEndEditable -->
    </head>
    <body>
    <div id="title"><img src="images/Trains/traintitle.jpg" width="950" height="250" alt="title" /></div>
    <div id="navbar">
      <ul id="aboose" class="MenuBarHorizontal">
        <li><a href="rrindex.html" class="MenuBarItemSubmenu">RR Home</a>
          <ul>
            <li><a href="rrabout.html">About</a></li>
    </ul>
        </li>
    <li><a class="MenuBarItemSubmenu" href="rrstart.html">Our Story</a>
          <ul>
            <li><a href="rrfriends.html">Friends</a>        </li>
            <li><a href="rrpower.html">Power</a></li>
            <li><a href="rrmeanwhile.html">Track</a></li>
            <li><a href="rrmore.html">More Track</a></li>
            <li><a href="rrready.html">Ready</a></li>
          </ul>
        </li>
        <li><a href="rropenhouse.html" class="MenuBarItemSubmenu">Open House </a>
          <ul>
            <li><a href="rrsanjose.html">San Jose</a></li>
          </ul>
        </li>
        <li><a href=" " class="MenuBarItemSubmenu">Roster</a>
          <ul>
            <li><a href="rrmotivepwr.html">Motive Power</a></li>
            <li><a href="rrrollingstock.html">Rolling Stock</a></li>
            <li><a href="rrpassenger.html">Passenger </a></li>
            <li><a href="rrcaboose.html">Cabbose</a></li>
            <li><a href="rrcaboose.html">M. O. W.</a></li>
          </ul>
        </li>
      </ul>
    </div>
    <!-- InstanceBeginEditable name="main container" -->
    <div id="main">
      <h2>Our Track Plan </h2>
      <p><a href="images/Trains/trackplan.jpg"><img src="images/Trains/trackplan.jpg" width="850" height="668" alt="trackplan" /></a></p>
      <h2>Our Yard</h2>
      <p><a href="images/Trains/backyard.jpg"><img src="images/Trains/backyard.jpg" alt="yard" width="850" height="575" /></a></p>
      <h2> <a href="rrstart.html">Follow along on a journey through the creation of the Brickyard Garden Railroad</a></h2>
      <h2><a href="rrindex.html">Back to the top of the page</a></h2>
      <p> </p>
      <h2><a href="tindex.html">Woodturning</a></h2>
    </div>
    <!-- InstanceEndEditable --><script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("aboose", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    <!-- InstanceEnd --></html>

  • Javascript error when selecting Spry Menu Bar in Design View

    Hi there,
    I get the following error message when trying to format the Spry Menu Bar in Design View:
    "while executing inspectSelection in spry_menu.htm, a Javascript error occurred."
    I have tried the following troubleshooting steps:
    deleting site cache
    closing/re-opening Dreamweaver
    deleting Spry Menu Bar and recreating - same error occurs.
    Other information:
    I am using a MacBook Pro
    it happens when clicking on the Menu Bar itself. I just want to change the properties
    the Spry Menu Bar does not appear in Live View.
    Here is a link to my site on Browserlab. It has not yet been published:
    https://browserlab.adobe.com/en-us/index.html#zoom=100;state=use;view=0;url=dreamweaver%3A %2F%2Fsite%3AHope%2520Against%2520Hope%2FHAH_home.html;browsers=WXPIE6000%2CWXPIE9000%2COS XFF7000%2COSXSF5000%2CWXPCH14000
    Is it a case of changing one of the values in the spry_menubar.js file?
    Can anyone help?
    Thanks,
    Charlie

    Hi there,
    The problem appears to have returned. I am getting the same error message as before and also an error saying there is a syntax error in my source code. Dreamweaver tells me which line the error is in:
    var MenuBar1 = new Spry.Widget.MenuBar("hope_menu", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    In response to your earlier questions/points:
    I am using version 0.13 of SpryMenuBar.js (is this what you mean?)
    The menu now shows in Live View as I would expect it to
    Here is a link to my published site:
    http://hopeagainsthopeuk.co.uk/HAH_home.html
    Do you have any further advice?

  • Image missing from design view

    Hi. In DW CS4 on XP.
    I have an image that is missing in my design view from DW. It shows up in the live view, but when I select it I cannot get the option to change the image.
    I do not want to change the image in the code. It is not loading my new picture under the same filename for some reason.
    I have all the visual aids shown except the first 2 listed: CSS layout backgrounds & box models.
    I tired selecting all over the table this page is designed in. I cannot seem to select that picture missing. Right now it is a missing link & usually I am able to click the missing link box. I even tried opening it up in DW 8, but I am not even able to select the box, but at least I see it.
    Please help if you can.
    Thanks.

    I would have said "Try renaming the folder containing the images in Rh's Project Manager. That sometimes fixes the problem. You can revert to the old name afterwards."
    Keeping all the images, and / or topics, in the root is never a good idea. It can slow things down and it's messy.
    You can move the images you can see but obviously you cannot move the others. Try moving a topic that has one of the images to a different folder and see if that refreshes. Also try deleting the CPD file and reopening Rh.
    Backup first.
    See www.grainge.org for RoboHelp and Authoring tips
    @petergrainge

  • JavaScript does not display in Design view

    Hi,
    I am just starting to learn JavaScript so excuse my, maybe stupid, questions.
    Why the following code does not display Hello world! in Split view on the "design" side? When I upload the file onto the server and try to view it in the browser everything displays normally.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Homepage</title>
    </head>
    <body>
    <script type="text/javascript">
    document.write("Hello World!");
    </script>
    </body>
    </html>

    Hi,
    This is normal, design view is simply a way of either creating your website using the wysiwyg method or if you code the website it is a way of getting an idea what the site will look like static.  Design view doesn't run any scripts, which is why in the more recent versions of dreamweaver we have LiveView which does run the scripts and allow you to interact with drop down menus and the like, which you can't do in DesignView.
    Richard

  • Images Missing In Design view

    Hello,
    I am hoping to get some advice fixing the following DW
    problem:
    In WYSIWYG mode I can’t view any images while trying to
    modify a .ASP page. I can see the code via code view. But
    can’t see anything in the design view on my default.asp page.
    I can see other pages correctly, with the exception of the
    header include.
    I seem to have had this issue in the past, like maybe with
    Dreamweaver 3. I forgot what my settings fix was.
    I have double checked with my work mates Dreamweaver CS2
    settings. And we matchup perfectly with the exception that his
    works and mine does not.
    Help, I am running out of hair to pull out.
    Thanks!

    We operate off of a network drive so we can all see the same
    files. We use checkout to keep from over writing each other. We
    then have a staging server that we upload the files to to test.
    Then we can deploy to a our live servers.
    All of the code base has worked with no issues since 2000.
    This includes our use of includes and our folder paths.
    The only thing that is different is that I wiped the computer
    I am currently using, which up until a week ago was using DW8, did
    a clean install of the windows package, installed my licensed copy
    of CS3 design studio, and completed all of the Adobe updates up
    until yesterday.
    We are using links relative to document. I have tried setting
    it to site root, but that had no effect.
    I have been using and setting up multiple .asp websites using
    Dreamweaver since v3/UltraDev. I have also got a licensed copy of
    CS3 on my notebook computer and do not have these issues.
    I am thinking that I should un-install and do a clean
    reinstall and see what that does.
    There are some threads around the internet that my buddy
    found that said to turn on DW8 then turn on DW9, it may take a few
    times, but they got it to display the bits I am missing. I think
    this is kinda cheesy, but I guess if it works...
    Bill Strong
    Webmaster
    University of Virginia Bookstores

  • Design view, Bkg is missing..help

    My web site pages look fine online. But, when I look at them
    in DW CS3(local view) they are missing the Background styles. The
    CSS says they are there and they are in my images folder but I
    can't see them in design view. I could see them yesterday. And when
    I upload the pages to the server they look fine online. Also, My
    co-worker who is using DW8 can see them. He even uploaded a page
    and then I downloaded it to my local and I still can't see the Bkg.
    images...HELP

    "gsanteWPP" <[email protected]> wrote in
    message
    news:go3vn6$e8c$[email protected]..
    > My web site pages look fine online. But, when I look at
    them in DW
    > CS3(local
    > view) they are missing the Background styles. The CSS
    says they are
    > there and
    > they are in my images folder but I can't see them in
    design view. I
    > could see
    > them yesterday.
    You have probably turned off the display of styles by
    accident. Go to
    View > Style Rendering, and check that Screen Media Type
    and Display
    Styles are both selected.
    David Powers
    Adobe Community Expert, Dreamweaver
    http://foundationphp.com

  • In the latest update to Dreamweaver, tables guides/guidelines are missing when the border is set to 0. Before they used to show a guide in design view. Any idea on getting this back?

    I noticed that under VIEW > VISUAL AIDS there is a table borders option. But that whole menu is grayed out.
    For designing e-mails, this would be extremely useful.

    Are you in Live or Design View?

  • Design View is missing.

    Please help,
    When editing fluid layouts, I lose the design view option.. This makes it much harder for me to do ANYTHING, because I do not have a lot of code experience.

    would these work?
    embedded chrome browser
    embedded firefox
    embedded webkit
    in cs5, it was webkit. I tried to upgrade mine, but I have something else broken and design view still doesn't work.
    I modified MMDocumentTypes*.xml and now it errors
    "The Document Type "SHTML" will not be added because it uses a file extension that is already associated with a prior Document Type. [OK]"
    I can't figure out what causes this. I only remember changing the <html> to <html lang='en'> in the SHTML related template files.
    should not be that big of a deal.
    to F:\Program Files\Adobe Dreamweaver CS5\configuration\DocumentTypes\MMDocumentTypes.xml I added
    <documenttype id="menu7_XML" servermodel="XML" internaltype="XML" dynamicid="XML" winfileextension="xml" macfileextension="xml" file="Default-menu7.xml" writebyteordermark="false" mimetype="text/xsl">
    <TITLE>
    <MMString:loadString id="mmdocumenttypes_70" />
    </TITLE>
    <description>
    <MMString:loadString id="mmdocumenttypes_71" />
    </description>
    <dtdcontext>none</dtdcontext>
    <!-- dtdcontext>required</dtdcontext -->
        </documenttype>
    although I would like to know here the trailing numbers come from.
    to F:\Program Files\Adobe Dreamweaver CS5\configuration\DocumentTypes\MMDocumentTypeDeclarations.xml
    <documenttypedeclaration id="mm_xslt_1">
    <title></title>
    <doctypedecl>
    <![CDATA[<!DOCTYPE xsl:stylesheet  [
        <!ENTITY nbsp   "&#160;">
    ]>
    ]]>
    </doctypedecl>
    <rootelement>
    <![CDATA[<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"></xsl:stylesheet>]]>
    </rootelement>
        </documenttypedeclaration>
        <documenttypedeclaration id="mm_html_5">
    <title>
    <MMString:loadString id="mmdocumenttypedeclarations/mm_html_5" />
    </title>
    <doctypedecl>
    <![CDATA[<!DOCTYPE html>]]>
    </doctypedecl>
    <rootelement>
    <![CDATA[<html lang='en'></html>]]>
    </rootelement>
    <dtdcontext>html</dtdcontext>
    <dtdcontext>frameset_frame</dtdcontext>
    <dtdcontext>xslt</dtdcontext>
        </documenttypedeclaration>
        <documenttypedeclaration id="mm_menu7_XML">
    <title>
    <MMString:loadString id="mmdocumenttypedeclarations/mm_menu7_XML" />
    </title>
    <doctypedecl>
    <![CDATA[<?xml version="1.0" encoding="UTF-8"?>
    <?xml-stylesheet type="text/xsl" href="menu7.xsl"?>]]>
    </doctypedecl>
    <rootelement>
    <![CDATA[<ul
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="menu7-2014-09-30.xsd">
    <visitor priority="0.8" href="/index.html" title="HOME">
    <visitor priority="0.8" href="//index.html" title="">
    <visitor priority="0" href="/contactme.php" title="Contact me"/>
    </visitor>
    <visitor priority="0" href="/contactme.php" title="Contact me"/>
    </visitor>
    </ul>]]>
    </rootelement>
    <dtdcontext>xml</dtdcontext>
    <dtdcontext>xslt</dtdcontext>
        </documenttypedeclaration>

  • HTML entity missing in Design View

    Hi Folks,
    When I use the HTML entity &rarr; (right arrow), it renders properly in browsers as an arrow, but it shows as an empty box in Dreamweaver Design View. This is common with some other special characters also.
    Any idea as to why this happens?
    Thanks.
    Paul
    Dreamweaver 8
    Windows XP Pro SP3

    I just tried it in DW8 and it works for me.
    Pasted in code view.  &rarr;
    Are you using a valid document type?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Code hints and Design view preview missing

    Using FB with Flex sdk 3.3 and AFCS SDK 0.91. I installed the
    SDK per the instructions in the ACFS dev guide. I then added the
    FP9 afcs.swc to my project build path and compile for fp 9.0.124
    The sample apps do compile and run.
    However
    1. I am getting no code hinting for the acfs classes
    2. IN design view, the components show as white rectangles
    with red x's and obscure the flex components
    3. The design view>components view, the acfs folder is
    empty, while the "custom" folder is full of acfs components.
    Any idea as to what might be incorrect?
    Thanks,
    Will

    Hi Will,
    I think it turns out we made a slight error in the dev guide
    in the setup instructions - we mention that you should link the
    AFCS source into your project in order to debug. Unfortunately this
    seems to override the useful metadata baked into the SWC which
    makes the SDK work with FB more seamlessly.
    Advice : Remove the source path, then go to the library
    path. Where you see AFCS.swc, expand it and select "source
    attachment". Hit the edit button and add the source path there.
    This seems to do the trick, allowing you to debug into the code
    without overriding the swc itself.
    We'll get the docs fixed up to reflect this better way to
    set up the SDK.
    thanks
    nigel

  • Images broken in design view on new computer paths leading to old harddrive?

    I recently got a new imac and installed cs5 dreamweaver ( I was using dreamweaver 8 but it no longer works in mountain lion) . I redfined the site all was fine then I must have done something and now suddenly all my images are broken in design view and in brower and live view! The site shows the images online from the server but everything is broken in design view. The directory is a mess as I used way too may subfolders when I first did the site but it's too large to start over. I tried deleting the site from my harddrive all together and creating a new folder for it and just getting the entire site from the server but the images still don't show. I don't want to have to go to every page on the site and fix broken links! I can pull an image into a page by browsing to the folder on my harddrive but they are not appearing anymore on their own. If the images were uploaded originally from another computer and the folder being used now for the site on my harddrive is different that won't break the image paths will it? It all worked fine until a few days ago. What I don't understand is I thought the images wouldn't show if they were only on the server and not on my harddrive but since I just GOT the site from the server, all the images ARE now on my harddrive in the new folder so why still nothing showing? I I tried right clicking the broken images and showing design notes they seem to be lookin for a path to my old computer where the harddrive was named differently than it is now. Is there ANY way to fix this? What about renaming my harddrive to the old name?
    Greatful for any advice but I am very much a newbie so not sure I will be able to do what I need to.
    Mary Ann

    Spaces in folder/filenames are not a good practice.  Space are converted to %20 on the server.  DW's Design View often can't reconcile this.  Best advice is to remove the spaces and use underscores _ or hyphens -
    Rename this:
    http://www.thedqtimes.com/Jane_site/Lake%20Effects/lakeeffectsjdaughters.jpg
    http://www.thedqtimes.com/Becky%20H%20stories/Untitled-1.jpg
    To this:
    http://www.thedqtimes.com/Jane_site/Lake_Effects/lakeeffectsjdaughters.jpg
    http://www.thedqtimes.com/Becky_H_stories/Untitled-1.jpg
    Also, you have a misplaced <head> tag.  It needs to be above the Dynamic drive Javascript code.
    <head>
         <script> </script>
         <style> <style>
    </head>
    Some pages are missing an HTML doc type declaration.  This sends browsers into Quirks Mode.
    Use validation tools to check for other code errors.
    Code Validation Tools
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    Nancy O.

  • Certain images not showing up in Design View

    Hi,
    I recently switched from Dreamweaver CS5.5 to CS6 with Creative Cloud but now some of my images aren't showing up in Design View. Everything is fine in Live View.
    Any help would be gratefully received. I have attached the CSS & the HTML as well as two screen shots of Design View and Live View.
    The CSS is:
    /* Getting the new tags to behave */
    article, aside, audio,
    canvas, command,
    datalist, details,
    embed,
    figcaption, figure, footer,
    header, hgroup,
    keygen,
    meter,
    nav,
    output,
    progress,
    section, source,
    video {
              display:block;
    mark,
    rp, rt, ruby,
    summary,
    time {
              display:inline;
    /* Global properties ======================================================== */
    body {
              background-color:#000;
              background-repeat:no-repeat;
              background-position:center top;
              background-image:url(../images/body-bg.jpg);
              background-attachment:fixed;
              font-family:Arial, Helvetica, sans-serif;
              font-size:100%;
              line-height:1em;
              color:#949595;
    html {
              min-width:967px;
    html,
    body {
              height:100%;
    /* Global Structure ============================================================= */
    #main {
              margin:0 auto;
              width:967px;
              font-size:.75em;
              /* Header */
              header {
                        position:relative;
              /* Sidebar */
              aside {
                        width:227px;
                        float:left;
                        margin-right:32px;
                        padding-bottom:33px;
              /* Content */
              section#content {
                        float:left;
                        width:675px;
                        padding-top:6px;
              /* Footer */
              footer {
                        padding-left:3px;
                        background:url(../images/border-left.png) repeat-y left top;
                        color:#535353;
    /* Left & Right alignment */
    .fleft {
              float:left;
    .fright {
              float:right;
    .clear {
              clear:both;
    .col-1,
    .col-2,
    .col-3 {
              float:left;
    .alignright {
              text-align:right;
    .aligncenter {
              text-align:center;
    .wrapper {
              width:100%;
              overflow:hidden;
    /*----- form defaults -----*/
    input,
    select,
    textarea {
              font-family:Arial, Helvetica, sans-serif;
              font-size:1em;
              vertical-align:middle;
              font-weight:normal;
    fieldset {
              border:0;
    /*----- lists -----*/
    .banners {
              width:100%;
              overflow:hidden;
              padding-bottom:15px;
              .banners li {
                        float:left;
                        padding-left:4px;
    .list li {
              font-size:1.17em;
              padding:0 0 19px 22px;
              background:url(../images/marker.png) no-repeat left 2px;
    .list li.last {
              padding-bottom:0;
    .list1 li {
              width:100%;
              overflow:hidden;
              padding-bottom:27px;
              .list1 li img {
                        float:left;
                        margin-right:22px;
    .column-list {
              width:100%;
              overflow:hidden;
              .column-list li {
              float:left;
              width:200px;
              margin-right:27px;
              .column-list li.last {
                        margin:0;
                        .column-list li img {
                                  margin-bottom:18px;
    .events-list {
              width:100%;
              overflow:hidden;
              .events-list li {
                        float:left;
                        line-height:1.5em;
                        width:320px;
                        margin-right:25px;
                        padding-bottom:20px;
              .events-list li.alt {
                        margin-right:0;
                        .events-list li img {
                                  float:left;
                                  margin-right:11px;
    .testimonials li {
              line-height:1.5em;
              padding-bottom:18px;
              .testimonials li cite {
                        font-style:normal;
              .testimonials li h5 {
                        text-align:right;
                        margin:0;
                        padding-top:6px;
    /*----- other -----*/
    .img-indent {
              margin:0 0 20px 0;
    .extra-wrap {
              overflow:hidden;
    p {
              margin-bottom:16px;
              line-height:1.5em;
    dl {
              line-height:1.5em;
              dl dt {
                        font-weight:bold;
                        color:#4b4b4b;
                        margin-bottom:6px;
              dl dd {
                        padding-bottom:20px;
              dl dd.last {
                        padding:0;
              .address dd {
                        clear:both;
                        .address dd span {
                                  float:left;
                                  width:96px;
                        .address dd a {
                                  font-size:1.17em;
    address {
              font-style:normal;
              line-height:1.5em;
              address a {
                        font-size:1.17em;
              address span {
                        float:left;
                        width:103px;
    /*----- txt, links, lines, titles -----*/
    a {
              color:#12b7f4;
              outline:none;
    a:hover {
              text-decoration:none;
    h1 {
              font-size:20px;
              line-height:1em;
              font-weight:normal;
              padding:55px 0 0 3px;
              h1 a {
                        color:#fff;
                        text-decoration:none;
              h1 strong {
                        font-size:55px;
                        line-height:1.2em;
                        letter-spacing:-2px;
                        top:-37px;
                        position:relative;
    h2 {
              font-size:1.917em;
              line-height:1.2em;
              letter-spacing:-1px;
              font-weight:normal;
    h5 {
              font-size:1em;
              line-height:1.5em;
              color:#4b4b4b;
              margin-bottom:6px;
              h5 a {
                        color:#4b4b4b;
    .txt1 {
              font-size:1.17em;
    .rss {
              position:absolute;
              right:18px;
              top:18px;
              background:url(../images/rss.gif) no-repeat right top;
              padding:10px 45px 8px 0;
              color:#7d7d7d;
              text-decoration:none;
              font-size:1.17em;
              text-transform:uppercase;
    .rss:hover {
              text-decoration:underline;
    .link1 {
              display:block;
              position:relative;
              float:left;
              background-repeat:no-repeat;
              background-position:right top;
              background-image:url(../images/link1-right.png);
              color:#fff;
              line-height:1.2em;
              text-transform:uppercase;
              text-decoration:none;
              cursor:pointer;
              .link1 span {
                        display:block;
                        float:left;
                        background-repeat:no-repeat;
                        background-position:left top;
                        background-image:url(../images/link1-left.png);
                        padding:0 10px;
              .link1 b {
                        background-repeat:repeat-x;
                        background-position:left top;
                        background-image:url(../images/link1-bgd.png);
                        padding:8px 7px 9px 7px;
                        display:block;
                        float:left;
              .link1:hover b {
                        text-decoration:underline;
    .link2 {
              width:70px;
              height:30px;
              text-align:center;
              text-transform:uppercase;
              color:#fff;
              text-decoration:none;
              display:block;
              float:right;
              font-weight:bold;
              overflow:hidden;
              line-height:2.6em;
              background-repeat:no-repeat;
              background-position:left top;
              background:url(../images/link2-bg1.png);
    .link2:hover {
              text-decoration:underline;
    /*==================boxes====================*/
    .nav-box {
              width:100%;
              position:relative;
              padding-bottom:11px;
              margin-top:-23px;
              .nav-box .left {
                        padding-left:20px;
                        background:url(../images/nav-box-left.png) no-repeat left top;
              .nav-box .right {
                        padding-right:20px;
                        background:url(../images/nav-box-right.png) no-repeat right top;
              .nav-box nav {
                        height:72px;
                        background:url(../images/nav-box-tail.png) repeat-x left top;
              .nav-box nav ul {
                        padding-top:13px;
                        width:100%;
                        overflow:hidden;
                        .nav-box nav ul li {
                                  float:left;
                                  font-size:1.583em;
                                  line-height:1.2em;
                                  letter-spacing:-1px;
                                  .nav-box nav ul li a {
                                            color:#535353;
                                            display:block;
                                            float:left;
                                            cursor:pointer;
                                            background:url(../images/spacer.gif);
                                            text-decoration:none;
                                            text-shadow:#fff 1px 1px;
                                  .nav-box nav ul li a:hover,
                                  .nav-box nav ul li a.active {
                                            color:#fff;
                                            background:url(../images/nav-act-tail.gif) repeat-x left top;
                                            text-shadow:#fff 0 0;
                                            .nav-box nav ul li a span {
                                                      display:block;
                                                      float:left;
                                                      background:url(../images/spacer.gif);
                                            .nav-box nav ul li a:hover span,
                                            .nav-box nav ul li a.active span {
                                                      background:url(../images/nav-act-left.gif) no-repeat left top;
                                            .nav-box nav ul li a b {
                                                      display:block;
                                                      float:left;
                                                      background:url(../images/spacer.gif);
                                                      padding:10px 23px 14px 23px;
                                            .nav-box nav ul li a:hover b,
                                            .nav-box nav ul li a.active b {
                                                      background:url(../images/nav-act-right.gif) no-repeat right top;
    .box {
              width:237px;
              color:#fff;
              .box .top {
                        background-repeat:no-repeat;
                        background-position:left top;
                        background-image:url(../images/box-top.png);
                        height:14px;
                        overflow:hidden;
                        font-size:0;
                        line-height:0;
              .box .bot {
                        background-repeat:no-repeat;
                        background-position:left top;
                        background-image:url(../images/box-bot.png);
                        height:15px;
                        overflow:hidden;
                        font-size:0;
                        line-height:0;
              .box .xcontent {
                        background-repeat:repeat-y;
                        background-position:left top;
                        background-image:url(../images/box-tail.gif);
                        .box .xcontent .bg {
                                  min-height:137px;
                                  height:auto!important;
                                  height:137px;
                                  background-repeat:no-repeat;
                                  background-position:left top;
                                  background-image:url(../images/box-bg.jpg);
              .box .inner {
                        padding:2px 35px 0 26px;
              .box h2 {
                        font-size:2.417em;
                        font-weight:bold;
                        margin-bottom:4px;
                        text-shadow:#0b97e4 1px 1px;
              .box p {
                        line-height:1.583em;
                        margin-bottom:9px;
    /* box style1 */
    .box.style1 .top {background-image:url(../images/box-top1.png);}
    .box.style1 .bot {background-image:url(../images/box-bot1.png);}
    .box.style1 .xcontent {background-image:url(../images/box-tail1.gif);}
    .box.style1 .xcontent .bg {background-image:url(../images/box-bg1.jpg);}
    .box.style1 .link1 {background-image:url(../images/link1-right1.png);}
    .box.style1 .link1 span {background-image:url(../images/link1-left1.png);}
    .box.style1 .link1 b {background-image:url(../images/link1-bgd1.png);}
    .box.style1 h2 { text-shadow:#78b10b 1px 1px;}
    /* box style2 */
    .box.style2 .top {background-image:url(../images/box-top2.png);}
    .box.style2 .bot {background-image:url(../images/box-bot2.png);}
    .box.style2 .xcontent {background-image:url(../images/box-tail2.gif);}
    .box.style2 .xcontent .bg {background-image:url(../images/box-bg2.jpg);}
    .box.style2 .link1 {background-image:url(../images/link1-right2.png);}
    .box.style2 .link1 span {background-image:url(../images/link1-left2.png);}
    .box.style2 .link1 b {background-image:url(../images/link1-bgd2.png);}
    .box.style2 h2 { text-shadow:#ff6900 1px 1px;}
    /* box style3 */
    .box.style3 .top {background-image:url(../images/box-top3.png);}
    .box.style3 .bot {background-image:url(../images/box-bot3.png);}
    .box.style3 .xcontent {background-image:url(../images/box-tail3.gif);}
    .box.style3 .xcontent .bg {background-image:url(../images/box-bg3.jpg);}
    .box.style3 .link1 {background-image:url(../images/link1-right3.png);}
    .box.style3 .link1 span {background-image:url(../images/link1-left3.png);}
    .box.style3 .link1 b {background-image:url(../images/link1-bgd3.png);}
    .box.style3 h2 { text-shadow:#ffad07 1px 1px;}
    .box1 {
              width:227px;
              .box1 .top {
                        height:49px;
                        overflow:hidden;
                        background:url(../images/box1-top.png) no-repeat left top;
              .box1 .bot {
                        height:17px;
                        font-size:0;
                        line-height:0;
                        overflow:hidden;
                        background:url(../images/box1-bot.gif) no-repeat left top;
              .main-box .box1 .border-left {
                        padding-left:1px;
                        background:url(../images/box1-border.gif) repeat-y left top;
              .main-box .box1 .border-right {
                        padding-right:1px;
                        background:url(../images/box1-border.gif) repeat-y right top;
              .main-box .box1 .xcontent {
                        width:100%;
                        min-height:261px;
                        height:auto!important;
                        height:261px;
                        padding:0;
                        background:url(../images/box1-tail.gif) repeat-x left top #f8f8f8;
              .main-box .box1 .inner {
                        padding:12px 14px 20px 18px;
              .box1 h2 {
                        font-weight:bold;
                        color:#fff;
                        padding:10px 0 0 18px;
    .box2 {
              width:227px;
              .box2 .top {
                        height:15px;
                        overflow:hidden;
                        background:url(../images/box2-top.png) no-repeat left top;
              .box2 .bot {
                        height:16px;
                        font-size:0;
                        line-height:0;
                        overflow:hidden;
                        background:url(../images/box2-bot.gif) no-repeat left top;
              .main-box .box2 .border-left {
                        padding-left:1px;
                        background:url(../images/box2-border.gif) repeat-y left top;
              .main-box .box2 .border-right {
                        padding-right:1px;
                        background:url(../images/box2-border.gif) repeat-y right top;
              .main-box .box2 .xcontent {
                        width:100%;
                        min-height:113px;
                        height:auto!important;
                        height:113px;
                        padding:0;
                        background:url(../images/box2-tail.gif) repeat-x left top #f6f6f6;
              .main-box .box2 .inner {
                        padding:0 14px 20px 18px;
              .box2 h2 {
                        font-weight:bold;
                        color:#3c3c3c;
                        margin-bottom:16px;
    .main-box {
              width:100%;
              .main-box .left-top-corner {
                        background:url(../images/left-top-corner.png) no-repeat left top;
                        height:18px;
                        padding-left:18px;
              .main-box .right-top-corner {
                        background:url(../images/right-top-corner.png) no-repeat right top;
                        height:18px;
                        padding-right:18px;
              .main-box .border-top {
                        background:url(../images/border-top.png) left top repeat-x;
                        height:18px;
                        font-size:0;
                        line-height:0;
                        width:100%;
              .main-box .border-left {
                        background:url(../images/border-left.png) left top repeat-y;
                        padding-left:3px;
              .main-box .border-right {
                        background:url(../images/border-right.png) right top repeat-y;
                        padding-right:3px;
              .main-box .xcontent {
                        background:#fff;
                        padding:0 2px;
              .main-box .tail {
                        background:url(../images/main-box-tail.gif) repeat-x left top;
                        width:100%;
              .main-box .inner {
                        padding:3px 15px 0 8px;
              .main-box .inner1 {
                        padding:3px 8px 0 25px;
                        .main-box .inner1 aside {
                                  margin:0;
                        .main-box .inner1 #content {
                                  margin-right:32px;
                                  width:665px;
              .main-box .inner2 {
                        padding:3px 25px 35px 25px;
                        .main-box .inner2 #content {
                                  width:auto;
                                  float:none;
    /*===== content =====*/
    #content h2 {
              color:#3e3e3e;
              letter-spacing:0;
              margin-bottom:16px;
    #content .indent {
              padding-bottom:60px;
    #content .link2 {
              background-image:url(../images/link2-bg2.png);
              float:left;
    /*===== Sidebar =====*/
    aside .indent {
              margin-bottom:20px;
    /*===== footer =====*/
    footer .right {
              padding-right:3px;
              background:url(../images/border-right.png) repeat-y right top;
    footer .tail {
              padding:17px 0 11px 27px;
              background-color:#2d2d2d;
    footer .line-ver {
              background:url(../images/divider.gif) repeat-y 210px 0;
              width:100%;
              overflow:hidden;
    footer .fleft a {
              color:#535353;
              text-decoration:none;
    footer .fleft a:hover {
              text-decoration:underline;
    footer .fleft {
              padding-bottom:8px;
              footer .fleft ul {
                        padding:8px 0 3px 0;
                        footer .fleft ul li {
                                  display:inline;
    footer .fright {
              padding:0 29px 0 0;
              text-align:right;
              footer .fright a {
                        color:#12b7f4;
              footer .fright ul {
                        padding:8px 0 5px 0;
                        footer .fright ul li {
                                  display:inline;
                                  padding-right:15px;
                                  margin-right:12px;
                                  background:url(../images/divider1.gif) no-repeat right 3px;
                                  footer .fright ul li a {
                                            text-decoration:none;
                                            color:#535353;
                                  footer .fright ul li a:hover,
                                  footer .fright ul li a.active {
                                            color:#c4c4c4;
                                            text-decoration:underline;
                        footer .fright ul li.last {
                                  background:none;
                                  padding:0;
                                  margin:0;
    /*----- forms -----*/
    #subscribe-form .rowElem {
              width:100%;
              overflow:hidden;
    #subscribe-form span {
              display:block;
              width:193px;
              height:26px;
              margin-bottom:6px;
              background:url(../images/input-bg.png) no-repeat left top;
    #subscribe-form input {
              background:none;
              border:0;
              line-height:1.2em;
              vertical-align:top;
              margin:5px 0 0 10px;
              color:#8c8d8d;
              width:173px;
    #subscribe-form a.fleft {
              color:#4b4b4b;
              font-weight:bold;
              position:relative;
              left:10px;
              top:7px;
    /* The Nivo Slider styles */
    #slider_box{ width:946px; height:370px; margin-top:-3px; margin-bottom:15px;background:url(../images/bg_img.png) 0 0 no-repeat; padding:21px 0 0 21px}
    #slider{ position:relative; width:925px; height:348px; z-index:88;overflow:hidden;}
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;          margin:0;z-index:60;display:none;}
    /* The slices in the Slider */
    .nivo-slice {display:block;          position:absolute;z-index:50;height:100%;}
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {          position:absolute; bottom:-34px;          z-index:99;          cursor:pointer;text-indent:-5000px; width:30px; height:30px;  display:block;}
    .nivo-prevNav { right:135px; background:url(../images/marker_left.gif) no-repeat}
    .nivo-prevNav:hover{ background:url(../images/marker_left_active.gif) no-repeat}
    .nivo-nextNav {right:10px; background:url(../images/marker_right.gif) no-repeat}
    .nivo-nextNav:hover{ background:url(../images/marker_right_active.gif) no-repeat}
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav{ position: absolute;z-index:99; right:14px; bottom:21px;}
    .nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; width:16px; height:16px; float:left; margin-right:6px; background:url(../images/buttons.png) right 0 no-repeat}
    .nivo-controlNav a.active { background-position:left}
    /* Caption styles */
    .nivo-caption { padding-top:77px; height:270px; width:345px;position:absolute; top:0px; right:20px; color:#fff; z-index:99;}
    .nivo-caption .box{ display:inline-block;background:url(../images/box.png) no-repeat; font:24px Arial, Helvetica, sans-serif; color:#fff; line-height:30px; text-align:center; font-weight:bold; width:83px; margin-right:10px;}
    .nivo-caption .text1{ font:36px Arial, Helvetica, sans-serif; color:#39c0f8; font-weight:bold; display:inline-block; line-height:1.2em; margin-top:-7px;}
    .nivo-caption .text2{ font:48px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; display:block; line-height:1.2em; margin-top:-10px; letter-spacing:-2px;}
    .nivo-caption p{ font-size:12px; color:#fff; line-height:14px; font-weight:bold; padding-top:8px;}
    .nivo-caption a{ display:inline-block; position:absolute; left:0; bottom:60px; background:url(../images/button-bg.png) 0 0 no-repeat; font:40px Arial, Helvetica, sans-serif; line-height:60px; padding-bottom:3px; text-align:center; width:194px; color:#fff; text-decoration:none;  letter-spacing:-2px;}
    .nivo-caption a:hover{ background-position:bottom}
    .color1 p{ color:#454545}
    .nivo-caption .color1 .text1{ font-size:30px; display:block; color:#454545; margin-top:0}
    .nivo-caption .color1 .text2{ color:#3b3b3b; display:inline-block; letter-spacing:-3px}
    .nivo-caption .color1 .box{ margin-right:0px; margin-top:7px; margin-left:7px}
    #contacts-form .rowElem {
              height:40px;
              #contacts-form .rowElem span {
                        display:block;
                        width:300px;
                        height:26px;
                        margin-bottom:6px;
                        background:url(../images/input-bg_2.png) no-repeat left top;
    #contacts-form input {
              background:none;
              border:0;
              line-height:1.2em;
              vertical-align:top;
              margin:5px 0 0 10px;
              color:#8c8d8d;
              width:300px;
    #contacts-form .rowElem1 span {
              display:block;
              width:300px;
              height:175px;
              margin-bottom:21px;
              background:url(../images/textarea-bg.gif) no-repeat left top;
    #contacts-form textarea {
              width:300px;
              height:168px;
              overflow:auto;
              background:none;
              border:0;
              color:#8c8d8d;
              padding:5px 0 2px 10px;
    #contacts-form .link2 {
              margin-left:15px;
    /*==========================================*/
    The HTML is:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>TravelSober.com Eastern Caribbean Sober Cruise</title>
    <meta name="keywords" content="Sober cruise, sober cruises, sober cruise vacations, sober holidays, sober travel, sober vacation, sober vacations, aa convention, sober safari, sober travel.">
    <meta name="description" content="Find out more about our Eastern Caribbean Sober Cruise or any of our other sober vacations.">
    <!-- TemplateEndEditable -->
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <!--[if lt IE 7]>
         <link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
         <script type="text/javascript" src="js/ie_png.js"></script>
         <script type="text/javascript">
            ie_png.fix('.png, .nav-box .left, .nav-box .right, nav, footer .right, footer, #slider, #slider .inside a, .box .top, .box .bot, .link1, .link1 span, .link1 b, .list li, .main-box .left-top-corner, .main-box .right-top-corner, .main-box .border-top, .main-box .border-left, .main-box .border-right, .box1 .top, .box2 .top, .link2, .link3, .events-list li img, #subscribe-form span');
         </script>
    <![endif]-->
    <!--[if lt IE 9]>
                <script type="text/javascript" src="js/html5.js"></script>
      <![endif]-->
    <style type="text/css">
    body,td,th {
              font-size: 92%;
    </style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-21210386-3']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = 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]; s.parentNode.insertBefore(ga, s);
    </script>
    <link href="images/favicon.ico" rel="SHORTCUT ICON">
    </head>
    <body id="page7">
    <div id="main">
       <!-- header -->
       <header>
         <h1><a href="index.html"><strong>TravelSober.com</strong></a></h1>
          <div class="nav-box">
             <div class="left">
                <div class="right">
                   <nav>
                      <ul>
                         <li><a href="index.html"><span><b>Home</b></span></a></li>
                         <li><a href="about-us.html"><span><b>About Us</b></span></a></li>
                         <li><a href="planned-trips.html"><span><b>Planned Trips</b></span></a></li>
                         <li><a href="instant-specials.html"><span><b>Bob's Super Specials</b></span></a></li>
                         <li><a href="testimonials.html"><span><b>Testimonials</b></span></a></li>
                         <li><a href="contact-us.html"><span><b>Contact Us</b></span></a></li>
                      </ul>
                   </nav>
                </div>
                <a href="#" class="rss">RSS</a> </div>
          </div>
          <ul class="banners">
             <li>
                <div class="box">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Sober Cruises</h2>
                            <p>Our cruises go to the best destinations on earth on a budget or in 6 Star luxury.</p>
                            <div class="wrapper"><a href="planned-cruises.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
             <li>
                <div class="box style1">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Friends of Lois Trips</h2>
                            <p>Al-Anon conferences and vacations</p>
                            <div class="wrapper"><a href="friends-of-lois-trips.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
             <li>
                <div class="box style2">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Conventions</h2>
                            <p>We take advantage of the many worldwide AA conventions combining them with tours.</p>
                            <div class="wrapper"><a href="sober-cruise-greece-2013.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
             <li>
                <div class="box style3">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Recovery</h2>
                            <p>Check out our sober resources page for all fellowships and the chance to meet new friends.</p>
                            <div class="wrapper"><a href="recovery-resources.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
          </ul>
       </header>
       <div class="main-box">
          <div class="left-top-corner">
             <div class="right-top-corner">
                <div class="border-top"></div>
             </div>
          </div>
          <div class="border-left">
             <div class="border-right">
                <div class="xcontent">
                   <div class="tail">
                     <div class="inner2">
                         <!-- content -->
                         <section id="content">
                            <h2><b>Costa Caribbean Cruise on the Mediterranea
    - November 30 – December 10, 2012</b><br><br>
                            <b>From $699 Per Person / Double-Occupancy. 10 days for the price of 7!</b></h2>
                            <p> <img src="images/costa-mediterranea-sober-cruise- caribbean-2012.jpg" alt="sober_cruise_caribbean" width="320" height="204" align="right"></p>
                            <h5>Enjoy the Bahamas, Jamaica, Grand Cayman Islands, Roatan, Belize and Cozumel with a round-trip from Miami. You will experience great Italian cuisine, fabulous entertainment and famous <i>In This Life</i> Custom Excursions. We will feature the best of snorkeling, scuba, golf, dolphin encounter and much more!<p></p>Get on board for one of our latest once in a lifetime opportunities. Costa Cruises has reached out to showcase their ships and famous Italian ambience. We have traveled extensively with Costa on one of their best vessels, the Mediterranea. <p></p>This is one of the most popular vessels in the Costa fleet and has been enjoyed by hundreds of <i>In This Life</i> clients. Costa has extended special rates because of the unfortunate accident in Europe. They are giving <i>In This Life</i> guests 10 days for the price of 7 with free upgrades on their November 30 combination Eastern-Western Caribbean cruise.<p></p>Join us for various meetings onboard everyday!</h5>
                            <h5>10-day itinerary includes: <dir>
                           <p>Day 1: Depart 9.00pm: Miami, Florida,<br>
                           Day 2: 9.00am - 6.00pm: Nassau, Bahamas,<br>
                           Day 3: At Sea,<br>
                           Day 4: 12.00pm - 7.00pm: Ochos Rios, Jamaica,<br>
                           Day 5: 9.00am - 6.00pm: Grand Cayman,<br>
                           Day 6: At Sea,<br>
                           Day 7: 8.00am - 6.00pm: Roatan, Honduras,<br>
                           Day 8: 8.00am - 5.00pm: Belize,<br>
                           Day 9: 8.00am - 7.00pm: Cozumel, Mexico,<br>
                           Day 10: At Sea,<br>
                           Day 11: Miami, Florida: Arrive 8.00am.</p>
                           </dir><h2>ITL special - Save up to $200 per person! These are exclusive prices ONLY AVAILABLE from <i>Travel Sober</i>. </h2>
                           <img src="images/Cribbean-sober-cruise-2012.jpg" alt="sober_cruise_caribbean" width="394" height="264" align="right">
                       <h5><p></p>Inside Cabin: $699<br>Ocean View Cabin: $699<br>Deluxe Ocean View Cabin: $899<br>Veranda Cabin: $899</p>
                           <p></p>
                           <p>Book an Inside Cabin for $699 and be upgraded for free to Ocean View.
    <p></p>Book Deluxe Ocean View for $899 and be upgraded for free to Veranda.
    Other free upgrades within categories – placement on first come, first served basis.
    <p></p>This is a Sober Cruise. Get a group together and get extra PERKS!
    </p>
                           <p><h2>Deposit now for best cabin placement, specials and free upgrades!</h2><br><br>
                           <img src="images/in-this-life-logo.jpg" alt="sober_cruise_caribbean" width="300" height="214" align="middle">
    <h5><h2>
    Call or Email Us Today</h2></a>
    <p></p><h2>Office: (805) 927-6910</h2>
    <h2>Toll Free: (800) 531-7578</h2>
    <p></p><br>
    <h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a><br>
    <h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a>
    </p></h5>
                       </section>
                      </div>
                   </div>
                </div>
             </div>
          </div>
       </div>
       <!-- footer -->
       <footer>
          <div class="right">
             <div class="tail">
       

    The MORE buttons aren't images.  They are in the HTML and appear to be styled with CSS to look like button images. 
         <span><b>more</b></span>
    Unfortunately, Design View is incapable of displaying CSS border-radius, gradients, shadows and other CSS level 3 properties.   That's why we have Live View which behaves more like a real browser.
    If you can't live with this, disable CSS in DW by going to View > Style Rendering > untick display styles. 
    Or, use a Design-Time Style Sheet that contains no CSS level 3 properties.
    Nancy O.

  • What is the replacement for design view in in flex builder 4.7 for cs extension builder?

    Because design view is not available in flash builder than what is the use of extension builder in UI designing now we have to do design UI with xml which is very time consuming and boring  if there is any replacemnt for it than please help me .1 more thing i want to know is that when i make new default project in extension builder(flash builder 4.6) than it also not able to load design mode errror is
    C:\Program Files\Adobe\Adobe Flash Builder 4.6\eclipse\plugins\com.adobe.cside.libsinstaller_2.0.0.4-33034\archive\cslibs\2.0\4.5\re lease\apedelta.swc- not respondingSWC file failed to load. Any component dependent on this SWC file will not be displayed in the Design Mode.The SWC may have failed to load because of:
    *  Incompatible definitions caused by usage of a different SDK version
    *  Missing referred class definitions

    I have researched this quite considerably and my understanding is that Adobe have no intention of supporting Design View any more for Extension Builder.  In my opinion a very disappointing decision and one that is hard to comprehend.
    The best workaround I can find is to create the majority of your design in a parallel, non Extension Builder, project and then convert/import your design into your Extension.  This is by no means as satisfactory as having Design View for the Extension you are writing but it is better than simply creating your layout by guess work/trial and error.
    Although this has not been announced by Adobe, I have a suspicion that the reason they have decided not to put any further resources into fixing Design View is that Extension Builder as we know it is going to be abandoned soon, probably replaced with an HTML5/JavaScript method of building extensions.  My concern with this is that, other than wanting reassurances that there will be backward compatibility support for old extensions, There will not be a way of compiling an extension in a way that prevents people from seeing your code.
    This is all speculation and I guess we will have to wait and see what happens.  Hope this has helped.

Maybe you are looking for