Not displaying not CSS

Hi there, I was wondering if someone can tell me why my css does not appear as of today?

Here is the page ive just brought changes to- http://www.allroots.org/Ray/index.html

Displaying the coordinates without css applied.

Ive tried to make changes on the other page and im having the same problems.

Thanks in advance to anyone who can help!

Benn

Allroots2.css #2459 line is a missing end ({}) support.

In addition, you can wrap #raycontact - line #78 of the main document - around the four following divisions.

Tags: Dreamweaver

Similar Questions

Mutiscreen preview does not display a css styles

The styles are displayed in Design view. Don't know what the problem is. What are site settings that work. I think I tried all, but maybe not.
Following is the head that I use on a MAC Pro OSX 10.5.8 following the tutorial online.
<! DOCTYPE HTML >
< html >
< head >
< meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 ">"
< title > coffee Citrus < /title >
<!-[if lte IE 8] >
< script type = "text/javascript" src = "javascript/html5.js" > < / script >
<! [endif]-->
"< link href="/css/desktop.css "rel ="stylesheet"type =" text/css"media =" only screen and (min-width: 769px) ">"
"< link href="/css/phone.css "rel ="stylesheet"type =" text/css"media =" only screen and (min-width: 0px) and (max-width: 320px) ">"
"< link href="/css/ipad.css "rel ="stylesheet"type =" text/css"media =" only screen and (min-width: 321px) and (max-width: 768px) ">"
< / head >

Hello

First of all, glad to hear it works for you now.

There are various articles and videos availible for using media-queries, (multiscreen preview) in dreamweaver, try - http://tv.adobe.com/product/dreamweaver/and http://www.youtube.com/watch?v=A4zy1tm95_s. Also tutorial Davids, (I think you follow) also contains a brief overview of this.

A more complete article, (actually an excerpt from a book) can be read here - http://my.safaribooksonline.com/book/graphic-design/9780132118002/working-with-html5-pack-extensions-en-dreamweaver-cs5/ch07lev1sec3.

Regarding setting up the remote control and the definitions of the test servers, I recommend to read the pdf manual provided with dreamweaver.

When it comes to 'Preview' to using models and zero-model files, it should be the same for both providing the site definitions are set correctly.

PZ

Site not displaying with CSS?

I downloaded the two images & CSS on my site that I am developing at http://domain3169704.sites.streamlinedns.co.UK/test/ , but just a plain page without style is the display on my online site and test site?
I have ensured that the CSS and images are in two locations, and yet it still does not appear?

What have I done wrong?

with sincere friendships.

Batch108

Path problem.

http://domain3169704.sites.streamlinedns.co.UK/test/assets/styles/BatchWord.CSS

works for me.

So try,

Parent document (works only on the pages on the same level of folder)

or

Root parent site (works on all pages)

Table not displayed in CSS
Hello
I really just learn to use CSS layouts in CS3. I used one of the models of DWCS3 CSS and I have a table for a site registration conversion and while I have in the mainContent div I'm table guard display below the rest of the page instead of just to the left of the navigation DIV. Any help would be appreciated.

Thank you
Daren
Post a link to the page, please.

--
Murray - ICQ 71997575
Adobe Community Expert
(If you * MUST * write me, don't don't LAUGH when you do!)
==================
http://www.dreamweavermx-templates.com - template Triage!
http://www.projectseven.com/go - DW FAQs, tutorials & resources
http://www.dwfaq.com - DW FAQs, tutorials & resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"drdagwood" wrote in message
News:febnjp$38g$1@forums. Macromedia.com...
> Hello,
> I really just learn to use CSS layouts in CS3. I used a
> of
> the DWCS3 CSS templates and I have a registration table for a site that I am
> conversion and while I have it in the mainContent div but the
> table
> keeps the display below the rest of the page instead of just for the
> left
> the navigation DIV. Any help would be appreciated.
>
> Thank you,
> Daren
>

IE6 have not css stylesheet
Hi all
I have a weird problem. I created a simple css style for a page header. On top of the white box to the right of the page, it should have the words 'Health and beauty' white text with a purple background. For some reason, the background color does not appear in IE 6. It appears in all the other browsers on the mac and windows platforms. Any ideas? The page is question is www.greenforlife.net/healthandbeauty.html. Css is as follows:

{body
background: #465e34;
color: #FFFFFF;
font: 14px Verdana, Arial, Helvetica, without serif.
margin: 0px;
padding: 0px;
}
#topnav ol {}
display: inline;
}
#signup a: hover {}
display: inline;
margin: 0px;
padding: 0px;
}
#footer {}
position: relative;
Width: 850px;
Bottom: 0px;
float: left;
margin: 30px;
text-align: center;
}
#footer a {}
text-decoration: none;
color: #FFFFFF;
}
{#wrapper}
Width: 850px;
margin-right: auto;
left margin: auto;
height: 930px;
background: #608246 url(images/reuse.jpg) non-repetition top left;
}
{#masthead}
Width: 320px;
position: relative;
left: 0px;
Top: 0px;
font: 14px Verdana, Arial, Helvetica, without serif.
color: #FFFFFF;
text-align: left;
float: left;
height: 91px;
background: #465E34;
padding-top: 5px;
}
{#mastheadtagline}
fonts: Verdana, Arial, Helvetica, without serif 1em;
color: #FFFFFF;
text-align: right;
float: left;
Width: 530px;
position: relative;
Top: 0px;
padding-top: 74px;
background: #465e34;
vertical-align: bottom;
padding-bottom: 5px;
}

#topnav li {}
list-style: none;
display: inline;
right margin: 3px;
border-right: thin solid #FFFFFF;
padding-right: 6px;
font size: 13px;
}
{.topnavrightli}
border-right: thin solid #8E66A9;
}
{#leftnav}
float: left;
Width: 175px;
position: relative;
top: 100.px;
color: #c2e2a9;
left: 0px;
line-height: 1.75em;
background: #465E34;
height: 550px;
top: 100px;
}
{#newslettertext}
make-style: italic;
line-height: normal;
color: #FFFFFF;
}
#content {}
float: left;
Width: 650px;
position: relative;
top: 30px;
left: 25px;
background: #FFFFFF;
border: thin solid #465E34;
height: 650px;
color: #465E34;
do-size: 12px;
}
{#flashholder}
position: relative;
Width: 650px;
Top: 0px;
height: 153px;
}
{#abouttext}
position: relative;
Width: 630px;
Top: 0px;
padding-top: 5px;
color: #465E34;
margin-left: 5px;
margin-right: 0px;
do-size: 12px;
padding-left: 5px;
}
{.sectionheader}
do-size: 16px;
make-style: italic;
background: #B7EBA1;
display: block;
border: thin solid #406432;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 30px;
}
. Highlight {}
do-size: 16px;
make-style: italic;
color: #3E0947;
display: block;
padding-top: 7px;
}
#abouttext img {}
float: left;
padding-right: 10px;
padding-left: 20px;
}
#abouttext li {}
list type: url(images/bulletimage.gif);
}
{#abouttextheader}
Width: 550px;
position: relative;
Top: 0px;
padding-left: 10px;
}
{#signup}
Width: 175px;
Top: 0px;
position: relative;
display: inline;
text-align: left;
}
{#gemoftheweek}
float: right;
Width: 310px;
position: relative;
border: thin solid #465E34;
margin: - 55px 0px 0px - 1px;
padding: 0px;
Top: 0px;
right: 0px;
height: 175px;
}
{#promotestext}
float: left;
Width: 300px;
Clear: right;
margin: 0px;
padding: 0px;
position: relative;
text-align: left;
}
{#reuse}
margin left: 30px;
top of the margin: 20px;
right margin: 20px;
}
{#gemheader}
do-size: 14px;
make-style: italic;
color: #FFFFFF;
background: #465E34;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
display: block;
margin: 0px;
}
{#contenttable}
position: relative;
Width: 650px;
Top: 0px;
}
{.tableheader}
background: #C3E2A9;
border: medium solid #465E34;
}
{.tableimg}
padding-left: 25px;
}
{#challengebox}
border: thin solid #465E34;
}
{#gemoftheweekcontent}
position: relative;
Width: 310px;
Top: 0px;
height: 145px;
}
{#gemtext}
font size: 15px;
make-style: italic;
padding-top: 0px;
text-align: center;
display: block;
float: right;
top of the margin: 40px;
Width: 130px;
margin-left: 5px;
}
#logo {}
background: #618247;
text-align: center;
float: left;
Width: 151px;
height: 70px;
margin-bottom: 10px;
} #gemimage {}
float: none;
Width: 151px;
position: relative;
top: 5px;
margin-right: auto;
left margin: auto;
padding-bottom: 10px;
}
{#logodivider}
background: #465E34;
Width: 175px;
height: 20px;
}
#topnav a: link {}
color: #FFFFFF;
text-decoration: none;
}
#leftnav li {}
list-style: none;
margin left:-25px;
}
#leftnav a: link {}
text-decoration: none;
color: #C2E2A9;
display: block;
}
#leftnav a: hover {}
color: #FFFFFF;
text-decoration: none;
background: #618247;
display: block;
}
#leftnav a: visited {}
color: #C2E2A9;
text-decoration: none;
}
#topnav a: visited {}
color: #FFFFFF;
text-decoration: none;
}
#topnav a: hover {}
color: c4eca5;
text-decoration: none;
}
{#topnav}
float: left;
Width: 800px;
position: relative;
Top: 10px;
background: url(images/purplenavbg.gif) no-repeat;
left: 25px;
text-align: center;
font size: 13px;
height: 25px;
padding-top: 4px;
}
#test {}
position: relative;
Width: 200px;
Top: 0px;
left: 50px;
}
{.pageheader}
color: #FFFFFF;
background: #8E66A9;
font size: 24 PX.
make-style: italic;
make-weight: bold;
border-top: 1px solid #41054A;
border-bottom: 1px solid #41054A;
display: block;
}
H1 {}
do-size: 14px;
make-weight: bold;
text-decoration: underline;
}
{.articleblock}
border-right: 1px solid #465E34;
border-left: 1px solid #465E34;
padding-right: 1em;
padding-left: 1em;
vertical-align: top;
}
{.articleblockright}
border-right: 1px solid #465E34;
padding-right: 1em;
padding-left: 1em;
}
H2 {}
make-weight: bold;
do-size: 12px;
}
Thank you
John
Thierry,
Great article. Thank you very much. After reading the articleI gave the pageheader, a width, and it solved the problem.
John

New model of bootstrap file is not css

I play with Bootstrap in the new version of Dreamweaver CC 2015.
I created a new site for the test, then "file / new", select "started models / Bootstrap models / 'Bootstrap-agency'.» I get a dialog box "save under" to "Agency.css" and simply click on "Save". (He points to the root of the site). I can get the original document to HTML (with the tab 'bootstrap.css', 'Agency.css', "jquery.js" and "bootstrap.js") and another ' Save as ' dialog box for the HTML file. (Even once, it points to the root of the site.) After clicking on 'save', I get the dialog box 'Copy dependent files' that lists all css, img, js, etc. files One of the files listed is "Agency.css".
"" ["When you click on 'Copy', I get an error that"c:\[path file in my root site] \Agency.css ' does not exist, so it cannot be copied."
I tried several other models, and they all give the same error.
Am I missing something?

FYI -.

Adobe technical support reset preferences DW CC 2015, and the model no longer try to create the file Agency.css (useless).

RoboHelp 11 detects not CSS styles imported

Help!
When I import a CSS in RoboHelp 11 and then try to map FM12 styles paragraph for selectors in CSS, RoboHelp can't see styles in the CSS. Here is a very simple example of the CSS that I use to test:
. {Title 1
font-size: 1.75em;
margin-bottom: .4em;
do-family: AvenirHeavy;
Color: #f00;
}
. Title2}
font-size: 1.5em;
margin-bottom: .4em;
do-family: AvenirHeavy;
Color: #f00;
}
. {Titre3}
font-size: 1.2em;
margin-bottom: .4em;
do-family: AvenirHeavy;
Color: #f00;
}
. {4}
do-size: 1em;
margin-bottom: .4em;
do-family: AvenirHeavy;
Color: #f00;
}
FM para tags are title 1, title 2, etc., but I can't have their card because I do not see the styles in the CSS. Help!

Maybe I'm late to the party, but my guess is that you cannot map

because you didn't include the tag in theCSS. Now, it's just a class

You can use it anywhere. by adding P, H1 - H6, you should be able to

map.

Kind regards

Willam

How can I stop Firefox displaying Javascript/CSS inline when viewing the Page (CTRL + U) Source?

Recently, I noticed that the Javascript and CSS files are shown online while you watch a page source. Is there a way to stop the Firefox to do this?

Thanks for the test.

When I try Reddit, this stylesheet is not inline in the page.

I can't access/browsing Netflix, I'm redirected to a login screen. But it seems strange that when I try to navigate around Netflix, I'm still on HTTPS and you load on HTTP.

This problem happens only in the pages of HTTP and not HTTPS pages?

Is it possible that some sort of proxy or security filter modifies the page until it reaches your browser?

CFdocument not convert IMG with CSS overflow hidden - displays the entire image

Title text here
series - amps.gif is strong 800px of 16px wide. He moves to his good display with css background-position: 0 - 50px; the overflow in the H4 (24 PX height) tag is hidden with css overflow: hidden. works great as html, but the PDF of CFdocument output image high hidden full 800px, not positioned, or overflow in H4. any ideas?

Unfortunately ColdFusion only supports CSS limited during conversion to PDF format.

The documentation for the cfDocument tag lists the supported CSS styles.

See you soon

Eddie

Mozilla firefox does not display a Notepad ++ web programming

Mozilla firefox does not display a notepad ++ web page programming and connect not css files. Currntly of programs using CSS + html5.

What is happening with the files that you have uploaded on the internet or with files saved locally on your computer?

Make sure that the HTML file has a .html file extension.

If the file has been uploaded to internet so could you give a link?

Why not FoxFire refuses to read a .css file on one page of my Web site

I built a website [fortseldenarmory.com]. I use PHP. I have a CSS file and all of the pages use it. A page recognizes the CSS file, but refused to read it. When you use the bar consul programming tool and go to the editor style of the page displays the CSS file. It says I have 0 rules. If I delete a single character in the CSS file and replace it with the same character in the file CSS is read. I have not changed the content of the CSS file, but now it works. As I rear tab through my site and return to this page, he refuses to read it again.

All other pages on the site have no problem with the same CSS file.

I erased all the internet temporary files, cookies settings an so on, rebooted and I still have the same problem.

on my server, I deleted the CSS drop a downloaded it yet again, I deleted and re-uploaded the page problem. I even renamed the page and the problem still persists.

Test all other web browsers with which I have no problem with the page.

I even uninstalled Fire Fox, shut down my computer, deleted my files internet and reinstalled Fire Fox and the problem persists.

At this point, the page contains no PHP code

Here is the Code:

<!-- ****************************************************** -->
<!-- classic-J.html                                         -->
<!-- Holster Classic "J" page for www.FortSeldenArmory.com  -->
<!-- Programmer Jay Jay                                     -->
<!-- Last update 07-26-2014                                 -->
<!-- ****************************************************** -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<HTML xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<HEAD>
 <TITLE> Fort Selden Armory * Gun Holsters </TITLE>
 <LINK REL=stylesheet Type="text/css" Href="CSS/FortSeldenArmory.css">

 <SCRIPT Type="text/javascript">

  var ScreenWidth;
  var H1TextHeight;
  var H4TextHeight;
  var MainMargin;
  var MainMinWidth;
  var HeaderImageHeight;
  var MenuBarHeight;
  var MenuButtonHeight;
  var MenuButtonWidth;
  var SideButtonHeight;
  var SideButtonWidth;

  ScreenWidth = screen.availWidth;
  H1TextHeight = Math.round((ScreenWidth/85)+24);
  H4TextHeight = Math.round((ScreenWidth * .005) + 7);
  MainMargin = Math.round(ScreenWidth/15);
  MainMinWidth = Math.round((ScreenWidth * .22)+700);
  HeaderImageHeight = Math.round((ScreenWidth * .025)+60);
  MenuBarHeight = Math.round((ScreenWidth * .008) + 19);
  MenuButtonHeight = Math.round((MenuBarHeight * .9)-6);
  MenuButtonWidth = Math.round((ScreenWidth * .065) + 80);
  SideButtonHeight = MenuButtonHeight;
  SideButtonWidth = MenuButtonWidth -3;

  document.write("     <STYLE>");
  document.write("          H1\{font-size: "+H1TextHeight+"px;\}\n");
  document.write("          H4\{font-size: "+H4TextHeight+"px;\}\n");
  document.write("          div#main\{margin-left: "+MainMargin+"px;\}\n");
  document.write("          div#main\{margin-right: "+MainMargin+"px;\}\n");
  document.write("          div#main\{min-width: "+MainMinWidth+"px;\}\n");
  document.write("          img#Header\{height: "+HeaderImageHeight+"px;\}\n");
  document.write("          div#menubar\{height: "+MenuBarHeight+"px;\}\n");
  document.write("          div.menuButtons\{height: "+MenuButtonHeight+"px;\}\n");
  document.write("          div.menuButtons\{width: "+MenuButtonWidth+"px;\}\n");
  document.write("          div.sideButton\{height: "+SideButtonHeight+"px;\}\n");
  document.write("          div.sideButton\{width: "+SideButtonWidth+"px;\}\n");
  document.write("          div.sideButtonPlaceHolder\{height: "+SideButtonHeight+"px;\}\n");
  document.write("          div.sideButtonPlaceHolder\{width: "+SideButtonWidth+"px;\}\n");
  document.write("          div.backToButton\{height: "+SideButtonHeight+"px;\}\n");
  document.write("          div.backToButton\{width: "+SideButtonWidth+"px;\}\n");
  document.write("     <\/STYLE>");
 </SCRIPT>

</HEAD>
<BODY>
 <DIV ID='main'>

  <!-- **************** -->
  <!-- *  Main Banner * -->
  <!-- **************** -->

  <DIV ID='header'>
   <TABLE align='center' cellpadding='5'>
    <TR><TD>
     <IMG src='images/FortSelden.jpg' border='2' id='Header'>
    </TD><TD>
     <IMG src='images/Logo.jpg' id='Header'>
    </TD></TR>
   </TABLE>

  </DIV>

  <H1> Gun Holsters - Classic "J" </H1>

  <!-- ******** -->
  <!-- * Menu * -->
  <!-- ******** -->

  <DIV ID='menubar'>
   <TABLE Border='0' cellpadding='0'>
    <TR><TD>
     <DIV class='menuButtons' onclick="window.location='index.php'";>
      <H4> Home </H4>
     </DIV>
    </TD><TD>
     <DIV class='menuButtons' onclick="window.location='speedLoaders.php'";>
      <H4> Speed Loader Pouches </H4>
     </DIV>
    </TD><TD>
     <DIV class='menuButtons' onclick="window.location='magazines.html'";>
      <H4> Magazine Pouches </H4>
     </DIV>
    </TD><TD>
     <DIV class='menuButtons' onclick="window.location='others.html'";>
      <H4> Other Products </H4>
     </DIV>
    </TD><TD>
     <DIV class='menuButtons' onclick="window.location='underConstruction.php'";>
      <H4> About Us </H4>
     </DIV>
    </TD></TR>
   </TABLE>
  </DIV>

  <!-- ************* -->
  <!-- * Main Body * -->
  <!-- ************* -->

  <TABLE Border='0' width='100%' cellpadding='0'>
   <TR><TD width='25%' valign='top'>

    <DIV class='sideButtonPlaceHolder'>
     <H4>Impeach Obama</H4>
    </DIV>

    <DIV class='backToButton' onclick="window.location='holsterStyles.php'";>
     <H4>Back to Holster Styles</H4>
    </DIV>

    <DIV class='sideButton' onclick="window.location='classic-J-Auto.php'";
       onmouseover="document.style.src='images/autos.jpg'";
       onmouseout="document.style.src='images/classic-J.jpg'";>
     <H4>Autos</H4>
    </DIV>

    <DIV class='sideButton' onclick="window.location='underConstruction.php'";
       onmouseover="document.style.src='images/revolvers.jpg'";
       onmouseout="document.style.src='images/classic-J.jpg'";>
     <H4>Revolvers</H4>
    </DIV>

    <DIV class='sideButtonPlaceHolder'>
     <H4>Impeach Obama</H4>
    </DIV>

    <DIV class='sideButton'onclick="window.location='underConstruction.php'";
       onmouseover="document.style.src='images/beltLoopStyles.jpg'";
       onmouseout="document.style.src='images/classic-J.jpg'";>
     <H4>Belt Loop Styles</H4>
    </DIV>

    <DIV class='sideButton'onclick="window.location='underConstruction.php'";>
     <H4>Color & Patterns</H4>
    </DIV>

   </TD><TD width='50%'>
    <IMG src='images/classic-J.jpg' border='2' name='style' id='Index'>
   </TD><TD width='25%' valign='top' align='right'>

    <DIV class='sideButtonPlaceHolder'>
     <H4>Impeach Obama</H4>
    </DIV>

    <DIV class='sideButton' onclick="window.location='underConstruction.php'";>
     <H4> Select This Style </H4>
    </DIV>

    <DIV class='sideButtonPlaceHolder'>
     <H4>Impeach Obama</H4>
    </DIV>

    <DIV class='backToButton' onclick="window.location='underConstruction.php'";>
     <H4> See My Selections </H4>
    </DIV>

   </TD></TR>
  </TABLE>

 </DIV>
</BODY>
</HTML>

Tools > Page Info > general now shows that the homepage is recognized as windows-1252, like any other and is no longer in the UTF-16 format.

There is always a red text in the source of the page on Firefox to complain that a space is missing between attributes.

Firefox will not correctly display some web pages and addons can not be installed.

I just installed firefox to the computer after the installation of the Windows 7 operating system.
It does allow me to install an addon in the browser. In addition, it does not display the page addons firefox and github.com. (only plain html is displayed without CSS any kind of things)
I tried to remove cookies, remove stuff history and running in safe mode. None of the methods worked.
The web pages above perfectly displayed in other browsers on the same computer.

Hello deamonpog, please make sure that your system date, time and timezone are correctly set!

New dialog box rule CSS not listed do not

I use the Mac version of the program. Whenever I try to access the dialog box displayed new CSS rule, it never works. I think I can be absent a toolbar or something, because I searched the whole program for this feature and I can't find it. I've seen users highlight text and it appears, but it does not work for me either. I am trying to add a new class with a new selector name. help me find the box?

CC comes with the new CSS Designer Panel.

What do you use?

http://www.Adobe.com/inspire/2013/06/CSS-designer.html

http://TV.Adobe.com/watch/creative-cloud-for-Web/CSS-designer-indepth/

Display HTML and CSS in Muse?

Is it possible to display my CSS and HTML, after that I created my page Muse? Or a way to export in Dreamweaver?

# Muse is not an HTML editor, but a homepage design application. At the time you create a site, Muse doesn't know anything about the code. HTML is not produced until you publish or export your site.

The only way to inspect the code is to export the site in HTML format.

Some images appearing is not in design mode

Hello
I recently spent Dreamweaver CS5.5 to CS6 with creative cloud, but now some of my images are not displayed in Design view. All is well in Live View mode.
Any help would be welcome. I have attached the CSS & HTML as well as two screenshots of creation and Live View mode.
CSS is:
/ * Get the new tags behave * /.
Article, side, audio,
canvas, command,
DataList, details,
Incorporate
figcaption, figure, footer,
header, hgroup,
keygen,
meter,
net asset value,
output,
progress,
section, source,
{video
Display: block;
}
brand,
RP, rt, ruby,
Summary,
{time
Display: inline;
}
/* Global properties ======================================================== */
{body
background-color: #000;
background-repeat: repeat no.;
bottom-top position: center;
background-image: url (.. /images/Body-BG.jpg);
background-attachment: fixed;
do-family: Arial, Helvetica, without serif.
do-size: 100%;
line-height: 1em;
color: #949595;
}
HTML {}
min-width: 967px;
}
HTML,
{body
height: 100%;
}
/* Global Structure ============================================================= */
#main {}
Auto margin: 0;
Width: 967px;
font-size: .75em;
}
/ * Header * /.
{to header
position: relative;
}
/ * Buffer * /.
side {}
Width: 227px;
float: left;
margin-right: 32px;
padding-bottom: 33px;
}
/ * Content * /.
section #content {}
float: left;
Width: 675px;
padding-top: 6px;
}
/ * Foot * /.
footer {}
padding-left: 3px;
Background: url (.. /images/border-left.png top-left) repeat-y;
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 default values * /.
entry,
Select,
TextArea {}
do-family: Arial, Helvetica, without serif.
do-size: 1em;
vertical-align: middle;
Police-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 19px 22px 0;
Background: url (.. / images/marker.png) non-repetition 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;
}
{li.last .column-list
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;
}
{li.alt .events-list
margin-right: 0;
}
. Events-list li img {}
float: left;
margin-right: 11px;
}
.testimonials li {}
line-height: 1.5em;
padding-bottom: 18px;
}
.testimonials li quote {}
make-style: normal;
}
.testimonials li h5 {}
text-align: right;
margin: 0;
padding-top: 6px;
}
/ *-other-* /.
.img-indent {}
margin: 20px 0 0 0;
}
purchase online .extra {}
overflow: hidden;
}
{p}
margin-bottom: 16px;
line-height: 1.5em;
}
DL {}
line-height: 1.5em;
}
DL dt {}
make-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}
make-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;
Police-weight: normal;
Padding: 55px 0 0 3px;
}
H1 a {}
color: #fff;
text-decoration: none;
}
H1 {fort
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;
Police-weight: normal;
}
H5 {}
do-size: 1em;
line-height: 1.5em;
color: #4b4b4b;
margin-bottom: 6px;
}
H5 has {}
color: #4b4b4b;
}
.txt1 {}
font-size: 1.17em;
}
.RSS {}
position: absolute;
right: 18px;
top: 18px;
Background: url (.. / images/rss.gif) not repeat top right;
8px 45px padding: 10px 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: repeat no.;
bottom-top position: right;
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: repeat no.;
background-position: left, top;
background-image: url (.. /images/link1-Left.png);
padding: 0 10px;
}
{b .link1
background-repeat: repeat-x;
background-position: left, top;
background-image: url (.. /images/link1-BGD.png);
padding: 8px 7px 9px 7px;
Display: block;
float: left;
}
{b .link1:hover
text-decoration: underline;
}
{.link2}
Width: 70px;
height: 30px;
text-align: center;
text-transform: uppercase;
color: #fff;
text-decoration: none;
Display: block;
float: right;
make-weight: bold;
overflow: hidden;
line-height: 2.6em;
background-repeat: repeat no.;
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 .the {}
padding-left: 20px;
Background: url (.. /images/NAV-Box-Left.png) not repeat top left;
}
. NAV-box .right {}
padding-right: 20px;
Background: url (.. top right repeat no /images/NAV-Box-Right.png);
}
. NAV-box nav {}
height: 72px;
Background: url (.. /images/NAV-Box-tail.png) horizontal left and 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) horizontal left and 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) not repeat top left;
}
. NAV-box nav ul li a {b
Display: block;
float: left;
Background: url (.. / images/spacer.gif);
padding: 10px 14px 23px-23px;
}
. NAV-box nav ul li a: hover b,.
. NAV-box nav ul li a.active {} b
Background: url (.. top right repeat no /images/NAV-Act-Right.gif);
}
. Box {}
Width: 237px;
color: #fff;
}
. Box .top}
background-repeat: repeat no.;
background-position: left, top;
background-image: url (.. /images/Box-Top.png);
height: 14px;
overflow: hidden;
do-size: 0;
line-height: 0;
}
. Box bot {}
background-repeat: repeat no.;
background-position: left, top;
background-image: url (.. /images/Box-bot.png);
height: 15px;
overflow: hidden;
do-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: repeat no.;
background-position: left, top;
background-image: url (.. /images/Box-BG.jpg);
}
. Box .inner {}
padding: 2px 0 26px 35px;
}
. Box h2 {}
font-size: 2.417em;
make-weight: bold;
margin-bottom: 4px;
text-shadow: #0b97e4 1px 1px;
}
. Box p {}
line-height: 1.583em;
margin-bottom: 9px;
}
/ * box style1 * /.
. .top box.Style1 {background-image: url (.. /images/Box-top1.png) ;}}
. BOT box.Style1 {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 * /.
. .top box.Style2 {background-image: url (.. /images/Box-TOP2.png) ;}}
. BOT box.Style2 {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: 1px 1px ;} #ff6900}
/ * box style3 * /.
. .top box.style3 {background-image: url (.. /images/Box-top3.png) ;}}
. BOT box.style3 {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: 1px 1px ;} #ffad07}
{.box1}
Width: 227px;
}
. Box1 .top}
height: 49px;
overflow: hidden;
Background: url (.. /images/Box1-Top.png) not repeat top left;
}
. Box1 bot {}
height: 17px;
do-size: 0;
line-height: 0;
overflow: hidden;
Background: url (.. /images/Box1-bot.gif) not repeat top left;
}
.main-box .box1 .border {} left
padding-left: 1px;
Background: url (.. /images/Box1-Border.gif top-left) repeat-y;
}
.main-box .box1 .border-right {}
padding-right: 1px;
Background: url (.. top right /images/Box1-Border.gif) repeat-y;
}
.main-box .box1 .xcontent {}
Width: 100%;
min-height: 261px;
height: auto! important;
height: 261px;
padding: 0;
Background: url (.. /images/Box1-tail.gif) horizontal left and high #f8f8f8;
}
.main-box .box1 .inner {}
Padding: 12px 18px 20px 14px;
}
. H2 {Box1
make-weight: bold;
color: #fff;
padding: 10px 0 0 18px;
}
{.box2}
Width: 227px;
}
. Box2 .top}
height: 15px;
overflow: hidden;
Background: url (.. /images/Box2-Top.png) not repeat top left;
}
. Box2 bot {}
height: 16px;
do-size: 0;
line-height: 0;
overflow: hidden;
Background: url (.. /images/Box2-bot.gif) not repeat top left;
}
.main-box .box2 .border {} left
padding-left: 1px;
Background: url (.. /images/Box2-Border.gif top-left) repeat-y;
}
.main-box .box2 .border-right {}
padding-right: 1px;
Background: url (.. top right /images/Box2-Border.gif) repeat-y;
}
.main-box .box2 {} .xcontent
Width: 100%;
min-height: 113px;
height: auto! important;
height: 113px;
padding: 0;
Background: url (.. /images/Box2-tail.gif) horizontal left and high #f6f6f6;
}
.main-box .box2 .inner {}
padding: 0 20px 14px 18px;
}
. Box2 h2 {}
make-weight: bold;
color: #3c3c3c;
margin-bottom: 16px;
}
{} .main-box
Width: 100%;
}
.main-box .the-top-corner {}
Background: url (.. /images/left-Top-Corner.png) not repeat top left;
height: 18px;
padding-left: 18px;
}
.main-box .right-top-corner {}
Background: url (.. top right repeat no /images/Right-Top-Corner.png);
height: 18px;
padding-right: 18px;
}
.main-box .border-top {}
Background: url (.. /images/border-top.png) upper left horizontal;
height: 18px;
do-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;
}
{.xcontent .main-box
Background: #fff;
padding: 0 2px;
}
{.tail .main-box
Background: url (.. /images/main-Box-tail.gif) horizontal left and top.
Width: 100%;
}
{.inner .main-box
padding: 3px 15px 0 8px;
}
{.inner1 .main-box
padding: 3px 8px 0 25px;
}
.main-box .inner1 side {}
margin: 0;
}
{.inner1 #content .main-box
margin-right: 32px;
Width: 665px;
}
{.inner2 .main-box
padding: 3px 25px 35px 25px;
}
{.inner2 #content .main-box
Width: auto;
float: none;
}
/ * = content = * /.
#content h2 {}
color: #3e3e3e.
letter-spacing: 0;
margin-bottom: 16px;
}
#content .indent {}
padding-bottom: 60px banner;
}
#content .link2 {}
background-image: url (.. /images/LINK2-BG2.png);
float: left;
}
/ * = Sidebar *.
side .indent {}
margin-bottom: 20px;
}
/ * === pied === * /
footer .right {}
padding-right: 3px;
Background: url (.. top right /images/border-right.png) repeat-y;
}
{footer .tail
Padding: 0 11px 27px 17px;
background-color: #2d2d2d;
}
{.line-worm footer}
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 ul li a.active {} .fright
color: #c4c4c4;
text-decoration: underline;
}
footer .fright ul li.last {}
Background: none;
padding: 0;
margin: 0;
}
/ *-Forms-* /.
{.rowElem #subscribe - form}
Width: 100%;
overflow: hidden;
}
#subscribe - form span {}
Display: block;
Width: 193px;
height: 26px;
margin-bottom: 6px;
Background: url (.. /images/Input-BG.png) not repeat top left;
}
#subscribe - form input {}
Background: none;
border: 0;
line-height: 1.2em;
vertical-align: top;
margin: 5px 0 10px 0;
color: #8c8d8d;
Width: 173px;
}
{a.fleft #subscribe - form}
color: #4b4b4b;
make-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 encapsulated within a link * /.
.nivoSlider a.nivo - imageLink {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0;}          margin: 0; ; display: none ;}
/ Slots in the cursor * /.
.Nivo-slice {display: block;}          position: absolute; z-index: 50; height: 100% ;}
/ * Nav of leadership styles (for example, Next and 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) non-repetition}
.Nivo - prevNav:hover {background: url (.. /images/marker_left_active.gif) non-repetition}
.Nivo-nextNav {right: 10px; background: url (.. /images/marker_right.gif) non-repetition}
.Nivo - nextNav:hover {background: url (.. /images/marker_right_active.gif) non-repetition}
/ * Control the nav styles (e.g. 1,2,3...) * /.
.Nivo-controlNav {position: absolute; z-index: 99; right: 14px; low: 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 to repeat no 0}
.Nivo-controlNav a.active {background-position: left}
/ * Styles for legend * /.
.Nivo-caption {padding-top: 77px height: 270px; width: 345px; position: absolute; top: 0px; right: 20px; color: #fff; z-index: 99 ;}}
.Nivo-legend .box {display: inline-block; background: url (.. / images/box.png) no-repeat; police: 24 PX Arial, Helvetica, without serif; color: #fff; line-height: 30px; text-align: center; make-weight: bold;} Width: 83px; margin-right: 10px ;}
.Text1 .nivo-caption {font: 36px Arial, Helvetica, sans; color: #39c0f8; make-weight: bold; display: inline - block; line-height: 1.2em; margin-top:-7px ;}}
.Text2 .nivo-caption {font: Arial, Helvetica, sans; 48px color: #fff; make-weight: bold; display: block; line-height: 1.2em; margin-top:-10px; letter-spacing:-2px ;}}
p .nivo-caption {font-size: 12px; color: #fff; line-height: 14px; make-weight: bold; padding-top: 8px ;}}
.Nivo-legend {display: inline-block, position: absolute; left: 0; low: 60px banner; background: url (.. /images/Button-BG.png) 0 0 no-repeat; font: 40px Arial, Helvetica, without serif; line-height: 60px banner; padding-bottom: 3px; text-align: center;} Width: 194px; color: #fff; text-decoration: none; letter-spacing:-2px ;}
.Nivo-legend a: hover {background-position: bottom}
.Color1 p {color: #454545}
.Text1 .color1 .nivo-caption {make-size: 30px; display: block; color: #454545; margin-top: 0}
.Text2 .color1 .nivo-caption {color: #3b3b3b; display: inline-block; letter-spacing:-3px}}
.Nivo-legend .color1 .box {margin-right: 0px; margin-top: 7px; margin-left: 7px}
{.rowElem #contacts - form}
height: 40px;
}
#contacts - form .rowElem span {}
Display: block;
Width: 300px;
height: 26px;
margin-bottom: 6px;
Background: url (.. /images/Input-bg_2.png) not repeat top left;
}
#contacts - form input {}
Background: none;
border: 0;
line-height: 1.2em;
vertical-align: top;
margin: 5px 0 10px 0;
color: #8c8d8d;
Width: 300px;
}
#contacts - form .rowElem1 span {}
Display: block;
Width: 300px;
height: 175px;
low-margin: 21px;
Background: url (.. /images/textarea-BG.gif) not repeat top left;
}
#contacts - form textarea {}
Width: 300px;
height: 168px;
overflow: auto;
Background: none;
border: 0;
color: #8c8d8d;
padding: 5px 0 2px 10px;
}
{.link2 #contacts - form}
margin-left: 15px;
}
/*==========================================*/
The HTML is:
<! DOCTYPE html >
< html lang = "en" >
< head >
<!-TemplateBeginEditable name = "doctitle"-->
< title > TravelSober.com Eastern Caribbean Cruise sober < /title >
< meta content = "keywords" name = "sober cruise, sober cruise, cruises sober, sober holiday, sober, sober holiday, sober vacation, convention aa, sober safari travel, trip sober." >
< name meta = "description" content = "find more info about our sober cruise to the Eastern Caribbean or one of our other holiday sober." >
<! - 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, .the .nav-box, .nav-.right, nav, footer .right, footer, #slider, #slider Inside a, .box .top, .box bot, .link1, .link1, .link1 b, .list li, .main-box .the-top-corner, .main-.right-top-corner, .main-box .border-top, .border .main-box left, .border .main-box on the right, .box1 Towels, .box2 .top, .link2, .link3, .events-list li img, span #subscribe - time form ');
< /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() {}
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 >
< link href = "images/favicon.ico' rel ="SHORTCUT ICON">"
< / head >
< id body = "page 7" >
< div id = 'hand' >
<! - 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 > welcome < /b > < / span > < /a > < /li > ""
< li > < a href = "any - us.html" > < span > < b > about us < /b > < / span > < /a > < /li >
< li > < a href = "planned - trips.html" > < span > < b > excursions planned < /b > < / span > < /a > < /li >
< li > < a href = "instant - specials.html" > < span great promotions > < b > Bob < /b > < / span > < /a > < /li >
< li > < a href = "testimonials.html" > < span > < b > testimonials < /b > < / span > < /a > < /li > ""
< li > < a href = "contact - us.html" > < span > < b > 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" >
Sober cruises < h2 > < / h2 >
< p > our cruises light up to the best destinations in the world with a budget or luxury of Star 6. < /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 the TRIPS laws < / h2 >
Al-Anon conferences and vacations < /p > < p >
< div class = "wrapper" > < a href = "friends-of-laws - trips.html" class = "link1" > < span > < b > more < /b > < / span > < /a > < / div >
< / div >
< / div >
< / div >
< div class = "bot" > < / div >
< / div >
< /li >
< li >
< div class = "style2 box" >
< div class = "top" > < / div >
< div class = "xcontent" >
< div class = "bg" >
< div class = "inner" >
Conventions of < h2 > < / h2 >
< p > we take advantage of the numerous AA conventions worldwide in combination with towers. < /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" >
Recovery of < h2 > < / h2 >
< p > check out our sober resources page for everyone and the chance to meet new friends. < /p >
< div class = "wrapper" > < a href = "recuperation-carriere/portfolio/index.html" class = "link1" > < span > < b > more < /b > < / span > < /a > < / div >
< / div >
< / div >
< / div >
< div class = "bot" > < / div >
< / div >
< /li >
< /ul >
< / header >
< div class = "hand-box" >
< div class = "top-angle left" >
< div class = "top-corner right" >
< 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 - >
< id article 'content' = >
< h2 > < b > Costa cruise in the Caribbean the Mediterranea
-30 November - 10 December 2012 < /b > < br > < br >
< b > $ 699 per person / occupancy Double. 10 days for the price of 7! < /b > < / h2 >
< p > < img src = "Images/costa-mediterranea-sobre-croisiere-caraibes-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 food, entertainment fabulous and famous < i > In This Life < /i > custom Excursions. We will present the best of diving in apnea, diving, golf, the dolphin encounter, and more! < p > < / p > climb aboard for one of our last one in a life chances. Costa Cruises has reached out to highlight their ships and famous Italian ambience. We traveled with Costa on one of their best ships the Mediterranea. < p > < / p > This is one of the most popular ships in the Costa fleet and was enjoyed by hundreds of clients In This Life < /i > < i >. Costa has extended special rates because of the unfortunate accident in Europe. They give the clients In This Life < i > < /i > 10 days for the price of 7 with free updates on their November 30 combination Eastern-Western Caribbean cruise. < p > < / p > join us for all the days on board meetings! < / h5 >
Route 10 days includes < h5 >: < dir >
< p > day 1: departure from 21:00: Miami, Florida, < br >
Day 2:09:00 - 18:00: Nassau, Bahamas, < br >
Day 3: at sea, < br >
Day 4:12:00 - 19:00: Ocho Rios, Jamaica, < br >
Day 5:09:00 - 18:00: Grand Cayman, < br >
Day 6: at sea, < br >
Day 7:08:00 - 18:00: Roatan, Honduras, < br >
Day 8:08:00 - 17:00: Belize, < br >
Day 9:08:00 - 19:00: Cozumel (Mexico), < br >
Day 10: at sea, < br >
Day 11: Miami, Florida: arrive 08:00 < /p >
< / dir > < h2 > special ITL - save up to $200 per person! These are exclusive prices AVAILABLE ONLY from < i > < /i > sober travel. < / h2 >
< img src = "images/Caribbean-sober-cruise - 2012.jpg" alt = "sober_cruise_caribbean" width = "394" height = "264" align = "right" >
< h5 > < p > < / p > inside the cabin: $699 < br > ocean view cabin: $699 < br > Deluxe Ocean View cabin: $899 < br > veranda cabin: $899 < /p >
< p > < / p >
< p > reserve a cabin for $699 inside and be free upgrade to sea view room.
< p > < /p > book Deluxe Ocean View for $899 and be upgraded free to the veranda.
Other free updates in categories - investment depending on first-come, first-served basis.
< p > < / p > This is a sober cruise. Gather a group and get additional benefits!
< /p >
< p > < h2 > deposit now for the best location of the cabin, promotions and free updates! < / h2 > < br > < br >
< img src = "images/in-this-life - thanks" alt = "sober_cruise_caribbean" width = "300" height = "214" align = "middle" >
< h5 > < h2 >
Call or E-mail 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" >
< div class = "online-ver" >
< div class = "fleft" >
< ul >
" < li > < a href =" http://twitter.com/#! / travelsober "target ="_new"> < img src =" images/twitter.gif "> < /a > < /li > "
" < li > < a href =" http://www.Flickr.com/photos/travelsober " " target = "_new" > < img src = "images/flickr.gif" alt = "sober-flickr" > < /a > < /li >
" < li > < a href =" http://www.Facebook.com/pages/travel-sober/219221794771838 "target ="_new"> < img src =" images/facebook.gif "> < /a > < /li > "
< /ul >
(C) 2011 / privacy < /a > < br > < a href = "privacy.html" > policy
<!-{% FOOTER_LINK} - >
< / div >
< div class = "fright" >
< ul >
< li > < a href = "index.html" > home < /a > < /li >
< li > < a href = "sur-us.html" > about us < /a > < /li >
< li > < a href = "planned - trips.html" > outputs planned < /a > < /li >
< li > < a href = "time - specials.html" > instant Specials < /a > < /li >
< li > < a href = "testimonials.html" > stories < /a > < /li > ""
< class li = "last" > < a href = "contact - us.html" > contact us < /a > < /li >
< /ul >
< h5 > phone: 1-805-927-6996 (US) - email: < a href = "mailto: " [email protected] ; [email protected] "> [email protected] < /a > < / h5 > < / div > "
< / div >
< / div >
< / div >
< / footer >
<! - coded by Izotop - >
< / div >
< / body >
< / html >

The OTHER buttons are not images. They are in the HTML code and appear to be styled with CSS to look like button images.

more

Unfortunately, the Design view is unable to display the CSS border-radius, gradient, 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 that, disable CSS in DW by going to view > Style rendering > uncheck display styles.

Alternatively, use a Sheet of DTC Style that contains no CSS level 3 properties.

Nancy O.

Not displaying not CSS

Similar Questions

Title text here

Maybe you are looking for