Dreamweaver CS6 Creating a Template (page_content)

Hello, i am working through a book called "against the clock dreamweaver cs5" . I am assuming that because the new cs6 is different from the old version ; the two versions might be different. Anyways , I made a CSS layout and went to (Insert> Template Objects> Editable Region)
the book says," In the New Editable Region dialog box, type "page_content" in the Name field and click ok.
Place the insertion point in the table cell that contains the editable region. In the Properties Panel. change the vertical alignment of the cell to Top.
When I go to the Properties Panel, there is not drop-down menu that say Vert > Top.
Please help ASAP!!!

You have to click in a cell in the table. When you do that the *BOTTOM* half of the expanded Property inspector (to expand it you would click on a little white, 'flippy' triangle in the bottom, right-hand corner of the unexpanded Property inspector). On expanding you will see two alignment lists appear, one for Horiz and one for Vert. You can take it from there.

Similar Messages

I was wondering how to use Dreamweaver to create joomla template? Any ideas or useful resources.

I am embarking on a new project to create a joomla template. I need your ideas on how to use Dreamweaver to create the template. TQ

It's pretty much the same procedure with all your open source CMSs (WordPress, Drupal, Joomla!...)
Start with this 4 Part Tutorial:
http://www.adobe.com/devnet/dreamweaver/articles/dw_wordpress_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Create templates using Dreamweaver CS6 (Was: greate template)

How can i greate a template use dreamweaver cs6 can some one help me ?

Have a look at
http://www.youtube.com/watch?v=Mq8ODvKN5jA
http://www.adobe.com/inspire/2012/10/ten-steps-dreamweaver-cs6.html
http://www.woodfill.com/Lord_Tuts/tutorials/videos/creating_templates.html

White space in responsive design around stage when inserting in a Dreamweaver cs6 created webpage.

What is the fix for removing all the excess space around the stage when added to a mobile webpage. It views correctly on the desktop. I have created my animation in a responsive format through Edge CC 3.0. When I insert it into my webpage I get a lot of excess around the object on my table and mobile formats. It is not the stage because I have purposely made it gray so to see if it was the issue. I have done some css rules with negative margins but that is not fixing for all media devices. I feel there should be an easy fix. Anybody else experiencing this.

Sure: www.excaliburprintingdfw.com/index.html I did tweaked with margins and positions. All looks acceptable on most medias except for on a tablet in landscape view. I could bandaid with another media query but I don't understand why "animate" has the white space in the first place. I appreciate your input.

Need details on how to move existing website to Dreamweaver CS6 and to Business Catalyst web hosting

Hi All,
     I need assistance with transferring an existing website - imagessays.com - (designed with Dreamweaver CS4) to my Creative Cloud CS6 account - and to web hosting by CS6 Business Catalyst.
   … step-by-step instructions would be most useful. I've got the Dreamweaver CS6 onDemand book, etc., ... I guess I’m just not enough of a geek to work my way through the steps and to get my site back moving ahead online.
    Beyond that, need advice as to how to repair a couple of non-funcitonal links on the site (check out imagessays.com to see a couple of pics that don't work). I'm looking forward to uploading more content and to do major upgrade to the site, but am unable to do so ... need technical support re how to do these simple (should be) things.
    Since setting up the website over 5 years ago, I have migrated from Dreamweaver CS3 to CS4 .... and now to CS6 ... and from a Dell XPS 450 running Windows XP to a Mac Pro desktop running Mac OS X.
These changes of version / machine / OS have separated me from the ability to do the one simple thing that I need to do with this straightforward website, that is: upload new pitchers and writins .
I look forward to assistance and support for this.
Thanks,
Jim

Hi Jim,
These videos might help:
Dreamweaver
http://tv.adobe.com/watch/introducing-business-catalyst/getting-started-with-business-cata lyst-and-dreamweaver-cs6-what-is-business-catalyst
http://tv.adobe.com/watch/introducing-business-catalyst/getting-started-with-business-cata lyst-and-dreamweaver-cs6-creating-and-publishing-sites
I'd open a local copy of the site in Dreamweaver CS6 and use the steps described in the video
Also, we have Dreamweaver and Business Catalyst (host) specific forums too. They should be able to help with specifics if you get stuck.
http://forums.adobe.com/community/dreamweaver
http://forums.adobe.com/community/business_catalyst
Hope that helps,
-Dave

Suppress TMP files in Dreamweaver cs6

I want to suppress TMP files which appears instead of pages HTML (index and etc...)
Thanks to tell me how to supress them

thank you
2013/7/31 Nancy O. <[email protected]>
Re: suppress TMP files in Dreamweaver cs6 created by Nancy O.<http://forums.adobe.com/people/Nancy+O.>in
Dreamweaver CC - View the full discussion<http://forums.adobe.com/message/5552733#5552733

Slideshow using dreamweaver CS6

Have received advice here and created a slideshow using jQuery Cycle2. Loaded own images and working fine on a dreamweaver blank page.
When I load onto a fill page as a banner heading the slideshow reverts to 3 or 4 separate images. Any ideas please?

Sorry. Should have come back earlier. Any chance you could look at code in
these two attachments and tell me why the' letters for baneer ' works and
yet the identical (as far as I can see) 'using find' doesn't go through any
transition. I think I have followed the three points made below.
Thanks and apologies,
NB
In a message dated 04/11/2013 18:59:39 GMT Standard Time,
[email protected] writes:
Re: slideshow using dreamweaver CS6
created by Nancy O. (http://forums.adobe.com/people/Nancy+O.) in
Dreamweaver support forum - View the full discussion
(http://forums.adobe.com/message/5813956#5813956)

Great videos for getting started on BC with Muse or Dreamweaver CS6

Hey all,
Just thought I'd share some helpful videos now available. This is great for new creative cloud users wanting to get their head around BC.
Getting Started with Business Catalyst and Dreamweaver CS6 – What is Business Catalyst?
Getting Started with Business Catalyst and Dreamweaver CS6 – Creating and Publishing Sites
Getting Started with Business Catalyst and Muse – What is Business Catalyst?
Getting Started with Business Catalyst and Muse – Creating and Publishing Sites
Happy learning!

Thanks Danny...awesome share!
-Sidney

Dynamic Grid Layout Dreamweaver CS6

The Dynamic Grid Layout is the main reason for purchase new version of Dreamweaver .
Dynamic Grid Layout in Dreamweaver CS6 does not work nice, columns are not modify with the mouse, jumps back to the old postition. On You Tube it all looks so very easily, but in practice is all very sloppy about ...
Ask the forum, Do I have to drag a button to hold...
If I adjust the width on the left side of the div, I left a red band that set ....
Where is a make proper manual to find ....

Thanks for our suggestions, i keep trying, but Easy NO…..
Geert
Van: Nancy O. [email protected]
Verzonden: donderdag 10 mei 2012 17:11
Aan: Geertskigek
Onderwerp: Dynamic Grid Layout Dreamweaver CS6
Re: Dynamic Grid Layout Dreamweaver CS6
created by Nancy O. <http://forums.adobe.com/people/Nancy+O.> in Dreamweaver - View the full discussion <http://forums.adobe.com/message/4394107#4394107

Dreamweaver CS6 file update issue with template

I am working my way through Adobe's Dreamweaver CS6 Classroom in a Book on an iMac computer. I'm in Chapter 9 and have placed some button links in a webpage within the template. But when I go to update the about_us.html file from the template, the update indicates that it will only update files from Chapters 6 & 7. Thus I cannot update the Chapter 9 about_us file (or any other files in Chapter 9 I'm presuming). What can I do? I do not know how I can manually update the link html statements in the about_us file because they are greyed out (inactive, due to button region locking that was done in Chapter 7. I'm really stumped and blocked from continuing, so I sure could use some help. Thank you in advance!

It's hard to say what you could have missed, if Templates aren't done just right, things can go wrong fast.
I would go back to chapter 7 (the last point things seem to work correctly) and redo everything up to chapter 9 to make sure I didn't accidentally skip any steps. Pay particular attention to any step pertaining to creating new pages from templates or applying a template to an already existing page.

Dreamweaver CS6 - Column Templates - Only 2 template choices

Hello,
Hoping someone can help with my issue.
When I chose to create a new document, I only have 2 choices for column layout templates (2 column fixed, right sidebar, header and footer OR 3 column fixed, header and footer).
I have updated and downloaded the 2014 version hoping that would provide additional choices but that did not change anything. I also restoring the default version but that didn't produce any other choices either.
This is the process I followed for creating a new document using a template.
NEW>HTML
I appreciate any assistance.
Thanks!

How many columns do you want? You can modify the available starter pages pretty much however you want with a few lines of CSS code. That's why there's only 2 to choose from.
You can create whatever layout you desire using the FluidGrid Layouts Feature or the Bootstrap Responsive Extension for DW. In both cases, your layouts will be optimized to work on mobile, tablets and desktops which is the current trend in Web Design.
DW Fluid Grid layouts (17 min video)
http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
DMX Zone's Bootstrap FREE extension for DW
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Nancy O.

Where is the Phonegap template in Dreamweaver CS6

Hi just wondering if someone can clear this up for me.
I have just downloaded the trial of Dreamweaver CS6 and am wondering where the jQuery mobile (phonegap) template has gone?
Is there a way i can get it back? Im just curious as the jQuery mobile templates dont have a link to the Phonegap.js file and therefore
dont give access to the phonegap API's or am i mistaken??
Have spent the last few hours searching online for an answer but there is little out there as i suppose CS6 is still relatively new,
If anyone can clear this up for me it would be great!
Also am i better off sticking with CS5.5 if i want to develop for phonegap?

You're not running a trial of Dreamweaver CS6. There was no public trial of DW.
It's a beta and is probably not 100% feature complete.
CS6 will probably be shipping next week (with the official Trials probably available a little later).
Uninstall the CS6 beta you currently have installed and try the final version of CS6 then.

Create web photo album missing in Dreamweaver CS6

Why is create web photo album missing from the command menu in my Dreamweaver CS6?

That feature disappeared in Dreamweaver CS5.

Problem uploading templates with liquid layouts and dreamweaver cs6

Hi
I have developed some templates in Dreamweaver CS6 and Liquid Layouts
However when I want to preview them in a browser, they come out blank (No Data at all)
I have tried this without Liquid and works fine, minor bugs that can be fixed like background image not visible
It seems the problem its at the BC system
Will appreciate help on this matter
Thanks

You should not be using Liquid in product sites, especially in templates since the whole liquid code breaks and does not render in several places.
DW has no features to support liquid rendering either yet.
It is something that is in Alpha.

Menu bar created in fireworks cs6 doesnt work in dreamweaver cs6

A menu bar that i created in fireworks cs6 doesnt work in dreamweaver cs6 loss of all behaviours etc works in preview in fireworks just seems that the code in dreamweaver doesnt want to play ball...
<div id="FWTableContainer1659288869">
      <table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="762">
        
        <tr>
          
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="150" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="1" height="1" alt="" /></td>
        </tr>
        <tr>
          
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c1','MENU_BARS/Menu_front_r1_c1_s2.gif','ME NU_BARS/Menu_front_r1_c1_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c1','MENU_BARS/Menu_front_r1_c1_s3.gi f',1);"><img name="Menu_front_r1_c1" src="MENU_BARS/Menu_front_r1_c1.gif" width="100" height="30" id="Menu_front_r1_c1" alt="" /></a></td>
          <td><img name="Menu_front_r1_c2" src="MENU_BARS/Menu_front_r1_c2.gif" width="2" height="30" id="Menu_front_r1_c2" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c3','MENU_BARS/Menu_front_r1_c3_s2.gif','ME NU_BARS/Menu_front_r1_c3_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c3','MENU_BARS/Menu_front_r1_c3_s3.gi f',1);"><img name="Menu_front_r1_c3" src="MENU_BARS/Menu_front_r1_c3.gif" width="150" height="30" id="Menu_front_r1_c3" alt="" /></a></td>
          <td><img name="Menu_front_r1_c4" src="MENU_BARS/Menu_front_r1_c4.gif" width="2" height="30" id="Menu_front_r1_c4" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c5','MENU_BARS/Menu_front_r1_c5_s2.gif','ME NU_BARS/Menu_front_r1_c5_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c5','MENU_BARS/Menu_front_r1_c5_s3.gi f',1);"><img name="Menu_front_r1_c5" src="MENU_BARS/Menu_front_r1_c5.gif" width="100" height="30" id="Menu_front_r1_c5" alt="" /></a></td>
          <td><img name="Menu_front_r1_c6" src="MENU_BARS/Menu_front_r1_c6.gif" width="2" height="30" id="Menu_front_r1_c6" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c7','MENU_BARS/Menu_front_r1_c7_s2.gif','ME NU_BARS/Menu_front_r1_c7_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c7','MENU_BARS/Menu_front_r1_c7_s3.gi f',1);"><img name="Menu_front_r1_c7" src="MENU_BARS/Menu_front_r1_c7.gif" width="100" height="30" id="Menu_front_r1_c7" alt="" /></a></td>
          <td><img name="Menu_front_r1_c8" src="MENU_BARS/Menu_front_r1_c8.gif" width="2" height="30" id="Menu_front_r1_c8" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');MM_menuStartTimeout(500);" onmouseover="MM_menuShowMenu('MMMenuContainer0722143726_0', 'MMMenu0722143726_0',50,25,'Menu_front_r1_c9');MM_nbGroup('over','Menu_front_r1_c9','MENU _BARS/Menu_front_r1_c9_s2.gif','MENU_BARS/Menu_front_r1_c9_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c9','MENU_BARS/Menu_front_r1_c9_s3.gi f',1);"><img name="Menu_front_r1_c9" src="MENU_BARS/Menu_front_r1_c9.gif" width="100" height="30" id="Menu_front_r1_c9" alt="" /></a></td>
          <td><img name="Menu_front_r1_c10" src="MENU_BARS/Menu_front_r1_c10.gif" width="2" height="30" id="Menu_front_r1_c10" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c11','MENU_BARS/Menu_front_r1_c11_s2.gif',' MENU_BARS/Menu_front_r1_c11_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c11','MENU_BARS/Menu_front_r1_c11_s3. gif',1);"><img name="Menu_front_r1_c11" src="MENU_BARS/Menu_front_r1_c11.gif" width="100" height="30" id="Menu_front_r1_c11" alt="" /></a></td>
          <td><img name="Menu_front_r1_c12" src="MENU_BARS/Menu_front_r1_c12.gif" width="2" height="30" id="Menu_front_r1_c12" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c13','MENU_BARS/Menu_front_r1_c13_s2.gif',' MENU_BARS/Menu_front_r1_c13_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c13','MENU_BARS/Menu_front_r1_c13_s3. gif',1);"><img name="Menu_front_r1_c13" src="MENU_BARS/Menu_front_r1_c13.gif" width="100" height="30" id="Menu_front_r1_c13" alt="" /></a></td>
          <td><img src="MENU_BARS/spacer.gif" width="1" height="30" alt="" /></td>
        </tr>
        
        
      </table>
      <div id="MMMenuContainer0722143726_0">
        <div id="MMMenu0722143726_0" onmouseout="MM_menuStartTimeout(500);" onmouseover="MM_menuResetTimeout();"> <a href="javascript:;" id="MMMenu0722143726_0_Item_0" class="MMMIFVStyleMMMenu0722143726_0" onmouseover="MM_menuOverMenuItem('MMMenu0722143726_0');"> Links </a> <a href="javascript:;" id="MMMenu0722143726_0_Item_1" class="MMMIVStyleMMMenu0722143726_0" onmouseover="MM_menuOverMenuItem('MMMenu0722143726_0');"> FAQ's </a> </div>
      </div>
    </div>

Thanks Ken,
     I appreciate you looking at this.
Basically im trying to create it on percentage width and centred within the container, if that makes any sense.
Darren
<!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>Chiltern Home Care</title>
<link href="chc_style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}td img {display: block;}td img {display: block;}
body {
    background-image: url(CHC_BACK2.jpg);
    background-size: cover;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
body,td,th {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script language="JavaScript1.2" type="text/javascript" src="MENU_BARS/mm_css_menu.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<script language="javascript1.2" type="text/javascript" src=""></script>
<body>
<div class="container">
<div class="banner">
    <div class="menu_bar">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="#">Services</a></li>
        <li><a href="#">Getting Started</a></li>
        <li><a href="#">Funding</a></li>
        <li><a href="#">Our Carers</a></li>
        <li><a href="#" class="MenuBarItemSubmenu">Links & FAQ's</a>
          <ul>
            <li><a href="#">Links</a></li>
            <li><a href="#">FAQ's</a></li>
          </ul>
        </li>
        <li><a href="#">Work for Us</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </div>
<div class="care_text">Care for you or your family shouldn't cost the earth.</div>
<div class="logo_text">Chiltern Home Care    </div>
    <div class="call_us"> Contact us to discuss<br />YOUR care needs<br />TEL: ***** ******<br />[email protected] </div>
</div>
<div class="main">
    <div align="center">Content for class "main" Goes Here</div>
</div>
<div class="footer">
    <div class="copyright">Copyright © Chiltern Home Care Limited 2013 All Rights Reserved</div>
    <div class="cqc_logo"></div>
</div>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
CSS
.Main_head {
    height: 81px;
    width: 383px;
    position: absolute;
    left: 590px;
    top: 220px;
    background-color: #64a377;
    border-radius: 20px;
.banner {
    float: left;
    height: 260px;
    width: 100%;
    visibility: visible;
    position: fixed;
    z-index: 1000000;
    background-color: #64a4eb;
    top: 0px;
    left: 0px;
.main {
    float:left
    height: 600px;
    width: 980px;
    height: 1200px;
    position: relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    top: 285.px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 40px;
    background-color: #64a377;
    top: 390px;
    margin: 0px auto;
.logo {
    float: none;
    height: 150px;
    width: 150px;
    position: absolute;
    z-index: auto;
    top: 6px;
    background-repeat: no-repeat;
    background-position: center;
    visibility: visible;
    left: 1px;
    background-image: url(../../CHILTERN%20HOME%20CARE/MEDIA/CHC_Logo_perfect_Vector.gif);
.logo_text {
    position: absolute;
    width: 80%;
    height: 116px;
    visibility: visible;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 350%;
    text-align: left;
    font-weight: normal;
    color: #FFF;
    text-shadow: 0px 5px #000000;
    left: 15%;
    top: 17px;
    float: left;
.cqc_logo {
    height: 46px;
    width: 120px;
    position: absolute;
    background-repeat: no-repeat;
    background-color: #FFF;
    background-image: url(CQC%20Logo.jpg);
    z-index: 30;
    left: 848px;
    bottom: 11px;
.menu_bar {
    width: 100%;
    height: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: bolder;
    visibility: visible;
    text-align: center;
    left: 1px;
    position: absolute;
    top: 199px;
.h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 150%;
    font-style: normal;
    color: #FFFFFF;
    position: absolute;
    left: 150px;
    top: 120px;
    width: 637px;
    float: left;
    visibility: visible;
    font-weight: normal;
    text-align: center;
    height: 34px;
.footer {
    height: 70px;
    width: 980px;
    position: relative;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #64a377;
    margin: 0px auto;
.container {
    height: 1900px;
    width: 100%;
    position: absolute;
    left: auto;
    top: 0%;
    right: auto;
.copyright {
    height: 15px;
    width: 814px;
    position: absolute;
    visibility: visible;
    left: 1%;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
    text-align: left;
    color: #000000;
    font-variant: normal;
    bottom: 3px;
    font-weight: bold;
.main_head_left {
    height: 100px;
    width: 300px;
    position: absolute;
    left: 10px;
    top: 6px;
.main_head_right {
    height: 100px;
    width: 300px;
    position: absolute;
    top: 6px;
    right: 28px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 28px;
    color: #ffffff;
    font-style: normal;
    text-align: center;
    vertical-align: top;
.main_head_middle {
    height: 49px;
    width: 353px;
    position: absolute;
    top: 16px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 36px;
    color: #FFF;
    text-align: justify;
    right: 13px;
.main_top_sm_l {
    height: 207px;
    width: 300px;
    left: 5px;
    top: 5px;
    position: absolute;
    visibility: visible;
    background-color: #990;
    text-align: center;
    vertical-align: middle;
.main_left_full {
    height: 700px;
    width: 400px;
    position: absolute;
    visibility: visible;
    background-color: #C99;
    color: #ffffff;
    font-size: 16px;
    top: 2px;
    left: 10px;
.main_right_full {
    height: 700px;
    width: 400px;
    position: absolute;
    visibility: visible;
    background-color: #C99;
    color: #ffffff;
    font-size: 16px;
    top: 3px;
    right: 28px;
.call_us {
    height: 100px;
    width: auto;
    position: absolute;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
    text-align: center;
    color: #FFF;
    font-weight: normal;
    background-color: #3488E4;
    border-radius: 20px;
    padding: 0.5%;
    left: 1077px;
    vertical-align: middle;
    text-shadow: none;
    top: 66px;
.main_centre_full {
    background-color: #64a377;
    height: 97%;
    width: 98%;
    position: relative;
    top: 12px;
    margin: auto;
    border-radius: 20px;
.care_text {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 150%;
    color: #FFF;
    height: 32px;
    width: 80%;
    position: absolute;
    left: 8%;
    top: 135px;
    float: left;
    word-wrap: normal;
    text-align: center;
.circle {
    background-color: #FFF;
    height: 300px;
    width: 300px;
    position: absolute;
    left: 1235px;
    top: 272px;
    border-radius: 200px;

Dreamweaver CS6 Creating a Template (page_content)

Similar Messages

Maybe you are looking for