Using CSS Problem

Why do I have to use class selector and not a type selector?
<mx:Style>
Label {
fontSize: 16px;
fontWeight: bold;
.test {
fontSize: 16px;
fontWeight: bold;
</mx:Style>
<mx:Label text="Test" styleName="test"/>
If I remove the styleName property telling the label to use
the .test
class, the label it NOT styled and I can not see why. I don't
want to
have to put classes on all my labels, I want them to be
defined as a type.

A simple test example showing what I am experiencing. Why
should the
text controls be inheriting the Label styling?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="vertical">
<mx:Style>
Label {
fontSize: 16px;
fontWeight: bold;
color: red;
.label {
color: green;
</mx:Style>
<mx:Label text="Type Selector"/>
<mx:Text text="Just a text control"/>
<mx:Label text="Class Selector" styleName="label"/>
<mx:Text text="Another text control"/>
</mx:Application>

Similar Messages

  • Problem regarding the creation of Table using CSS.

    Hi ,
    Here I have a Problem regarding the creation of Table using CSS.
    In My Application i have a table with multiple rows(Rows are Dynamically added to the table).First i am setting the table with the following properties:
    width:900px;
    height : auto,
    Overflow : visible,
    Max-height: : 200px.
    If I use above properties,I'm getting a table with 5 or 6 rows(height upto 200px).After that i am getting the Vertical ScrollBar.
    The problem is when a table has many columns, Vertical and Horizontal Scrolls are coming at the time of setting the table. The table height is not Increasing dynamically.
    How can i use "height" property in CSS? (I want the table height to be increased when the columns are more.)
    Thanks & Regards
    Madhavi

    Hey humble user. Errr I'm trying to understand what ur trying to do. U want to create a section of a region destructively from an existing region right? If so select the option convert to new region (opt-comm-R or selecting it by right clicking). Check your audio bin to make sure. Whats the "merge" function? Are u refering to the glue tool?

  • Old non-CSS site. Problems using CSS now.

    I have a site that was built with GoLive years ago. It has
    TONS of e-commerce form/store stuff on most of the pages. I quit GL
    a few years ago and moved all my sites over to DW CS3. It wasn't
    super smooth, but I eventually got it setup as a DW site and went
    on with it.
    Then CSS came in, and I learned how to build sites with it.
    My problem is that this old site (www.webriggingsupply.com) is a
    mess of inconsistency with fonts, font sizes, etc. On a page,
    within one table of store data, there might be 2 different fonts,
    and 3 sizes, when all should be the same font/size.
    Due to the sheer number of pages and tables, there is simply
    no way I can start over with a new site.
    I tried to use CSS to style the new site, but the old
    attributes are still in place.
    Any suggestions? I could copy/paste a page into a new site,
    but how do I strip out all the old font formatting? I tried it, and
    it comes in the new site just like the old site? I'm
    stuck!!!

    To remote deprecated code and other tags from legacy sites, I
    use a handy
    little extension called Tag Stripper 2.1 which runs from the
    Command menu in
    DW.
    It quickly removes unwanted <tables>, <fonts> and
    other tags in one pass...
    You can download it here (scroll down; it's 3rd from the
    bottom):
    http://www.feedage.com/feeds/1633172/massimo-foti--dreamweaver-goodies
    --Nancy O.
    Alt-Web Design & Publishing
    www.alt-web.com
    "synterx" <[email protected]> wrote in
    message
    news:gdahng$lq5$[email protected]..
    > I have a site that was built with GoLive years ago. It
    has TONS of
    e-commerce
    > form/store stuff on most of the pages. I quit GL a few
    years ago and moved
    all
    > my sites over to DW CS3. It wasn't super smooth, but I
    eventually got it
    setup
    > as a DW site and went on with it.
    >
    > Then CSS came in, and I learned how to build sites with
    it. My problem is
    that
    > this old site (www.webriggingsupply.com) is a mess of
    inconsistency with
    fonts,
    > font sizes, etc. On a page, within one table of store
    data, there might be
    2
    > different fonts, and 3 sizes, when all should be the
    same font/size.
    >
    > Due to the sheer number of pages and tables, there is
    simply no way I can
    > start over with a new site.
    >
    > I tried to use CSS to style the new site, but the old
    attributes are
    still in
    > place.
    >
    > Any suggestions? I could copy/paste a page into a new
    site, but how do I
    strip
    > out all the old font formatting? I tried it, and it
    comes in the new site
    just
    > like the old site? I'm stuck!!!
    >

  • Add file type icons to links using CSS - DW CSS problem?

    Hi,
    I want to add file icons to links using CSS. How to do this
    is clearly described in the article found
    HERE.
    A most useful feature I REALLY want to use
    However the CSS code shown below is not recognized by DW CS3.
    In the CSS Styles window shows "(no styles defined)". HELP!
    Any tips/tricks/pointers would be appreciated.

    horse.badorties wrote:
    > So DreamWeaver CS3 is NOT able to handle CSS 3?
    Actually, it has been able to handle most of the CSS 3
    selectors since
    MX 2004, but it doesn't recognize these:
    E[foo^="bar"]
    E[foo$="bar"]
    E[foo*="bar"]
    E ~ F
    Since they're all supported by IE7, Firefox, Opera 9.5, and
    Safari 2,
    there's a good argument for Dreamweaver to start supporting
    them. Why
    don't you submit a formal feature request to Adobe?
    http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
    There are several others not yet supported by Dreamweaver,
    but browser
    support for them is non-existent, too. The four listed above
    are the
    most important.
    David Powers, Adobe Community Expert
    Author, "The Essential Guide to Dreamweaver CS3" (friends of
    ED)
    Author, "PHP Solutions" (friends of ED)
    http://foundationphp.com/

  • How do I scale a lot of images using CSS in HTML5 and CSS3

    I have a CSS image gallery that displays a larger photo with descriptive text below it, when a thumbnail image is hovered on.
    Each photo has code like that following:
    <a class="thumbnail" >
    <img src="thumbs1/paradethumbs/DSC_0073.jpg" alt="thumbnail picture" />
    <span><img src="pics1/paradepics/DSC_0073.jpg" alt=" " /><br /> 19 - a black faced sheep.</span>
    </a>
    The first source is a thumbnail,  image stored at a size of 72 by 48.
    The second source is an image stored at 600 x 400.
    When the thunbnail is hovered on, the larger photo is displayed at its full size using css.
    There are 20 or so thumbnails in this gallery, and different numbers in other galleries that use the same code.
    The example above is number 19 from 20.
    This works fine on tablets and larger displays.
    When I wish to show it on an Iphone or similar, with a display that is 480 or less wide, I need to scale the larger photo down to 300 wide.
    As the Iphone will have a lower quality of image than a larger display, it will not matter too much if the 600x400 photo is scaled down, and having tried it by giving it an ID with CSS like
    #imagescale{ width:300px; } it looks acceptable. However, as IDs are supposed to be unique, then thats a no go area for the remaining photos.
    My problem is how do I select the second image source shown in bold above, and scale it and the span text by 50%.
    The text is not too important as it can be changed to fit - the image is the main problem.
    I need someting like "if the display is less than 600 and the image is in the pics directory, display it at 300 wide".
    The browser will hopefully  take care of the height.
    Any suggestiosn would be appreciated.
    Howard Walker

    Thanks Nancy. The general idea and the link to the article helped a lot.
    However, the css using using a percentage had unpredictable results when selecting repeated images.
    The first one scales to 50% and then the next scales to 50% of the last one (25%)  and so on ad infinitum, unless you click on another object that is not an image.
    Using a pixel size like 280px rather than a percentage did the trick, but it also involved changing lots of other items before I could get everything to fit.
    Now I have a better knowledge of media queries and how to set them up.
    Best of all, all my image galleries work fine just using css and html. Never thought that would happen.
    Take five stars!
    And the same to David Powers for his great article.
    Howard Walker

  • Resizing image using CSS - not working in IE

    Hello,
    I have a standard report with couple of columns one of which a image column. The images are of varying sizes and I manged to resize them to a fixed width & height by using CSS code in page header as below:
    td[headers="ITEM_PICTURE"] img {
      display: block;
      width: 70px;
      border: 1px solid #999;
      padding: 4px;
      background: #f6f6f6;
    }The CSS does the trick in Chrome & Firefox but does not work in internet explorer. Is there a way to make this CSS code IE friendly?
    Cheers for help.

    William Wallace wrote:
    I am using Apex 4.2.1 (had this issue in 4.1.1 as well) and using theme 10.Ah, the Sludge Sand theme. In 4.x that's a legacy theme only really included to allow applications to run on IE6. It's therefore intended to run in quirks mode, meaning in Internet Explorer terms there's no support for anything that didn't work in IE6 (for certain values of "work"). This means no CSS3, no support for a lot of useful CSS2.1 stuff (like attribute selectors), and probably problems with jQuery which requires standards mode. Adding a DOCTYPE to the page templates to trigger standards mode Interactive Report: how can I display carriage returns?. In 4.2 you really should switch to one of the latest Standard themes, or at least one of the standards mode Legacy themes (those not marked with a "*").
    If you must use theme 10, and there are no other images in this report (like edit icons) then you could add a static ID to the region and use a more basic selector like:
    #static-id td.t10data img {
      display: block;
      width: 70px;
      border: 1px solid #999;
      padding: 4px;
      background: #f6f6f6;
    }However, it appears that one of IE's quirkier quirks mode quirks is that CSS padding is not supported on images, so the presentation you want is not possible using theme 10 in IE and CSS alone.
    Switching to a modern theme is recommended.
    Edited by: fac586 on 02-Mar-2013 10:31

  • CSS problem-not rendering correctly in IE

    Hi Group,
    I'm relatively new to using CSS in my web sites, and have a
    question concerning a site that I'm having a problem with.
    The site is <
    http://lennyhirsh.com/> and
    the problems I'm having are with the top navigation 'rollovers' and
    the inline navigation at the bottom of each page. On Firefox and
    Safari, the site renders fine, and both the CSS rollovers and the
    bottom navigation are rendered right.
    However, I just looked at the site on Windows IE 5.5, and the
    top rollovers are cut off and the bottom navigation is showing
    vertically, instead of horizontally.
    If anyone might have a few moments to take a look and offer
    some guidance, it would be greatly appreciated.
    Thanks so much!

    First off, you might like to check your page in a validator?
    I saw this in your code:
    <h1>Design Freedom – Universal Choice<h1/>
    It's wrong and it might cause some layout anomolies. It should be:
    <h1>Design Freedom – Universal Choice</h1>
    I don't think it's the only place it's happening.
    I only looked at the first site.
    Martin

  • CSS problems in Dreamweaver CC?

    I am having problems getting the CSS to update properly when I make changes to the code in the CSS document in the left panel. I have to go into CSS Designer to make the changes in addition to writing code in the css document, but it is often easier to update the code in the document and not use CSS Designer.
    At one point, a bizarre thick border appeared on an element that I had NOT styled in either CSS Designer or in the CSS document. When I tried to change the border, the border did not show up in settings in CSS Designer or in the CSS document panel. The only place that affected the border was by using the Properties in the panel at the bottom of the app window. Once I accessed the "CSS Designer" from the Properties panel, I could see the settings and get rid of them.
    Wondering if this is some kind of bug? Or if anyone else is experiencing problems making changes to css in the css document window?

    I'll look for a DW forum. FYI, I'm on a Mac OS10.8.5, with most recent update for DW CC. I attached an external css to the file and it is shown correctly under Sources in CSS Designer (no extra styles are in the head of the document); that part works just fine. Formatting borders is pretty straight-forward—specify style, width, color for each side.
    The question is why changes to the css don't always take effect if I write the css as code in the css panel (on the left side using split view)—even when I do a save. When I ALSO change settings in CSS Designer the changes DO appear in the CSS code panel, even duplicating the code I just entered there. One time I had to use the "Edit Rule" in the Properties box at the bottom of the app window to get the css to update.
    The lack of consistency interferes with workflow.
    I wish I could write the css in the code panel and have a refresh button like the one for Source Code changes.
    Often it is much faster to write the css in the code panel. Scrolling through all the settings of the CSS Designer can be tedious and it's easy to make mistakes.
    An example of this css is a sidebar div with a bottom border. When I was setting this up, it ended up with a thick solid black bottom border and I had trouble making a change. Eventually I succeeded via the Properties panel, but it should have updated via the css code panel OR CSS Designer.
    #sidebar {
         border-bottom: thin dotted #055900;
    So, maybe this is a Creative Cloud issue, or maybe a DW issue.

  • Centering Images using CSS but having links on the Images

    Hi all,
    I have a problem on centering an image using CSS. I read on many forums that you have to use margin-left , margin-right and set to auto. and also set the display:block which I had done.
    The problem is if I want to have a link from the image. Because I have set the display to block, the link will span the entire container containing it! How do I resolve that? I only want the image to be linkable and not the entire container!
    Thanks for reading!

    Murray *ACP* wrote:
    Because I have set the display to block, the link will span the entire container containing it!
    That's incorrect.  If the display:block is applied to only the IMAGE, the anchor tag will be exactly the same dimensions as the image and will not fill the container.
    Hi Murray,
    Weirdly it does in my experiments. (code below). Even if I set the 'a' tag to the width of the image it still makes the whole <div> container clickable:
    <!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>
    <style type="text/css">
    #imgWrapper {
        width: 900px;
        margin: 0 auto;
        border: 1px solid #000;
    #imgWrapper img {
        margin: 0 auto;
        display: block;
    </style>
    </head>
    <body>
    <div id="imgWrapper">
    <a href="http://www.bbc.co.uk"><img src="slice_2.jpg" width="595" height="130" /></a></div>
    </body>
    </html>

  • Placing rollover nav buttons using CSS

    Hi. I'm creating my first website using DW CS3 and I'm having
    problems working out how to include all of the graphics as part of
    the CSS so that I can use different CSSs for different devices.
    I have a set of images I'm using for the navigation buttons
    and I want to add them to table cells using CSS with tags for
    placement but how do I then get the rollover effect without ading
    anything to the actual html code?
    any help gratefully appreciated.
    Thanks.

    If you need to do this then here is an example:
    www.taste-in.com
    The buttons are show/hide with css.
    .rollover {display: block;height: 100%;}
    .rollover img {width: 100%;height: 100%;border: 0;}
    .rollover:hover { visibility: visible; }
    .rollover:hover img { visibility: hidden; }
    #home, #contact, #taste, #about, #tasting, #terms{height:
    92px;}#home {width: 139px;background:
    url(../images/nav/hover/home.jpg);}
    #taste {background: url(../images/nav/hover/taste.jpg);width:
    129px;}
    #about {background: url(../images/nav/hover/about.jpg);width:
    128px;}
    #tasting {background:
    url(../images/nav/hover/tasting.jpg);width: 126px;}
    #terms {background: url(../images/nav/hover/terms.jpg);width:
    128px;}
    #contact {background:
    url(../images/nav/hover/contact.jpg);width: 140px;}--
    CheersPablowww.dellwebsites.com
    "wefollow" <[email protected]> wrote in
    message
    news:e2kequ$nie$[email protected]..
    > If i can...how can I.....
    > I want to import Rollover Buttons from Fireworks to
    Dreamweaver( Css Page)
    > I just start using CSS code.....
    > thank you for reading this message

  • Using CSS With id=form1:txtbox1

    Author: Mike12779 Sep 7, 2004 5:27 PM
    I am having a problem using CSS with the id's that JSF creates for the components on my page. After specifying an id="txtbox1", the rendering of the page changes my id to "form1:txtbox1". This is giving me problems applying styles to that element by ID. Please let me know if there is a way around this besides having unique classes for the css.

    you can use styleClass or style instead of id.
    For example,
    .text1 { font-size: 14px }
    <h:outputText styleClass="text1" />
    or
    <h:outputText style="font-size: 14px" />
    *NOTE:  the 'style' at JSF is similiar to 'style' in CSS                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       

  • Yes another strange IE CSS problem

    Hi all,
    I was wondering if some kind soul could help me work out
    hopefully my last CSS problem. If you look at my site:
    http://www.aclighting.com/shop/
    in IE you will see a light blue line at the bottom of the left hand
    side navigation menu. In Firefox and other browsers it isn't there,
    they are behaving, but I can't work out why IE is showing that
    there.
    This is the HTML
    Class mid is what shows the blue line.
    #shop #content-wrapper #menu .mid {
    background: url(/images/menu_div.gif) no-repeat left top;
    padding-top: 9px;
    padding-left: 5px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 100%;
    I don't understand why its showing near the botton in IE.
    Steve

    Doooza wrote:
    > Hi all,
    > I was wondering if some kind soul could help me work out
    hopefully my last CSS
    > problem. If you look at my site:
    http://www.aclighting.com/shop/
    in IE you will
    > see a light blue line at the bottom of the left hand
    side navigation menu. In
    > Firefox and other browsers it isn't there, they are
    behaving, but I can't work
    > out why IE is showing that there.
    > I don't understand why its showing near the botton in
    IE.
    Its on you background image?
    http://www.aclighting.com/images/menu_bottom.gif
    IE is probably making a container slightly higher for some
    reason and
    therefore shows more of te background image.
    Just use a 'dedicatted' background image minus the blue line

  • Dreamweaver Functions using CSS

    I'm just learning about CSS, as I'm developing a site and I
    have two questions.
    I created a simple form with a text box and submit button,
    both of which are positioned using CSS. The red form indicator box
    is shown way at the top of the page where it sits in the code. This
    is the only way I can get the tag to "wrap" both div tags. Will
    this cause any problems?
    Also, my header and footer contain a good amount of div tags
    for CSS positioning. What do I need to do to save all the items in
    each together as a library item? Is this possible? How do I select
    all the various elements?
    Thanks,
    Brad

    > Also, my header and footer contain a good amount of div
    tags for CSS
    > positioning.
    Not good. Sounds like a potentially case of "divitis".
    Publish the page and
    post a link to it here so we can dissect your code.
    >>The red form indicator box is
    The What? is Where?
    Walt
    "goodears" <[email protected]> wrote in
    message
    news:etkhtn$6g3$[email protected]..
    > I'm just learning about CSS, as I'm developing a site
    and I have two
    > questions.
    >
    > I created a simple form with a text box and submit
    button, both of which
    > are
    > positioned using CSS. The red form indicator box is
    shown way at the top
    > of
    > the page where it sits in the code. This is the only way
    I can get the
    > tag to
    > "wrap" both div tags. Will this cause any problems?
    >
    > Also, my header and footer contain a good amount of div
    tags for CSS
    > positioning. What do I need to do to save all the items
    in each together
    > as a
    > library item? Is this possible? How do I select all the
    various
    > elements?
    >
    > Thanks,
    >
    > Brad
    >

  • DeployJava.js and using css display:none;

    Hi all,
    I am using the deployJava.js to add an applet to a page.
    The applet is on a tab. My webpage has a few tabs and when you click from one to another using css I make a certain DIV disappear using display:none; and then to make the other DIV visible I use display:block;
    As I flick between tabs my applet has problems. Sometimes its loads and sometimes it doesn't. The documentation says you should only call deployJava.runApplet once, so maybe this is the problem. Any ideas how I should avoid this?
    Thanks,
    Cormac

    Hello Doktat,
    I also agree with you. This is a very annoying.
    My web application has a number of tabs and as you flick through them I use display:none; to hide certain divs.
    Unfortunately different browsers seem to handle differently.
    On Firefox, if I go to a different tab. My Applet is Stopped and when I go back to the original tab, my applet is redeployed and started again. This looks bad and also sometimes my applet doesn't show up at all, but maybe that is because I am calling deployJava more than once.
    On IE 7, everything seems to work beautifully and as I move between tabs the applet isn't started and stopped and deployJava only seems to be ever called once.
    This is frustrating, web pages are more complex now and java needs to fit in with this new complexity.
    I may have to move back to a pure javascript solution now. But I like to develop in java, so I keep pushing it to my manager and colleagues. Then it fails on something simple like this. I've been burnt before by applets and now it seems I am burnt again.
    I do hope that they think more about haw applets fit into more advanced situations.
    Talk later,
    Cormac

  • Organising text into columns using CSS?

    Hello again guys,
    Another day another problem.
    This community has been really friendly and helpful so far with what I'm sure must appear to many of you to be really simply problems, so I'm hoping that you can bear with me and help me out again!
    Basically, I'm designing my page using CSS, and I've come to a part where I would like to have 3 columns of text, of a fixed width, with a fixed gap in between. Using my very limited knowledge and experience, I inputted the code that I thought would work, but whenever I go to enter more text, it doesn't jump to a new line when it reaches the maximum width of the column, it carries on on the same line and pushes the rest of the text across.
    How do I sort this out?
    I can't actually upload my site until Monday, but I've included some screen below which I hope will help.
    Thanks again guys.
    Text in columns:
    http://i51.tinypic.com/2s9vyhg.png
    When I type some more, it doesn't stay in the column width:
    http://i55.tinypic.com/dlno7b.png
    The code that I thought would work:
    http://i54.tinypic.com/yjoed.png
    http://i56.tinypic.com/2dax46c.png

    Hi Murray,
    Apologies. I had made a mistake. I've got it working now. Thank you.
    Another tiny thing, if you check out this screen:
    http://i54.tinypic.com/elcep.png
    you can see that the line starts right near the top, and goes all the way down to the bottom.
    Is there some way to amend the code that you gave me to adjust the height of the line? I tried adjusting the size of the image but that didn't seem to have an effect?
    Ideally, I would like to line at the top of the 'T' of 'This is a news story', and finish at the bottom of the 'M' of 'More'. That height.
    Something else which has confused me. I have that 'More' link aligned to the right, and in my design view in DW it is so aligned, but then when I preview the page, it jumps to the left hand side of each column. The alignment seems to disappear when the page is 'live'?
    Thanks again for all of your help. You really are a star!

Maybe you are looking for