Applying css style in DW (design view) or CT

Hi Folks,
Here's a dumb question I can't figure out. In DW and CT, you
can apply a css style to a paragraph selecting p tag, right? You
get <p class="myclass"></p>
What I don't get is why the css style apply to an image for
exemple inside the paragraph and not to the paragraph itself?
Of course as you developp a website you certainly don't worry
about that since you handcode or you never apply a style to a
paragraph.
Let's say you need to define a css style saying:
.myclass {
margin: 0 0 20px 20px;
float:right;
so the paragraph containing an image align to right and have
proper margin. Why by default the css style apply to the image and
not to the paragraph? You end with this <p><img
src="myimage.jpg" class="myclass" /></p>
What's the logic behind this, this is very annoying, specialy
for CT users.
Richard

richsky wrote:
> Hi Folks,
> Here's a dumb question I can't figure out. In DW and CT,
you can apply a css
> style to a paragraph selecting p tag, right? You get
<p class="myclass"></p>
> What I don't get is why the css style apply to an image
for exemple inside the
> paragrph and not to the paragraph itself?
> Of course as you developp a website you certainly don't
worry about that since
> you handcode or you never apply a style to a paragraph.
> Let's say you need to define a css style saying:
> .myclass {
> margin: 0 0 20px 20px;
> float:right;
> }
> so the paragraph containing an image align to right and
have proper margin.
> Why by default the css style apply to the image and not
to the paragraph? You
> end with this <p><img src="myimage.jpg"
class="myclass" /></p>
> What's the logic behind this, this is very annoying,
specialy for CT users.
> Richard
>
> .myclass {
> margin: 0 0 20px 20px;
> float:right;
> }
>
> <p class="myclass"></p>
>
> <p><img src="myimage.jpg" class="myclass"
/></p>
>
You must be selecting the image?
Try this: select the <p> tag, located along the bottom
of the design
window (it will highlited when selected) then from the style
drop menu
in the properties inspector select 'myclass'
That should apply the class to only to the <p> tag?

Similar Messages

  • How to view semantic css based layouts in design view in dreamweaver?

    Hi all,
    I havent had a lot to do with CSS based layouts (tables have alwasy just worked for me fine) but I am wondering how do I view the semantic/css based layout in design view in Dreamweaver?
    As when I write the code, in design view its not showing me what the page will look like, I have to click on "Live View" to see what the page actually looks like.
    I guess I am asking is there a way to using WYSIWYG on css layouts in design view??? Just like I do table layouts (In design view I can grab the edge of the table and resize etc)?
    Any help would be great

    Lou yeah I don't think the term WYSIWYG really applys to dreamweaver anymore when building CSS layouts.
    The term "WYSIWYG" never applied to DW.  It was never such a thing, nor was any other HTML authoring, no matter what the marketing hype said.  It's not possible to deliver wysiwyg layouts when there are so many different browsers/platforms/versions to worry about.  This is particularly true when you go back to the era when WYSIWYG was actively used (but not with DW, which was not advertised in such a way) - Netscape 4, and IE5/Mac would alone be enough to destroy any layout....
    The view you are getting in Design view is happening because your CSS is misplaced BELOW the <body> tag - it should be in the head of the page (i.e., above </head>). Your CSS should never be placed within the body of the page.

  • I am using Dreamweaver cc 2014 and after applying css styles to my fluid grid layout I lose the resize, delete, duplicate and move up/ down ability.

    I am using Dreamweaver cc 2014 and after applying css styles to my fluid grid layout I lose the resize,delete, duplicate an move up/ down ability.
    For this reason I cannot build new pages by copying one page to create another.
    I have a third style sheet that I use for the navigation styles  and h1 -h6 ect. tags. and I am also using a css drop menu, can one of these be the problem?
    The css menu I am using has the following script - I goes at the bottom of the html page. Before the closing body tag,
    <script>
    $(function () {
      $("#nav").tinyNav();
    </script>
    I am also using the following for image control - I place it towards the top of the fluid
    grid style sheet.
        box-sizing: border-box; /* Opera/IE 8+ */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    Can some one please help.

    I am using Dreamweaver cc 2014 and after applying css styles to my fluid grid layout I lose the resize,delete, duplicate an move up/ down ability.
    This implies there is something broken in your FluidGrid Layout CSS file.   It  could be something simple like a missing semi-colon or curly bracket.   Run your code through the W3C validation tools below to check for errors.  NOTE:  ignore reported errors in boilerplate.css
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    Nancy O.

  • Viewing CSS fomated pages in Design View DW MX 2004

    I am using DW MX 2004. I have imported a new clients site and
    am trying to view the pages in DW. The web site is completely
    formated using CSS. When the document is opened in DW I do not see
    any of the page. The page views fine when previewing in a browser.
    How do I get the css to execute/render in DW MX 2004s design view?
    Thanks in advance for any help!
    TroCat

    Definitely 'exceeded the capability' of DW's
    DoWhatIWantNotWhatICode
    function.
    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
    ==================
    ": Nadia : ** Adobe Community Expert **"
    <[email protected]> wrote in message
    news:[email protected]...
    > Yep, especially the 'unclosed' tag errors ;-)
    >
    > --
    > Nadia
    > Adobe® Community Expert : Dreamweaver
    > ----------------------------------------
    > CSS Templates |Tutorials |SEO Articles
    >
    http://www.DreamweaverResources.com
    > ~ Customisation Service Available ~
    >
    http://www.csstemplates.com.au
    > ----------------------------------------
    > CSS Tutorials for Dreamweaver
    >
    http://www.adobe.com/devnet/dreamweaver/css.html
    >
    >
    > "josie1one" <joleros[nospam]@yahoo.com> wrote in
    message
    > news:[email protected]...
    >> You have many errors which when fixed could make all
    the difference:
    >>
    >>
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.exteriorinnovations.com%2F
    >>
    >>
    >> --
    >> Jo
    >>
    >>
    >> "trocat" <[email protected]> wrote
    in message
    >> news:[email protected]...
    >>> Exceeded the capability of DWMX 2004? What I am
    asking is, how can I
    >>> view a
    >>> page that was designed and layed out with CSS,
    tables, buttons, etc.in
    >>> DW 2004
    >>> design view. The page is completey visible in
    Front Page 2000 in it's
    >>> design
    >>> view. But not in DW 2004. Am I missing
    something? It seems like FP
    >>> renders the
    >>> CSS to show you the page as you edit. DW 2004
    does not show me anything
    >>> but the
    >>> background in design view. I see DW 8 has a
    toolbar called "Style
    >>> Rendering".
    >>> Is DW 2004 just not capable of this? You can
    view the code source of the
    >>> page I
    >>> am referring to at
    http://www.exteriorinnovations.com.
    >>>
    >>
    >>
    >
    >

  • How do I apply CSS style to multiple topic files?

    Hi,
    I'm using RH9 for help projects originally created with RoboHelp X5. When I generate .chm, roughly half of the pages lose their .css styles (font changes, background color disappears etc.). This can be cured by opening the topic in RH via Project Manager, then right-clicking and selecting "Properties". In the Appearance tab I re-select necessary Style Sheet (although it is already selected - I select some other one and then back the one I need, then 'Apply' button becomes active), and click OK. After that I save the topic and regenerate .chm. Only after that the topic looks good in the .chm. The problem is that this procedure needs to be applied to every single topic file that is displayed incorrectly. If I don't open the topic before I click 'Properties' and save it after, it doesnt't work. If I select multiple topics in the Topic List view and click 'Properties, it doesn't work either. I have several thousand topics in the project and I can't say which ones need to be repaired before I build .chms.
    Is there a faster solution to this problem than processing all files manually?
    Thanks!

    Perhaps check the code for a problem topic (outside Robohelp) and see if the stylesheet reference has type="text/css". If not, you could try running a search and replace to add that to the link reference. Not sure if this occurs in RH9, but not hard to check.
    old: <link rel="StyleSheet" href="styles.css" type="" />
    new: <link rel="StyleSheet" href="styles.css" type="text/css" />
    Fonts and Style Changes in Generated Help

  • How to apply CSS style values to h:messages ?

    Hi Folks,
    I'm quite new to JSF development. What I'm currently trying to do, is to apply a CSS style for a <h:messages> tag:
    <h:messages globalOnly="true" style="color: red;" layout="table" />Unfortunately the style "color: red;" is not being applied to the generated HTML table (or list):
    <table>
       <tr>
          <td>My Error Message!</td>
       </tr>
    </table>But I assume the generated HTML should rather look something like this:
    <table style="color: red;">
       <tr>
          <td>My Error Message!</td>
       </tr>
    </table>I'm using MyFaces 1.1.3 with Tomcat 5.5. Is this maybe a bug in MyFaces?
    Salute

    We speak HTML here.
    Let's see what you have tried so far, please.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Buescorpmtf" <[email protected]> wrote in
    message
    news:g3p16e$j03$[email protected]..
    >I have been trying to apply a simple CSS style of a
    rounded border to my
    >web
    > pages. I received the coding and images from
    http://www.roundedcornr.com.
    > I
    > downloaded the images and linked them in the CSS style
    editor. I tried to
    > apply the style to the webpage/container, but it won't
    apply. This seems
    > like
    > a pretty simple task, but I can not get it done.
    >
    > Does anyone know how to do this? Step by Step and in
    plain English? :)
    >
    > Thanks
    >

  • Style Message in design view with Apache Trinidad HTML components

    Hi !!!
    I'm using Apache Trinidad HTML components. In that components after using Table Layout I'm trying to use Row layout after dragging the row layout to the design view the following message is appearing in the design view, the same is happening in the browser window also.
    style="position:absolute;width:auto;height:auto;top:0px;left:0px;bottom:0px;right:0px"
    Thanks in Advance
    Anil Kumar Golla

    Ric,
    First I created an application by selecting New Application from the Application Navigator. In that application window I submitted relevant names for creating the new application, after that it displayed the project window in that I given the project name then in Jdeveloper's Application window the project name is displayed from there I selected new by right clicking, in that New gallery window, I selected Web Tier > Page Template > Ok. In the Create Jsf Page template window I created a File Name and Facet Definitions namely North, West, East, South and Center. After that Jdeveloper created the new JSPX page. In that page first I dragged panel stretch layout from Adf Faces to the Jdeveloper's design view and given facet references (North, West, East, South and Center). In the North Portion I dragged the Apache Trinidad HTML's Table Layout component, after that Row layout, then in the design window I'm getting the "style="position:absolute;width:auto;height:auto;top:0px;left:0px;bottom:0px;right:0px". The same is displaying in the browser window also.
    Thanks in Advance
    Anil Golla

  • Apply CSS style to alternating columns of Listview

    I would like to apply a specific CSS style to item for alternating column of a Listview. Is there a way to do that? Since a listview is dynamic and the number of columns and rows that are render depends on the size and resolution of display, the number of
    items in a column will change.
    Thank you.
    Christine
    MCSD, MCITP, MCTS

    If you could consider the alternating colours a progressive enhancement and not absolutely required in all (old) browsers then you could use a CSS n-th child selector to apply the colour without changing the HTML. 
    If you have jQuery (or similar) in your project already and want a solution for older browser, you could use that to select every other row with the :odd or :even selector.
    Update (Example)
    Assuming we are using table rows
    tr:nth-child(odd) td{
    background-color: red;
    You can also use even, 2n or 2n+1. This would work equally well with
    <li> tags.
    More examples:
    http://reference.sitepoint.com/css/pseudoclass-nthchild

  • Apply CSS style don't works, always checked

    Hi
    I'm using Dreamweaver CS6 on Mac OS X Mountain Lion 10.8.3
    How can fix this problem? Can't apply the CSS style "Amarillo" on the selected text because is checked BEFORE to the action for apply it.
    You can see the picture .error.jpg, the style Amarillo MUST NOT be checked and appears checked. If I change to another style and try again to amarillo then the style is not applied.
    Want to convert "A VECES" to <span class="amarillo">"A VECES"</span> using fast GUI Dreamweaver's way and can't do it.
    I trash the preferences and don't fix the problem.
    Any idea?
    Thanks.
    Tom

    And try this:
    <!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" />
    <link rel="stylesheet" type="text/css" media:"screen" href="../../../assets/css/machine.css"/>
    <link rel="stylesheet" type="text/css" media:"handheld" href="../../../assets/css/celular.css"/>
    <title>Bug Test</title>
    </head>
    <div id="computer">Hello I'm the computer</div>
    <div id="mobile">Hello I'm the mobile</div>
    <body>
    </body>
    </html>
    In machine.css add:
    #mobile {
    display: none;
    In celular.css add:
    #computer {
    display: none;
    The effect must be... when load this webpage in a computer show the message: "Hello I'm the computer"
    And when load this webpage in a mobile phone show the message: "Hello I'm the mobile" (or using Adobe Device Central CS5)
    But don't works... in both cases loads BOTH MESSAGES and get:
    Hello I'm the computer
    Hello I'm the mobile
    What's wrong here?
    Can you help me?
    Thanks.
    Tom

  • Spry.Utils.updateContent() not applying CSS styles to included fragments on mobile viewing

    NOTE THAT THIS ONLY PERTAINS TO MOBILE VIEWING (tested on iPhone)
    Hi, I have a SpryTabbedPanels widget within my index.html page, where clicking each tab calls Spry.Utils.updateContent() to load an html fragment into the body of the panel content. My index.html looks something like...
    <html>
    <head>
         <!-- All the Spry includes are done here but left out for brevity -->
         <link href="stylesheet.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
         <p>This is text that is effected by stylesheet.css</p>
        <!-- The Spry tabbed panel widget is invoked here, but only the following line is pertinent -->
              <li class="TabbedPanelsTab" tabindex="0" onclick="Spry.Utils.updateContent('frag','frag.html');">Code Fragment</li>
         <!-- The rest of the code to close up the tabbed panels widget goes here -->
    </body>
    </html>
    Then the frag.html code can be anything, and here I'll just say it's...
    <p>This is a code fragment not affected by stylesheet.css</p>
    Suppose then that I have the following style sheet called stylesheet.css...
    p {
         color:#FF0000;
    If index.html is accessed in a web browser like Chrome, Safari, etc., this code will have the obvious effect of displaying:
    This is text that is effected by stylesheet.css
    This is a code fragment not affected by stylesheet.css
    However, when mobile browsing, the style sheet is not carried over to the code fragment, so the default settings for the <p> tag are used, producing black text for the second sentence above, displaying:
    This is text that is effected by stylesheet.css
    This is a code fragment not affected by stylesheet.css
    I've tried putting <html> and <head> tags with a link to stylesheet.css in frag.html, but nothing seems to work. Any help would be greatly appreciated!
    Thanks

    I think that worked.  I've been messing around for a long time trying to
    figure it out myself watching tons of drop down tutorials.  Should have
    asked a long time ago... It was hard because I wasn't completing from
    scratch and rather updating my current site.  How could I give you the
    location on the server easily?
    Lamppa Manufacturing Inc.
    Kuuma (Green) Furnaces & (Fantastic) Sauna Stoves
    P.O.Box 422
    Tower, MN 55790
    www.lamppakuuma.com
    facebook<http://www.facebook.com/pages/Lamppa-Manufacturing-Incorporated-Kuuma-Furnaces-Sauna-Stove s/215958785138157>
    [email protected]
    1-800-358-2049
    218-753-2330

  • How to apply style sheet to design page

    hi all,
    i have a discussion,
    how to apply a style sheet to design page in webdynpro.
    thanks
    vikash

    Hi Vikash,
    Check the below links which will you idea on the same.
    Stylesheet for WDA without integrating in SAP Portal
    Apply custom css to WebDynpro application
    Thanks
    KH

  • Design view is significantly different from output in Robohelp 10

    This may be normal for Robohelp 10. I am not sure.
    I am applying a new CSS to my company's help project as part of a major update to the design. The CSS includes table styles, and list styles - something that was signficantly lacking from the previous design.
    I have noticed that there are significant differences between what I see in the design view and what I see in the output, and this causes a lot of confusion.
    When applying the bullet style, in the design view I see a numbered list. However, the output displays bullets as I specified.
    When applying a table style, the table looks unformatted until I view it in preview mode or generate the project.
    My roman numeral list style appears as decimals in design view, but looks fine in the output.
    This is very confusing to work with, and initially led me t make many manual changes before I realized that what I am seeing in the design editor is completely misleading.
    Any suggestions are welcome.
    Yehoshua

    This is how it appears when I edit the style in Robohelp:
    This is how it appears when I apply the style in design view:
    However, when previewing the page (and also when generating ouput):
    As I said, it is very confusing and misleading.

  • Divs not aligning in design view.

    Hi,
    I have to divs next to each other their combined widths = the divs width I have wrapped around them so they should align perfectly. However in disign view one of the divs is pushed below the other but when I preview in the browser they are aligned how they should be. I know this isn't a huge problem as in the browser its appearing how it should but its really distracting whilst I'm still coding a site when divs aren't where they should be.
    I have attached my code and css styles. If someone could advise what may be going on.
    Thank you and kind regards
    Elliot
    Source code
    <!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>Untitled Document</title>
    <link href="web_design_style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    </head>
    <body onload="MM_preloadImages('images/nav_bar/home_ro.png','images/nav_bar/about_ro.png','imag es/nav_bar/packages_ro.png','images/nav_bar/portfolio_ro.png','images/home header/nav_bar/contact_home_RO.png')">
    <div id="web_centre_wrap">
    <div id="header_home">
    <div id="top_header_home"></div>
    <div id="middle_header_left_home"></div>
    <div id="middle_header_right_home"></div>
    <div id="menu_bar_home">
      <table width="396" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><a href="web_design_home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/nav_bar/home_ro.png',1)"><img src="images/nav_bar/home.png" name="home" width="67" height="121" border="0" id="home" /></a></td>
          <td><a href="web_design_about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/nav_bar/about_ro.png',1)"><img src="images/nav_bar/about.png" name="about" width="70" height="121" border="0" id="about" /></a></td>
          <td><a href="web_design_packages.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('packages','','images/nav_bar/packages_ro.png',1)"><img src="images/nav_bar/packages.png" name="packages" width="92" height="121" border="0" id="packages" /></a></td>
          <td><a href="portfolio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('portfolio','','images/nav_bar/portfolio_ro.png',1)"><img src="images/nav_bar/portfolio.png" name="portfolio" width="89" height="121" border="0" id="portfolio" /></a></td>
          <td><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','images/home header/nav_bar/contact_home_RO.png',1)"><img src="images/home header/nav_bar/contact_home.png" name="contact" width="78" height="121" border="0" id="contact" /></a></td>
        </tr>
      </table>
    </div>
    <div id="bottom_header_home">
    </div>
    </div><!-- end #header -->
    <div id="content">
    </div><!-- end #content -->
    <div id="sidebar">
    <div id="quote"></div>
    <div id="testimonials"></div>
    </div><!-- end #sidebar -->
    <div id="footer">
    <div id="contact"></div>
    <div id="cpptu"></div>
    </div><!-- end #footer -->
    </div><!-- end #web_centre_wrap -->
    </body>
    </html>
    CSS Style
    @charset "utf-8";
    /* CSS Document */
    body {
    background:#bfbfbf;}
    #web_centre_wrap {
    margin:0 auto;
    width:860px;
    height:auto;}
    #header_home {
    width:860px;}
    #top_header_home {
    background:url(images/home%20header/header_top_bg.png);
    width:860px;
    height:219px;}
    #middle_header_left_home {
    background:url(images/home%20header/banner_left_bg.jpg);
    width:396px;
    height:150px;
    float:left;}
    #middle_header_right_home {
    background:url(images/home%20header/banner_monitor.png);
    width:464px;
    height:383px;
    float:right;}
    #menu_bar_home {
    float:left;
    height:121px;
    width:396px;}
    #bottom_header_home {
    background:url(images/home%20header/bottom_header_bg.png);
    width:396px;
    height:112px;
    float:left;
    font-family: Verdana, Geneva, sans-serif;}
    #header {
    width:860px;}
    #top_header {
    background:url(images/top_header_bg.png);
    width:860px;
    height:369px;}
    #bottom_header {
    background:url(images/bottom_header_bg.png);
    height:121px;
    width:464px;
    float:right;}
    #menu_bar {
    width:396px;
    height:121px;
    float:left;}
    #content {
    background:#fff;
    height:auto;
    width:589px;
    float:left}
    #sidebar {
    background:#fff;
    height:auto;
    width:271px;
    float:right;}
    #quote {
    background: url(images/quote_bg.png) no-repeat;
    height:341px;
    width:258px;
    margin:0 auto;}
    #testimonials {}
    #footer {
    background:url(images/footer_bg.png) repeat-x;
    height:253px;}
    #contact {}
    #cpptu {}
    .first_header_word {
    color: #3181fa;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size:20px;}
    .header_word {
    color: #a8a8a8;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size:20px;}
    .content_txt {
    color: #a8a8a8;
    text-align:left;
    font-family: Verdana, Geneva, sans-serif;
    font-size:18px;}

    Hi Murray,
    Thank you for responding to my query.
    I haven’t noticed any problems occurring as a result of using short hand when applying CSS styles but I will take your advice on board and start using long hand.
    I have just noticed there are very few paths with spaces, I was aware that using spaces or other punctuation in paths on a website is a bad idea. I didn’t notice I let some slip through so thank you for pointing that out.
    My website width is 860px and the two divs I mentioned #content & #sidebar their combined widths equal 860px. All my divs are wrapped inside #web_centre_wrap. As the two divs widths equals the website width they should sit next to each other as I have floated #content to the left and #sidebar to the right. As I said the divs sit next to each other when previewed in the browser just not in design view which is extremely distracting. Are you advising that I should wrap #content & #sidebar inside another div for example:
    <div id=” content_centre”>
    <div id=””>content</div>
    <div id=”sidebar”>
    <div id=”quote”></div>
    <div id=””>testimonials</div>
    </div><!--  end #sidebar -- >
    </div><!-- end #content_centre -- >
    Thank you again for your help
    Kind regards
    Elliot

  • Design View differs from Live view problem

    I have Dreamweaver CS5.5 with Mac OS 10.7.3 on an iMac. I have the same set-up on a Macbook Pro 17
    The problem is that the Design view is showing different fonts and not picking up layout as per CSS style but the Live view is all correct.
    All is fine on the laptop so it is my iMac specific glytch
    I have checked the settings for diplaying CSS styles and they are ticked
    I have switched off the activation settings for Suitcase Fusion 3 in case of conflict there
    I have uninstalled and reinstalled Dreamweaver
    I think it a font-related problem as the design view only seems to want to display non-serif fonts.
    Am I doomed to only use the lap-top in my web work?
    I hope someone can advise as I am rather frustrated

    I think that's just the way it is...
    http://forums.adobe.com/message/4312435#4312435
    Martin

  • Bloated CSS Style Sheet...

    My style sheet is about 60k... much too big.
    Trying to find a way to put it on a diet.
    Is there a way to convert it to ' css shorthand'?
    I set the preferences to use shorthand for css declarations but don't see any change in existing style sheets.
    Help appreciated.
    Dan H.

    Hi, Dan,
    Without your code in front of me, I'll be shooting arrows in the dark, but here goes. (at 60k, I'm pretty sure we don't want you to copy it in here!)
    1. Check for styles that are very nearly the same as each other. You can 'gang up' many styles into one declaration, and only separate out the bits that differ:
    Instead of
    h1 {
         font-family: Verdana, Arial, sans-serif;
         color: blue;
         font-size: 1.4em;
    h2 {
         font-family: Verdana, Arial, sans-serif;
         color: blue;
         font-size: 1.2em;
    h3 {
         font-family: Verdana, Arial, sans-serif;
         color: blue;
         font-size: 1.1em;
    (note the similarities?) use
    h1, h2, h3 {
         font-family: Verdana, Arial, sans-serif;
         color: blue;
         font-size: 1.4em;
    h2 { font-size: 1.2em;}
    h3 { font-size: 1.1em;}
    Put the fuller-bodied style first and the difference styles after, so they will rule for their particular attribute stylings.
    2. ONLY style those attributes that you need to style. You need not define EVERY possible attribute of a tag, etc. The lists of attributes that you see in the CSS Styles Panel (Show Category View, for instance) are only there for your convenience. They are not all there because you need to actually style them all, all the time. If you are restyling a Heading 1 and are only changing the default color to blue, only style that attribute.
    3. If you are using Spry Widgets, leave those styles in their own CSS file, don't bring them into your site CSS file. You can link multiple CSS files to your pages.
    If you see any of these possibilities for your style sheet diet, give them a try. If you can upload the file and give us a link, I'm sure we can come up with some additional suggestions!
    Z

Maybe you are looking for