"change" css rule of a label

Hi,
how can I change the css rule of a label?
My problem is: I type some text, add a link to it and so I get a css rule automatic. But I don't want it. And if I change the rule properties, then all the other links change. I only want to change this specific text.
So how can I set the rule of this label?

Try this:
#header a {text-decoration:none}
#header a:link {color:red}     /**unvisited**/
#header a:visited {color:gray} /**visited**/
#header a:hover,               /**on mouse over**/
#header a:active,              /**on click**/
#header a:focus                /**on tab key**/
    {text-decoration:underline}
#footer a {text-decoration:none; background: #000}
#footer a:link {color:white}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus
    {text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div  id="footer">
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
</div>
For more:
[useless link removed]

Similar Messages

  • WHY!?!?! Why do I have to make a CSS RULE with every Font Change

    I am no major developer, but I have been using dreamweaver to build basic HTML sites for years. Just downloaded CS5 and I am ready to put my fist through the screen.
    I am creating a NEW HTML document. I dont know much about CSS so I am avoiding it.
    So I create a few tables, put text in the table, and go to change the attibutes like size, color, etc. Now I need to define it by making a CSS rule. Ok, perhaps I am a bit behind, but I selected a new HTML document, NOT CSS. Why do I have to define anything with CSS?
    Yes, this is a basic basic thing I am trying to do. For years if I wanted to change the color, size, position, etc of some simply text in DW, it would just do it. I would never be asked to make a rule.
    What is frusterating me is that I am making a rule, adjusting text, I can partially live with that. But now it is changing the attributes of text on the other wide of the page in a different table because it had similar attributes.
    How do I go back to old school html, stright forward, no CSS.
    thanks!
    Jason

    KeyWestInc wrote:
    I am no major developer, but I have been using dreamweaver to build basic HTML sites for years. Just downloaded CS5 and I am ready to put my fist through the screen.
    I am creating a NEW HTML document. I dont know much about CSS so I am avoiding it.
    So I create a few tables, put text in the table, and go to change the attibutes like size, color, etc. Now I need to define it by making a CSS rule. Ok, perhaps I am a bit behind, but I selected a new HTML document, NOT CSS. Why do I have to define anything with CSS?
    Yes, this is a basic basic thing I am trying to do. For years if I wanted to change the color, size, position, etc of some simply text in DW, it would just do it. I would never be asked to make a rule.
    What is frusterating me is that I am making a rule, adjusting text, I can partially live with that. But now it is changing the attributes of text on the other wide of the page in a different table because it had similar attributes.
    How do I go back to old school html, stright forward, no CSS.
    thanks!
    Jason
    This question comes up a lot and it always interests me.  If you choose a profession, why would you choose something you don't want to continue learning about?  Would you be mad if your mechanic wouldn't repair your hybrid car engines because they only want to work on engines from the muscle cars of the 60s and 70s?  Or would you prefer a doctor only give you penicillin for everything because they don't want to learn about the modern advances in medicine? It just doesn't make sense.
    Best advise I can give you is that CSS is the way all web browsers and email clients are going whether through the use of attached style sheets with defined styles, or with inline styles for email security reasons.  CSS is the styling for anything web based.  Even if you are not in a CSS document, HTML pages use CSS to render styles from colors and margins to borders and backgrounds.  Then if you use a rule over and over you don't have to click through this color and that size and that underline with this font.  You just select a style where you want it and keep going.  The learning is worth the time invested.
    http://w3schools.com/css/default.asp

  • Design Studio 1.3: include image, change textbox background colour, Data labels allingment

    Dear Community,
    I've been trying to rebuild one of my Analayis Office Workbooks within Design Studio.
    Attempting this, I've come across some questions I hope to find answers to, with your help:
    1. How can I include images, in a local application? I've inserted the "image" component, but I can't asign an Image file to this.
    2. How can I change the background colour of a textbox-component?
    3. I have a chart in my Dashboard. The bars I want to be labled. But defining, that data labels should be placed outside the bars, there is a mixed result. Some bars show the labels outside, some others display the lable somewhere within the bar.
    Who can help with those questions? Thanks a lot.
    Kind regards
    Sarah

    1. How can I include images, in a local application? I've inserted the "image" component, but I can't asign an Image file to this.
    When working in Local Mode, go to Application -> Open Repository Folder -> and open the folder that your BI Application is named.  Place your image file there.  Go back to your Design Studio Image component and set the src to the name of that image file.  It should show up.  This gets a little more involved when working on the BI Platform or NetWeaver Platform, as you'll want to publish the Image to a public folder on the CMS somewhere (for BI Platform), or the MIME Repository (for NetWeaver Platform).  But the concept is similar in that you have to know where to place the files once you are at that point.  Also as an approach that should work without any need to publish the image to the platform (as it's a little tedious), please read this document:
    How to embed images inside of a Design Studio App without uploading to server.
    Or, if you do not want to go through the base-64 encoding, consider the addon I blogged about here:
    Design Studio 1.2 SDK - An Image Component free of MIME Repository worries
    The deployable version can be downloaded from this blog:
    Design Studio 1.2/1.3 SDK - Design Studio Utility Pack
    2. How can I change the background colour of a textbox-component?
    You will have to write a CSS rule like this:
    .testbox {
        background : #009966;
    Then assign 'testbox' as the CSS Class to the text input box.
    3. I have a chart in my Dashboard. The bars I want to be labled. But defining, that data labels should be placed outside the bars, there is a mixed result. Some bars show the labels outside, some others display the lable somewhere within the bar.
    Not sure how much control the delivered chart components would give you here.  Maybe one of the third party addons listed in this post could help?
    List of Design Studio SDK Components

  • How Do You Add Multiple CSS Rules to Text?

    Hi everyone, I have these css rules in my css styles window they are all assigned to some text in a cell on my page.
    .Def14grey4 <body>
    .def14grey4 a:link <a>
    .def14grey4 a:visited <a>
    .def14grey4 a:hover <a>
    .def14grey4 a:active <a>
    .def14grey4 a:focus <a>
    How do you add (all of) these styles to the text in the first place, I know how to add the first one (.Def14grey4), you select the text in the cell and choose the rule from the drop-down menu in the css panel, but how do you add the other ones to some text as well, so that it can have the same link properties.
    Basically I have some more text elsewhere on the page and want to assign these rules to that as well.
    thanks Gareth

    You would want to change your order as shown here -
    .Def14grey4 <body>
    .def14grey4 a:link <a>
    .def14grey4 a:visited <a>
    .def14grey4 a:hover, .def14grey4 a:focus <a>
    .def14grey4 a:active <a>
    That way, the hover and the focus states are equivalent.
    How do you add (all of) these styles to the text in the first place, I know how to add the first one
    You don't really.  The 4 bottom selectors say -
    "find an element with a class of 'def14grey4', and style any link inside that element this way"
    So, <span class="def14grey4"><a href="whatever.html">Whatever</a></span> would get the pseudo-class styles, as would any of the following -
    <span class="def14grey4"><a href="whatever.html">Whatever</a></span>
    <td class="def14grey4"><a href="whatever.html">Whatever</a></td>
    <p class="def14grey4"><a href="whatever.html">Whatever</a></p>
    <body class="def14grey4"><a href="whatever.html">Whatever</a></body>
    <div class="def14grey4"><a href="whatever.html">Whatever</a></div>
    <strong class="def14grey4"><a href="whatever.html">Whatever</a></strong>
    and so on.  These examples assume that there isn't some other more specific rule that would apply to the same links.  You need to study up on the CSS cascade and specificity....

  • How do you save css rules created in web inspector?

    Being a web developer, I usually use Firebug on Firefox to test CSS when I'm developing a website. Ever since I got my new iMac, I've really grown to love Safari. I like the Web Inspector but I cannot seem to find a way to copy any of the CSS rules I create for testing. Is there an effective way to create CSS rules and copy the whole CSS rule (property + declarations) so I can paste them somewhere else?

    You can import and replace any styles you want from other documents, but templates are templates. That is what they are for.
    Styles are document specific for a reason. Imagine the fun and games if the styles in one document changed the behavior of same name style in other unopened documents. You would be chasing your tail forever.
    Someone would send you a file and it would inexplicably change layout and appearance just because your styles didn't match.
    Peter

  • How can I view/edit the CSS rules that apply to an Order Registration Layout ?

    *Note: I am new to web design and I did not create the site that I am working on. I am also very VERY clumsy with CSS at the moment *
    I have just begun using Dreamweaver to work on a Business Catalyst site. I am attempting to edit the CSS of the layout for the Order Registration Form. The CSS is applied from the site-wide template that is assigned to the Order Registration Layout. When viewing the layout in Dreamweaver, it does not display any CSS info for the page. However, when viewing the live page for the Order Registration, it is clear that CSS is adversely affecting the layout.
    Is there a way to link the css rules from the site-wide template to the Order Registration Layout? Or should I just add a new CSS rule directly to the Order Registration Layout (possibly overriding the site-wide template's CSS)?
    Thanks!
    Nate

    I've used Firebug as well as the Webkit developer tools in Chrome and Safari which have surpassed Firebug in my opinion.  But they all suffer from the fact that the changes you make in them have to later be applied to your code which means you have to take the extra steps of trying to remember what all changes you made in Firebug and copying and pasting them back into your files.  Whereas in Dreamweaver you can Inspect, make changes directly to the code in your file, and you're done.    Not happy with the last few changes?  Undo.  Want to start completely over? File > Revert. 
    Dreamweaver has excellent tools for determining what css is being applied to an element and by what means.  And it's a more streamlined and direct workflow where you work directly in your code.   I still use Firebug and the others from time to time though.  But only for very basic "spur of the moment" testing.  And usually only when I don't have immediate access to the raw files.

  • LineChart and -fx-text-fill issue: how do I change the color of the labels

    Hello everyone,
    I'm currently facing an issue when I'm trying to style my LineChart with some CSS. Indeed I would like to change the color of the labels of my xAxis (CategoryAxis) and yAxis (NumberAxis) but it's not working.
    In my FXML file I tried to use the style attribute on my LineChart tag using: <LineChart style="-fx-text-fill: white"> with no result, the text remains black (even for the title of my chart). In order to know if the style attribute is well parsed I changed it to: style="-fx-background-color: red; -fx-text-fill: white;". The background is becoming red but the text still remains black.
    Finally I tried to define a stylesheet in my controller class with the same properties (red background and white text). My stylesheet is this one:
    .chart {
        -fx-text-fill: white;
        -fx-background-color: red;
    }In my controller I do the following line in order to load my CSS file:
    this.chart.getStylesheets().add(getClass().getResource("statistics-style.css").toExternalForm());Even with this option the text remains white, while the background becomes red.
    What I also tried is to put the -fx-text-file CSS property directly on my axises, but again it seems it is ignored.
    I followed the steps described in Figure 8-2 of this site: http://docs.oracle.com/javafx/2/charts/css-styles.htm
    Does anybody have an idea or encountered this issue?
    Thank you very much,
    Thierry.
    PS: I'm using JFX 2.1 on MacOS X
    Edited by: twasyl on May 8, 2012 7:57 AM
    Edited by: twasyl on May 8, 2012 7:59 AM

    Hi,
    I figured a solution out to solve my problem. Currently in the documentation it is said to redefine the .chart CSS class in order to change the color of the title and labels text. But this is not working. Strangely the following code changes the font-size of both title and labels but ignores the -fx-text-fill property:
    .chart {
      -fx-font-size: 20pt;
      -fx-text-fill: white;
    }In order to change the color of the title I override the .chart-title CSS class:
    .chart-title {
      -fx-text-fill: white;
    }And for the labels:
    .axis-label {
      -fx-text-fill: white;
    }Well I don't know if there still is a bug on the .chart CSS class or maybe that behavior is expected.

  • Is there a better way to do this?  CSS rules/Background image/tables

    Hi,
    I am designing a site and I have used a table for the banner.  Everytime a different page is displayed, the banner image changes.  I have created .html pages, and I have created a lot of css rules to change the background image.  I think there must be a more efficiant way to do this?
    http://www.taffyproductions.com/test/
    ALSO... I need to figure out how to make the links (hover/active states) work on all the pages... I figured it out on the index page, but I'm sure there is a better css rule?

    Put a div in the head section?  Surely you jest!
    But you do hint at the easy solution - just have an embedded stylesheet in the head of each page that changed the background image only on that page.  No need for any other complexities.
    In other words on page1, change this -
    <link href="outpost.css" rel="stylesheet" type="text/css" />
    </head>
    to this -
    <link href="outpost.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    table#banner { background-image:url(images/banner1.jpg); }
    </style>
    </head>
    and on page2 change it to this -
    <link href="outpost.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    table#banner { background-image:url(images/banner2.jpg); }
    </style>
    </head>
    etc.

  • On Dreamweaver CC how do I get to the css rule definition box?

    On the other Dreamweavers when I wanted to edit a css, I selected the css and clicked on the pencil icon to open the css rule definition box.
    The only way I find to get acess to the css rule definition box on the new CC is when I am creating a new div and then there is a option for a new style and it opens the box.
    My question is how do I get to the box once the rule is created? the pencil icon is not there anymore.
    Not good breaking workflows Adobe, some folks have work in progress...
    Please help, thanks.

    Nancy O. wrote:
    I can't remember the last time I used DW's CSS panels. If you know CSS, why not use code view?  DW's Code Hinting is very good &  it's much quicker to edit code directly in the style sheet than it is in CSS panels.  
    Nancy O.
    That depends a bit on the situation. For example, in Netbeans I use the live connection with Chrome (embedded view or not) and I can then select an item in the live view in Chrome, which opens the css properties panes. These are quite similar to DW.
    By changing the values in the css properties pane the changes in values are automatically saved in the css file, and visually updated in realtime in Chrome.
    It can be very handy to quickly change the position or margin/padding/size of an element this way without having to switch back and forth to your css. Bit similar to the inspect element pane in FF and Chrome, and the changes are immediately saved.
    When I still used DW I used it in the same manner for quick visual changes - and no reason to rummage through my css code.
    In short, those css inspector panes can work quite efficiently when you need to polish the css code.
    Granted, I would never use it while working on the main css code - but for slight and quick changes it can be a very handy feature.

  • How do I turn-off the CSS rule dialog?

    I would  like to know how to turn-off the CSS rule dialog.
    I support a user who has been using DreamWeaver for years and was recently forced to upgrade to the new version. None of the hundreds of files in the site he maintains use CSS. While I recognize it is a "better" and "more efficient" way to do things --- IF you're a sofware engineer -- it is not even close to being worth the cost to revise the entire site and retrain this user.
    So, how can i turn off, not just the pop-up, but how I can tell DW to just go ahead and do it the old-fashioned, embedded in the HTML way of doing things?
    All the user wants to do is change the color of some keywords, css is overkill when that's all he's doing.
    We'd go back to the previous version except the office was forced onto Vista and the older version won't run.

    ADDING  FONT  TAGS:
    By David Powers from the help doc:
    http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSc78c5058ca073340dcda9110b1f693f21-7ce ba.html
    You won't see anywhere to enter such information in the HTML Property inspector. Dreamweaver CS4 does not support <font> tags, except in Code view. The W3C deprecated <font> tags ten years ago, so CS4 decided to get rid of them from the main user interface.
    If you want to add styles to a short selection of text, you have two options:
    1. Create embedded styles in the <head> of the page.
    2. Create inline styles.
    Both are done using the Property inspector in CSS mode (click the CSS button on the left). Select the text you want to style. How and where the style is created depends on what you select in the Targeted Rule field.
    If you select <New CSS Rule>, you can then select the font, size, or colour in the Property inspector. As soon as you choose one of these, you will be prompted to choose a class name, and the location of the new style. To embed the style in the <head> of the page,  select "This document only".
    The name of the class will appear in the Targeted Rule field, and you can add other values to it.
    If you select <New Inline Style> in the Targeted Rule field, you can apply any of the properties in the Property inspector. This wraps your text selection with a <span> tag that contains the CSS properties as an inline style, e.g., <span style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 24px;">Styled text</span>.
    http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSc78c5058ca073340dcda9110b1f693f21-7ce ba.html
    Note:   If you select text in Code view, you can apply font tags by selecting Format > Font from the main menu. This works only in Code view; selecting Format > Font in Design view launches the New CSS Rule dialog box.
    http://www.adobe.com/devnet/dreamweaver/articles/css_best_practices_03.html

  • Disabling a CSS rule in the Page Inspector deletes it

    I have been using the Firefox Page Inspector lately to see how it compares to Firebug. I noticed that if you disable a CSS rule by unchecking the checkbox next to it, it is still shown in the inspector, so you can check the box again and reenable it. However, if I click some other element, and then come back to the previous one, I found that the CSS rule seems to have been deleted entirely i.e. there is no checkbox for me to check to reenable that rule.
    This is a pretty major problem for me, as Firebug and Chrome's inspector both remember rules you have disabled and give you the options of reenabling them again later, even if you click a different element. Is it a problem with my particular installation of firefox, or is it just a bug with the inspector?

    I've seen that too.<br />
    What is happening that deleting and adding rules rules is the same as editing the style sheet via the style editor and changes that you make are actually edits in the style sheet file.<br />
    I agree that it would be better to comment out rules so you could at least enable them by editing the file rather than removing the rule completely.

  • How to stop "Create New CSS Rule" dialog box

    Made the mistake of allowing an Apple tech talk me into an OS X "Install in place". He assured me that all application settings would remain the same as before.
    Now, when holding down the "shift" key and typing a word in all caps (in Design View), the "Create new CSS Rule" dialog box pops up and writes:
    <span style="font-size: 14px; margin-center: 1px; text-align: left; font-weight: bold; margin-bottom: 6px; padding-bottom: 0px; line-height: 1.3em; margin-top: 3px; font-family: Arial, Helvetica, sans-serif;"><font color="#006666">TEXT</font>
    I am trying to find the setting in preferences to disable this, and since the behavior started after OS X "install in place", something must have changed. I just want to type in design view and not have to deal with Dreamweaver overriding what I'm doing.

    I am attempting to type some text in "design", not "code" view. I want the text to be caps. I hold down the shift key, type the first letter, and immediately the "New CSS Rule" dialog box pops up. I cancel, but the code...
    <span style="font-size: 14px; margin-center: 1px; text-align: left; font-weight: bold; margin-bottom: 6px; padding-bottom: 0px; line-height: 1.3em; margin-top: 3px; font-family: Arial, Helvetica, sans-serif;"><font color="#006666">TEXT</font>
    ...is created anyway.I just want to type a word into an existing div with no changes or dialog boxes or any input from Dreamweaver. I was able to do that before, and cannot do it now. There must be some setting that I am missing in preferences.

  • Is there anyway to lock CSS rules?  What's happening in design view?

    Hi,
    I have no idea what I've  done, but I've accidentally  deleted some CSS rules.  Now my design view shows almost a random pattern, yet most things seem to still be working when I view it in a browser.
    So,
    Is there a way to lock CSS rules so that you don't accidentally loose them?  Is there a way to toggle them on and off?  Why does my design view suddenly look all whacked out?
    The jpg shows my design view and here is the link to the page.
    http://test.taffyproductions.com/reservations.htm

    You have an id set on one of the divs, but there is no rule for that ID selector:
    <div id="sidebar2-1"><img src="_images/sidebar2.jpg" alt="sidebar2" width="180" height="479" /></div>
    Change the id to sidebar2  and see what happens.  The page should fall back into place correctly.
    There is no way to 'lock' in styles, you just need to be careful on  editing the style rules as you go 
    You could always keep a backup copy of a stylesheet that works correctly and if you then want to play around with the rules, do so, but knowing that you have a backup copy if you need it.
    I'd also take a look at the naming convention you use for file names.  I'd not start a file name or folder with and underscore... some browsers may choke.  always better off starting a name with a letter, no characters, or numerals etc.,to be on the safe side.
    Nadia
    Adobe Community Expert : Dreamweaver
    Unique CSS Templates | Tutorials | SEO Articles
    http://www.DreamweaverResources.com
    Web Design & Development
    http://www.perrelink.com.au
    http://twitter.com/nadiap

  • Creating A CSS Rule For Version 13.1

    I am new to Dreamweaver CS6 or any Dreamweaver and I am trying to create a new CSS Rule for Version 13.1. I am taking a class and the material is written for ver 12 and not 13. Does Version 13 not have the Classic View as well.
    Any help is greatly appreciated.
    Thanks
    Mark

    It was worth a try.
    As Jon points out, a lot has changed in Dreamweaver since CS6 was first released in May 2012. There have been two updates for Creative Cloud subscribers, which made significant changes to the interface. Dreamweaver CC was released in June this year, and has since had one update.
    The whole idea of the Creative Cloud is to release new features as they become available, which makes documentation and training courses difficult to follow. I have just finished recording Adobe Dreamweaver CC: Learn by Video, which is due to be published next month. It's based on Dreamweaver 13.1, so it will be up to date for a few months - and then a new version will almost certainly be released, which will make at least part of it out of date.
    Rather than learning the mechanics of Dreamweaver, it's important to learn the basics of HTML and CSS. Once you understand them, it will be a lot easier to find your way around the Dreamweaver interface without being constantly confused.
    Good luck.

  • Overview of CSS rules for UI?

    I've found several useful tweaks I can apply by editing userCrome.css so I'm wondering if there's any documentation somewhere on all available css rules for customizing the UI.
    For example, I've added the "Bookmarks" button to the far right of my "Bookmarks Toolbar", but I don't want the text label that comes with it. I only want the icon but how do I found out the name of the id's/class that affects this button?
    I'm using Firefox 4 on Windows 7.

    See http://forums.mozillazine.org/viewtopic.php?f=23&t=2057009

Maybe you are looking for