Center CSS in Dreamweaver

Following the advice from a friend, I used www.psd2cssonline.com to create a website as I have never used CSS before I thought it would be a good starting point.
The site is now finished apart from one detail. everything is aligned to the left and I want it to be centered. I have done tried to adjust the code myself but all I have managed to do is align the text to the centre ha!
I would really appreciate any help that can be offered - I have provided the code from Dreamweaver for the whole thing if needed.
Regards,
Kyle Meredith

Here's an example from one of the templates that Come with Dreamweaver...  You'll notice the "text-align:" is centered.  This will center everything, so in the next block, which is for the container where you place all page content sets "text-align:" to left so all text within the container is aligned to the left.  Something similar should work for you.
========================   Copy  ==========================
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
#container {
    width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
=====================  end  ========================
Hope this helps.
Lawrence   *Adobe Community Expert*
www.Cartweaver.com
Complete Shopping Cart Application for
Dreamweaver, available in ASP, PHP and CF

Similar Messages

  • How to get externally made nav bar css into dreamweaver

    How do I insert 'purecssmenu' made nav bar into dreamweaver? I have a zip file with just the interactive nav bar in it. There used to be an insert nav bar but that seems to have vanished in cs6 presumably because Adobe want you to use Spry!!!
    I am completely new to this game but it is not helpful to be constantly told that you should learn coding.
    I just want to make 1 tiny personal site. Any constructive help would be very much appreciated.

    Sorry you're having such a terrible time not only getting the navbar to work, but interpreting the help here. (That's what it is... help, only you really didn't give us a lot to go on)
    You need to do one of two things if you'd like people to stop "guessing" what's wrong with your page.
    1.Upload your page to your server and post the URL here so others can download the source code and analyze it.
    or
    2. Copy and paste your ENTIRE page of code here so it can be seen, downloaded and viewed in someone else's Dreamweaver on their computer. Something like this:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>Generated by Pure CSS Menu.com : Free CSS Drop Down Menu Generator</title>
        <meta name="description" content="Online CSS Menu Maker. Create No-Javascript, 100% CSS Dropdown Menu in seconds! Horizontal css menu & Vertical css menu." />
    </head>
    <body bgcolor="#ffffff">
    <!-- Start PureCSSMenu.com STYLE -->
    <style>
    #pcm{display:none;}
    ul.pureCssMenu ul{display:none}
    ul.pureCssMenu li:hover>ul{display:block}
    ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
    ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
    ul.pureCssMenu,ul.pureCssMenu ul {
    margin:0px;
    list-style:none;
    padding:0px 2px 2px 0px;
    background-color:#333333;
    background-repeat:repeat;
    border-color:#cccccc #111111 #111111 #cccccc;
    border-width:1px;
    border-style:solid;
    ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
    display:block;
    zoom:1;
    float: left;
    ul.pureCssMenu ul{
    width:155.4px;
    ul.pureCssMenu li{
    display:block;
    margin:2px 0px 0px 2px;
    font-size:0px;
    ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
    outline-style:none;
    ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
    display:block;
    vertical-align:middle;
    background-color:#333333;
    border-width:1px;
    border-color:#333333;
    border-style:solid;
    text-align:left;
    text-decoration:none;
    padding:2px 5px 2px 10px;
    _padding-left:0;
    font:normal 12px Trebuchet MS,Tahoma;
    color: #cccccc;
    text-decoration:none;
    cursor:default;
    ul.pureCssMenu span{
    overflow:hidden;
    ul.pureCssMenu li {
    float:left;
    ul.pureCssMenu ul li {
    float:none;
    ul.pureCssMenu ul a {
    text-align:left;
    white-space:nowrap;
    ul.pureCssMenu li.sep{
    text-align:left;
    padding:0px;
    line-height:0;
    height:100%;
    ul.pureCssMenu li.sep span{
    float:none;     padding-right:0;
    width:3px;
    height:100%;
    display:inline-block;
    background-color:#cccccc #111111 #111111 #cccccc;     background-image:none;}
    ul.pureCssMenu ul li.sep span{
    width:100%;
    height:3px;
    ul.pureCssMenu li:hover{
    position:relative;
    ul.pureCssMenu li:hover>a{
    background-color:#377D9F;
    border-color:#377D9F;
    border-style:solid;
    font:normal 12px Trebuchet MS, Tahoma;
    color: #FFFFFF;
    text-decoration:none;
    ul.pureCssMenu li a:hover{
    position:relative;
    background-color:#377D9F;
    border-color:#377D9F;
    border-style:solid;
    font:normal 12px Trebuchet MS, Tahoma;
    color: #FFFFFF;
    text-decoration:none;
    ul.pureCssMenu li.dis a {
    color: #666 !important;
    ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
    height:16px;
    ul.pureCssMenu ul img {width:16px;
    height:16px;
    ul.pureCssMenu img.over{display:none}
    ul.pureCssMenu li.dis a:hover img.over{display:none !important}
    ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
    ul.pureCssMenu li:hover > a img.def  {display:none}
    ul.pureCssMenu li:hover > a img.over {display:inline}
    ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
    ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
    ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
    ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
    ul.pureCssMenu span{
    display:block;
    background-image:url(./images/arr_white.gif);
    background-position:right center;
    background-repeat: no-repeat;
       padding-right:12px;}
    ul.pureCssMenu li:hover>a>span{     background-image:url(./images/arrv_white.gif);
    ul.pureCssMenu a:hover span{     _background-image:url(./images/arrv_white.gif)}
    ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_white.gif)}
    </style>
    <!-- End PureCSSMenu.com STYLE -->
    <!-- Start PureCSSMenu.com MENU -->
    <ul class="pureCssMenu pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="index.html">Home Page</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Product Info</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">What is New?</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Menu Features</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Free Online Generator</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">100% Pure CSS Menu</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">No Javascript Required</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Multi Level Submenus</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Search-Engine Friendly</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Advanced Styling</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Horizontal & Vertical</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>How To Use</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">1. Select Template</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">2. Customize Items</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">3. Download Zip</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Supported Browsers</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Windows OS</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Internet Explorer</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Chrome</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Safari</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Mozilla</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Opera</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Netscape Navigator</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>MAC OS</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Safari</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Internet Explorer</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Unix/Linux OS</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Konqueror</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Templates</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 1</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 2</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 3</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 4</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 5</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 6</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">FAQ</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Contact Us</a></li>
    </ul>
    <a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
    <!-- End PureCSSMenu.com MENU -->
    <!-- (c) 2009, PureCSSMenu.com -->
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </body>
    </html>
    Based on your reply, and the troubles you had just getting the domain, I'll have to assume that you can't upload the page, so be a dear, and paste your code here so we can actually see it and troubleshoot it for you.
    Let's see if we can get that egg boiled, eh?

  • NEED HELP. Created Website Template in Photoshop CS5, but cant center it into Dreamweaver CS6

    I created a website layout template in Photoshop cs5 once i opened it into Dreamweaver i was trying to Align it to Center but it would not go center still stays to the left. I know that something is not right i am missing something and i am new to this not much experience with Dreamweaver, can someone please tell me how to fix this issue in a way a beginner would understand, i greatly appreciate the help.

    Did you export HTML from PShop?  Graphics apps generated code is not suitable for real web pages.  It's really only acceptable for quick comps to show the client before you undertake the real work of building the layout in DW with HTML & CSS code.
    To center pages, you need 3 basic things.
    A valid doc type declaration on the first line of your code.
    A stated width in px, % or ems.
    A margin-left and margin-right of auto.
    Copy & paste this code into a new, blank document in DW.  Save and preview in browsers.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5, centered 1-col layout</title>
    <style>
    body {
        margin:0;
        padding:0;
        background: #696;
        font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        font-size: 100%;
    #wrapper {
        width:90%;
        margin:0 auto;  /**with width, this is centered on screen**/
        padding:1%;
        background: #FFF;
    </style>
    </head>
    <body>
    <div id="wrapper">
    <h3>Heading 3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus.  Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    <h3>Heading 3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus.  Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    </div>
    </body>
    </html>
    Nancy O.

  • Center Page in Dreamweaver with ApDivs

    Hello everyone,
    I'm no web designer, but I have a design background. I had to teach myself dreamweaver, so my skills are extremely limited and I've constructed my website using ApDivs. I originally used slices, but that was awful as it just made image chunks all over the place. This was the cleanest, easiest method I could figure out for myself, so forgive me if it seems amateurish.
    Here is the website:
    www.daniellefeliciano.com
    What I want to know is, how can I get my pages to center automatically in the window? I know there is a way to do this by dropping everything into a DIv and putting some code in, but I don't think that method works when you've constructed your website using ApDivs. I only have like 10 pages if that, and yes I used swap image  and set text of container ALL OVER the place. Forgive me, it functions. Is there some way I can center this site? Also, if it requires putting in code pleas tell me EXACTLY where in the code to paste it. My coding is super limited.
    Bonus Question:
    Do you know how to imbed a typeface into the website so that viewers of my website will be able to read it in the typeface I have chosen? The set text of container function has the typeface as Goudy, but I know not a lot of people will have Goudy on their computers so it will come up as something esle. I tried to get around this elsewhere by inserting the type as images because, God bless me, I couldn't figure out how to kern the type or even format it in Dreamweaver. The rest of the site is in Goudy, and it's my typical font for all my branding so I will not change it. Thank you!
    ~Danielle

    Part #1  APdiv are absolutely positioned relative to the nearest positioned parent division.  if none is defined in your CSS, APDivs will align relative to the top left corner of browser windows.  APDivs as a primary layout method seldom works well. Here is why:
    http://apptools.com/examples/pagelayout101.php
    Part #2  To center your page you need 3 basic things:
         1. a valid document type declaration in the top of your HTML document.
         2. a container width in pixels, % or ems.
         3. margin-left and margin-right of auto.
         4. position:relative (only if you're still using APDivs).
    CSS:
    #wrapper {
    width:  900px;
    margin: 0 auto;
    position: relative;
    top: 0;
    HTML:
    <div id="wrapper">
    your page content goes here
    </div>
    Part #3  Designing for print is nothing like designing for the web.  There is no such thing as kerning in web design, and you're pretty much limited to the standard Windows / Mac web safe font-families.
    http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
    If you endeavor to use @font-face replacement techniques, read your font licence carefully as not all fonts are legal to use on web sites.
    @font-face kits
    http://www.fontsquirrel.com/fontface
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Help my css in dreamweaver isn't working

    i entered my new css rule in html mode
    margin:0;
    padding:0;
    #container {
        width: 960px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
    #body {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 14px;
        color: #000000;
        background-image: url(../IMAGES/bg.jpg);
        background-repeat: no-repeat;
        background-position: center top;
    and nothing is changing on my page. Any suggestions

    Anyone?
    Please help...

  • Disable css in dreamweaver CS4

    Hello to all, 
    I'm having problems with the new version of dreamweaver 4 that I downloaded from adobe and I'm trying. 
    In the previous version of dreamweaver cs3 (general), and in preferences could be disabled ing the use of css, using only the html tags for font type face and color, and retrieve the css classes only when they wanted.
    Now in the new version of CS4 but I can not find this option in the task bar properties as insert the font type and size, this also for other properties.
    You know where you can disable the exclusive use of css?

    Murray, I appreciate your expertise and helpfulness to thousands of people over the years.
    Same sentiments for David Powers.  Many thanks to you both over the years.
    As for the "clutter" of, for instance, Tables.
    I use tables only on rare occasions.
    However, your question: What browsers are you hoping to support by taking such a stance?
    HOPING TO SUPPORT?
    Oh, you know, the popular ones in some far-flung part of the world.
    It is simply that even the dumbest oldest browsers that are not sophisticated enough to apply CSS rules flawlessly are just smart enough to know what to do with old-fashioned inline styles, when used judiciously.
    I use inline styles on rare occasions when I have been made aware that this wonderful UNIVERSAL STANDARD of CSS styling is itself just as buggy as any other protocol.
    I have been designing since 1996. Been through all the browsers and platforms on the user side.
    I have been using CSS stylesheets for the last 10 years.
    As you well know Murray, a Google search will turn up countless, countless articles on how to HACK CSS.
    If CSS were so inviolate and perfect then why are people STILL having to write HACKS?
    HACKS FOR BROWSERS.
    So, the hacks are intended to "support" individual browser flaws, bugs, or outright refusal to conform to another development team's interpretation of a particular CSS "Rule".  Let alone the issue of the successive standards that ARE STILL being written to various flavors of CSS.
    THAT, Murray, is why sometimes INLINE STYLES, instead of "cluttering" code with a gazillion CSS hacks designed to "support" all the major browsers and versions of those browsers, it is beautifully elegant, beautifully simple, to "clutter" the code with an inline style.
    It is not my fault if this is made necessary from time to time.
    I have seen instances where one browser will apply a paragraph definition differently than another also popular browser. And in the middle of the paragraph is one element that you want to break with the parent but it keeps inheriting the paragraph properties in one popular browser. So, hacks have to be written to after even new divs, classes, id's are used to breka the inheritance just long enough to accomplish a visual change. Inline styling works just about every time, without an hour or two trying to hack the CSS stylesheet for every conceivable browser in this instance.
    Here is an example of CLUTTERING with INLINE STYLES right here in the Forum on the very page I am typing which is written by Adobe web design employees!
    In the present forums.adobe.com page I am in:
    Oh my goodness, <strong> KT Media </strong> --
    the lowest form of inline styling invented at the beginning of HTML
    and NOW you can apply a global, if you wish, definition of "<strong>"
    But, why didn't they give it a separate style class such as <span class="login-name"> ?
            <span>Welcome, <a title="Click to view your profile" href="/people/KT%20Media"><strong>KT Media</strong></a></span> <span id="jive-userbar-logout">(<a href="/logout.jspa">Log out</a>)</span>

  • Editing CSS in Dreamweaver.

    Well Im trying to edit a CSS document from a template. There
    is a bunch of sections and I need to find out which change what.
    Well I opened the CSS file in Dreamweaver but it doesn't allow me
    to view in browser... Is there something I need to do so I can see
    what I change on the template as far as colors in tables and
    such.

    A CSS file has no preview.
    You would have to open the HTML file in DW, and select the
    element you are
    interested in styling, then use the CSS panel in DW to see
    which rules are
    applying to that element.
    Perhaps if you post a link to your page, we will be able to
    help you better.
    By the way, such posts are better directed to the DW General
    forum rather
    than this one.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "xxicerxx" <[email protected]> wrote in
    message
    news:ea1ick$ig0$[email protected]..
    > Well Im trying to edit a CSS document from a template.
    There is a bunch of
    > sections and I need to find out which change what. Well
    I opened the CSS
    > file
    > in Dreamweaver but it doesn't allow me to view in
    browser... Is there
    > something
    > I need to do so I can see what I change on the template
    as far as colors
    > in
    > tables and such.
    >

  • I think I've over rided the basic css in dreamweaver, is there a way to get back the original?

    For example, when I try to add a new menu bar, horizontal, it is actually a vertical bar. I'm not sure what I did but would like to reinstall? How can I do that without messing up my current sites and css? Thank you.

    Hi,
    please look here:
    http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_sample2.html
    http://labs.adobe.com/technologies/spry/articles/menu_bar/index.html
    to get it:
    and here the Spry features in Dreamweaver CS4 use the latest Spry version: 1.6.1.
    Adobe Labs Downloads
    Get prerelease 1.6.1 of Spry framework now spry_p1-6-1_022508.zip
    http://labs.adobe.com/technologies/spry/
    Update: The Spry prerelease download was updated on 2/25/2008
    to support the shipping version of Adobe AIR.
    Please download the new version.
    Learn to use the Spry framework for Ajax:
    http://www.adobe.com/devnet/dreamweaver/spry.html
    ... and here a fine tutorial from David Powers:
    http://foundationphp.com/tutorials/sprymenu/customize1.php
    ... and please send a link to your website in question, no matter how it looks like, to get a better idea of your problem.
    Hans-G.

  • Viewing CSS in Dreamweaver...

    Hi All - I can't seem to view any of the css that's being
    brought in via a header.cfm, which is included in the
    Application.cfc when working in Dreamweaver. All works fine when
    previewed in the browser as expected. I've tried "live preview" (i
    think that's what it's called) and still doesn't work.
    This makes life hard for a designer...Any ideas?

    VIEW | Style Rendering > Display Styles is enabled?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Wilvis" <[email protected]> wrote in
    message
    news:eie1de$53e$[email protected]..
    > Hi All - I can't seem to view any of the css that's
    being brought in via a
    > header.cfm, which is included in the Application.cfc
    when working in
    > Dreamweaver. All works fine when previewed in the
    browser as expected.
    > I've
    > tried "live preview" (i think that's what it's called)
    and still doesn't
    > work.
    >
    > This makes life hard for a designer...Any ideas?
    >
    >

  • Cellpadding with CSS in dreamweaver

    I'm stuck once again in the world of CSS.
    I have a table which I gave the ID "navi_table". I'm simply trying to give the cells inside that specific table cell padding. The other tables in the page should not be affected.
    How should I do this by using dreamweavers CSS panel?
    My poor attempt was to use an Advanced (ID, pseudo class selector) like this:
    #navi_table tr
    But it has no effect on the table. What am I missing and how should I correctly apply cell padding to that table using Dreamweaver CS3?

    You'd need to apply the padding to the table cell, not the row. So:
    #navi_table td { padding: 4px 6px; }
    ...or
    #navi_table th { padding: 4px 6px; }
    Also make sure not padding is assigned to the HTML in the table element.

  • Validated CSS in Dreamweaver

    Is there a way to make a css validated site in Dreamweaver
    they way you can make one with tables using the WYSIWYG tool? Or do
    you need to hand code everything using the xhtml and css?

    The CSS that DW writes is valid CSS, so yes, of course you
    can make such a
    site in Design view. It won't be much of a site, however,
    since using
    Design view for everything will limit your flexibility. And
    then you would
    need to know what not to do in Design view, so that you don't
    wind up in
    dark, twisty passages.
    If you want to only use Design view, DW may not be the
    application for you.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "soybeanner" <[email protected]> wrote in
    message
    news:f08gav$s9e$[email protected]..
    > Is there a way to make a css validated site in
    Dreamweaver they way you
    > can make one with tables using the WYSIWYG tool? Or do
    you need to hand
    > code everything using the xhtml and css?

  • Syntax Highlighting for LESS CSS in Dreamweaver CS5.5

    This article describes how to add the .less extension to Dreamweaver so that it views it as CSS and thus performs proper syntax highlighting.
    I'm using Dreamweaver CS5.5 and following those steps still doesn't work for me. It works perfectly fine in CS5 and earlier versions but not CS5.5.
    Do you have any ideas? I'm modifying the following file as the above link suggests:
    C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS5.5\configuration\DocumentTypes\MMDocumentTypes.xml

    Aegis Kleais wrote:
    Sorry, Al, but I couldn't disagree more.  Where I respect the fact that, as coders, we're rather ingrained with our workflow processes and, at times, hesitant to change, I've found LESS' benefits to be very worthwhile.
    No need to apologize. Preprocessing is a topic on which there are differing opinions. You have one. I have one. There are advocates:
    http://blog.urbaninsight.com/2012/04/12/ten-reasons-you-should-be-using-css-preprocessor
    There are those who are not sold:
    http://blog.millermedeiros.com/the-problem-with-css-pre-processors/
    http://www.skybondsor.com/blog/css-preprocessors
    There are those mostly sold:
    http://css-tricks.com/musings-on-preprocessing/
    There are even those who have been converted (but who might reverse at some later point):
    http://cognition.happycog.com/article/preprocess-this
    Heck, even I might be converted someday - or not
    Bottom line for me, right now? I know I can write CSS that is better than most, more efficient than most, and easier to follow than most, and a preprocessor would add unwanted complexity. But that's for me. For someone not able to be organized intutively, or for a large - but carefully coordinated - team, a preprocessor could be a positive.
    But not for me.
    There are evolving trends - popular aspects of the technology that may and should find themselves being adapted into CSS. But I've been around this business as long as CSS has. I've seen buzzwords and trends and I've historically been spot-on in predicting the one that will stick. I think preprocessing will stick - but only insofar as it will be a catalyst for features in future versions of CSS. As a separate technology it makes no sense - to me

  • Turning off CSS in Dreamweaver 8

    Hi all, is it possible to set Dreamweaver 8 to NOT automatically do CSS. I am setting up HTML emails and the CSS gets stripped out by GMail, so it needs to be the old fashioned <font> tags. At the moment I have to hard code the text bits.
    Any help is welcome.
    Thanks
    Lee

    Perfect, thats for that, I no longer have to try and remember html for years ago.
    Many thanks
    Lee

  • No images or CSS in Dreamweaver CC in LIVE

    After switching from Dreamweaver CS6 to Dreamweaver CC all images in LIVE are gone. Even when I open a new page, and only add 1 image, nothing else, no CSS, and SAVE. I then select LIVE, the image shows a broken link. I turn off LIVE and I see the image again.
    When I do have css linked, it also does not work.
    I go back to CS6 and it all works great.
    It is okay in Preview for Browser.
    What am I missing?

    Hi Mitchell,
    We're looking into it, thanks for alerting us.
    Cheers – Marc.

  • NOT using css in dreamweaver 8

    How can i get dreamweaver to NOT use css in a simply HTM
    page?
    I need it do create a HTM page where the font, colour, size,
    etc is .
    Like
    font color="#FFFFFF"
    face="Verdana"><strong> My Test Goes Here
    </strong></font
    I'm creating html mail shots and need the code this way.
    Thanks
    Andy

    Thanks dave
    Thanks for that, i was looking everywhere :-)
    Andy
    "David Powers" <[email protected]> wrote in message
    news:f2ugqr$kog$[email protected]..
    > Andy wrote:
    >> How can i get dreamweaver to NOT use css in a simply
    HTM page?
    >
    > There are two ways:
    >
    > * Use the Font tag editor on the Text tab of the Insert
    bar.
    > * Open the Preferences panel (Edit menu on Windows,
    Dreamweaver menu on a
    > Mac), select the General category, and deselect Use CSS
    instead of HTML
    > tags.
    >
    > --
    > David Powers, Adobe Community Expert
    > Author, "Foundation PHP for Dreamweaver 8" (friends of
    ED)
    > Author, "PHP Solutions" (friends of ED)
    >
    http://foundationphp.com/

Maybe you are looking for

  • Not able to make any call with my lumia 710

    Not able to make any call with my lumia 710 though other then call everything is working fine. I chacked my SIM in other phone, i there phone i can make calls. Whats wrong with my phone?

  • Powerpivot Workbook in Excel cannot be saved

    Hello All, There were some automatic updates done yesterday which made my Excel 2010 appearing in English today (instead of Swedish until yesterday), as well as making it unable to save Powerpivot workbooks (which is the part that concerns me!). When

  • Oracle RAC 11g - Transition queries

    Hi, I am about to get transition on Oracle databases used currently by one of the client managed by another vendor. I would like to I have a check list sort of thing for getting transition on Oracle RAC 11g r2 from the current vendor. Appreciate if a

  • No valuation exit for the material

    Dear All,                 While doing stock transfer using t-code mb1b i am getting warning message like                " No proportion valuations exist for material 1g0267b in valuation area GJCG"                  can anybody help me to solve the pr

  • Unable to reinstall Photoshop CS2 from Creative Suite

    I had to uninstall Creative Suite CS2 because I wanted to try CS5.  Come  to find out after a lot of frustration unable to do because I have a  G5  that does not have an intell processor.  When I tried to reload the  Creative Suite CS2 the Photoshop