Customization of the colors of link tag?

I'm working on our company website, but I hit a problem. When I define a css rule for all links on the page change the color that I defined. What I want to know is how to set link colors separate.

Please, look at the link below and see what I mean. The links in the top navigation bar must be white on a blue background, while the links in the middle of the page must be in black on a white background. Am I missing something really simple?

Any help would be appreciated.

http://www.Norman.GB.com

blaqdesign wrote:

Thank you.

It is my first css site. I seem to be creating a lot of css for text rules there at - it easiest than formatting each div with its own rule text?

Yes - apply your text formatting styles in a rule body tag and leave to inherit in each container on the page.

Tags: Dreamweaver

Similar Questions

  • Hotspots, changing the colors of links on working capital, etc.

    I'm working on a homepage with a graphical navigation bar.  I created hot spots for each link on the page in the bar of navigation, assigned to the colors in the properties page for the bearings area, active links and visited links.  They are not well.  Am I missing something?

    Hotspots are areas within an image map.  IOW: a single image with several different links on this subject.  You get no effect hover on image maps. I'm sorry.

    Better to use a CSS menu system.

    CSS Express in the drop-down Menus (tutorial)
    http://www.Projectseven.com/tutorials/navigation/auto_hide/

    CSS Tab Designer creates drawn 60 + CSS button and tab Menus (download)
    http://www.highdots.com/CSS-tab-Designer/

    List-O-Rama (DW Extension)
    http://www.DMXzone.com/go?5618

    CSS Menu Maker (generator Menu online)
    http://www.cssmenumaker.com/

    Pop-up menu Magic2 by PVII (purchase of DW extension)
    http://www.Projectseven.com/products/menusystems/PMM2/index.htm

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB
    http://ALT-Web.blogspot.com

  • Change the color of links (text)

    I imported a combo of banner/menu bar in Dreamweaver that I slit in and saved from Photoshop. I got the related menu items until properly, but do not know how to add the OnMouseOver, for example, to make the color of the text change. It doesn't seem like I can do this through the Page Properties. I add CSS styles to menu items?

    Thank you!

    Yes, you could do this through CSS.  Refer to this page: http://www.w3schools.com/CSS/css_pseudo_classes.asp

    Essentially, these are the selectors that you'd be using:

    a: link {color: #FF0000} / * link not visited * /.

    a: visited {color: #00FF00} / * visited links * /.

    a: hover {color: #FF00FF} / * mouse over link * /.

    a: active {color: #0000FF} / * selected link * /.

  • small problem with the color of link reversal

    Hello

    Please take a look at this photo gallery. You will notice that the link to "photo main index ' roll red, as expected. However, the white borders of the thumb images are not.

    http://www.waddo.NET/photos/Hawaiii/index.html

    The CSS looks like this:

    {body

    background-color: #000000;

    }

    TD {}

    do-family: Verdana, without serif.

    do-size: 12px;

    color: #FFFFFF;

    }

    IMG {}

    border: 1px solid white;

    }

    a {}

    text-decoration: none;

    color: #FFFFFF;

    }

    a: hover {}

    text-decoration: none;

    background-color: #000000;

    Color: #FF0000;

    }

    .inactive {}

    text-decoration: none;

    color: #FFFFFF;

    }

    .title {}

    do-family: Verdana, without serif.

    font size: 24 PX.

    color: #FFFFFF;

    }

    {.title2}

    do-family: Verdana, without serif.

    do-size: 18px;

    color: #FFFFFF;

    }

    Any help appreciated.

    Add your FFL css below:

    {img:hover}

    border: 1px solid red;

    }

  • Ignore the color of links in page properties?

    Hey there ' All!

    Quick question here.

    Y at - it by far to get a link on the page of a different color than the other links. IE. I have my link on orange color in my page, I have a new link that I put in place this morning on a red background and orange looks like really bad. I want this link to be white, but I did not wany any other links to change color. I hope that makes sense.

    Thank you

    You have other css into conflict later in your styles.

    Move the a.whitelink at the end of your css and it should fix it.

  • I can't change the color of the linked text?

    I have a black background on the side of my web page containing the menu bars, which requires that the link text is white, so it can be
    view. I also changing to yellow when you go over it.

    The problem is that this setting seems universal throughout the site and I can't see the links in the general text (such as ' contact)
    links, etc.) on each page to change color - they default to white that does not appear as the background is also white.

    I tried to create a CSS rule for the links in the body of a page, but nothing helped.

    Can I change the color of links on different parts of the Web site?

    I'm relatively new to dreamweaver with little knowledge of CSS, etc, but I don't know that this should be possible.

    Yes, it is possible to have Different color links...

    You look at Pseudo-classes / descendant selectors:

    http://www.ThePattySite.com/linkstyles1.cfm

    http://www.Projectseven.com/tutorials/Pseudoclasses/index.htm

    Descendant selectors:

    http://www.Projectseven.com/Tutorials/CSS/Pseudoclasses/page3.htm

    Nadia

    Adobe® Expert community: Dreamweaver

    Unique templates CSS | Tutorials | SEO articles

    http://www.DreamweaverResources.com

    http://csstemplates.com.au/

    --------------------------------------------------

    http://Twitter.com/nadiap

  • How to change the color of the IMAGES-links

    Properties of the page is the only place where I can find to change the color of the LINKS. This works for text, but not to the border it automatically around a linked image. It's Purple! Can't do white to blend into the background? I already changed all the colors of link in the properties of the blank page and the link around the image is always purple! Anyone who is familiar with this phenomenon and how to work around? (BTW - in case you're wondering, there no border specified in properties or css style)

    Osgood:

    Thank you for responding. I did as you suggested and unfortunately it did not work. But you made me think of HTML code and so I went on the HTML tutorial site. I found some jargon of the Image border. I entered Border = 0 in the Source code of the Image and it worked. Link to color purple border.

    Thank you for the light! I appreciate your help!

    Evie

  • Colors of links navbar

    I can define a style in my css that changes the colors of link in the navigation bar? My site is http://restmove.newheightsinc.com. Thank you.

    This will help you Bootstrap Menu Builder | Bootstrap Navbar Builder | Design tools installation

  • color of the unselected paneltabbed links

    Hello commnunity.

    This is our first project of the adf. We have developed an application with jdef 11.1.2.4 adf. Now almost well. But I'm stuck with a single graphic element. We have changed the skin for our application

    -generated a collection of images with the css editor and edit them in a photo editor (in fact just replaced color) for paneltabbed and after a

    -changed some settings in the css file

    Now, the look paneltabbed like this:

    panel.png

    But,

    the color of the hover text for the unselected tab remains blue without worrying all my efforts to change. Which is not good because of the dark blue background color.

    I tried

    AF | panelTabbed:tab - text-link: hover-target

    {

    color: #ffde73;

    -tr - inhibit: color;

    }

    AF | panelTabbed:tab - text-link: hover

    {

    color: #ffde73;

    -tr - inhibit: color;

    }

    AF | panelTabbed:tab - text-link

    {

    color: #ffde73;

    -tr - inhibit: color;

    }

    and similar variations... nothing worked. I also experimented with aliases for color of link without success. The color of the text (#0154AF) seems to be hidden somewhere.

    So to be clear:

    How can I change the color of the text of a tab unselected while hovering over him?

    Thanks in advance.

    BTW, firefox it says click on the topic:

    Element {}

    }

    .af_panelTabbed_tab:hover .af_panelTabbed_tab-text-link, .af_panelTabbed_tab:hover .af_panelTabbed_tab-content .af_navigationPane - tabs_tab:hover .af_navigationPane-tabs_tab-content .af_navigationPane - tabs_tab:hover .af_navigationPane-tabs_tab-link {}

    color: #0154AF;

    text-decoration: none;

    }

    .af_panelTabbed_tab-text-link: hover {}

    color: #FFDE73;

    text-decoration: none;

    }

    {.af_panelTabbed_tab-text-link .af_panelTabbed_tab

    color: #FFF;

    make-weight: bold;

    }

    .af_navigationPane_bar .af_navigationPane_bar-inactive-active-content, .af_navigationPane_bar-content .af_navigationPane_bar-assets-permits a, .af_navigationPane_bar-content .af_navigationPane_bar-inactive-license a, .af_navigationPane_tabs-inactive .af_navigationPane_tabs-mi A, .af_navigationPane-tabs .af_navigationPane-tabs_tab-link, .af_panelTabbed .af_panelTabbed_tab-text-link {}

    Color: #333;

    }

    A of the .af_panelPage_copyright, from .af_panelPage_privacy A, .af_panelPage_about A, of .af_train_link, of .af_panelTabbed_tab, .p_OraTreeRow A:link, .p_OraTreeRow A: active, .p_OraTreeRow A: visited, .af_train_stop - link.p_AFUnvisited, .af_calendar_month-grid-cell-header-day-link .af_train-vertical_stop - link.p_AFUnvisited, .af_calendar_month-grid - cell.p_AFToday.p_AFDropTarget, .af_calendar_month-grid - .af_calendar_month-grid-cell-header-day-link cell.p_AFActiveDay.p_AFDropTarget , .af_calendar_month-grid - .af_calendar_month-grid-cell-header-day-link cell.p_AFToday.p_AFActiveDay.p_AFDropTarget,. AFOverflowElement .af_panelTabbed_tab-content. AFOverflowElement .af_panelTabbed_tab-text-link. AFOverflowElement .af_navigationPane-tabs_tab-content. {.af_navigationpane-tabs_tab-link AFOverflowElement

    color: #003286;

    }

    I helped create the skin of skyros and using the! important tag should be avoided, because it will be impossible to replace the style. You can try to increase above the base style selector specificity. To do this, I would add a selector of ancestor of the DOM, something like this:

    AF | panelTabbed af | panelTabbed::tab:hover af | panelTabbed:tab - text-link {}

    It is not necessary to be which is accurate, but it will not hurt. (selector complexity does not affect performance, but it is not big enough to worry)

    Take note that there are spaces between the three elements of the selector, it's say they are contained somewhere in the chain on the left. (panelTabbed contains a panelTabbed::tab, etc.)

    The Inspector/firebug showing styles sorted by specificity (by default) would be good to see what happens when you switch to this style.

    This article will help you if you need to better understand how it works, it will do what you want, I'm sure of that.

    CSS specificity: what you need to know | Smashing Magazine

  • Customize the color of the bar of navigation in DPS App Builder

    Hey there,

    is it possible to customize the lower navigation bar in the app dps generator? I know how to configure the buttons with links, twitter, instagram and so on, but I have no idea if I could change the color of the navigation bar or not.

    Thanks for the help!

    Unfortunately, this is not possible.

    Neil

  • Change the color of specific links

    On a web page, I want to change the color of the links. I found other issues in the Council on this subject, but when I try to their answers, it will not work for me. Can someone tell me how to make these links on white blue background? I have CS5 DW. Here is the page:

    http://www.gaditesmaritime.com/links2.html

    Give thecell link/s is / are in a 'class' (see below), then wrap your link in an anchor tag to actually make a link (see below)

    http://www.bahamasmaritime.com"> www.bahamasmaritime.com".

    Then add your css styles below:

    .blueLinks a {}

    text-decoration: none;

    color: #069;

    }

    .blueLinks a: hover {}

    color: #099;

    }

  • Possibility to change the color of visited links

    Hello. Y at - it an option on the occasion of visited links a different color on the Android version? On PC, I can do this via Firefox option or modules. But I can't find this option on Android.

    Thank you
    Tom

    There a preference for the color of the link visited that you can change by using about: config, but on websites that have their own colors, it will have no effect in itself. Here are the steps:

    Part i: the hexadecimal code

    If you want to use the same color as your desktop version of Firefox, you can find here in this way:

    (1) in a new tab, type or paste Subject: config in the address bar and press ENTER. Click on the button promising to be careful.

    (2) in the search above the list box, type or paste to visit and make a break while the list is filtered

    (3) take note of the value of the browser.visited_color preference that should be a sign # follow-up of six characters in the range of 0-9, A - F

    Part II: Change your setting on Android

    (1) open a new tab to Subject: config (type about: config the Awesomebar and hit the arrow go or tap Enter).

    You can bookmark it for easy future access.

    (2) in the search box, type visit and make a pause while Firefox filter list

    3 scroll to browser.visited_color and touch the preference, then tap next to the end of the existing value and edit a new, then type away from control to save.

    If you switch to your other tab and test on a site that is not substitute colors, you should see the change.

    Success?

  • Need to change the font color of link in the Notes

    After using a pretty decent Notes app for several years, I decided that gap after that a recent update has managed to remove a bunch of notes but also wrongly arbitrarily assign to various independent records.  The dev did not see fit to help.  So I decided to spend while Notes from Apple since it had some praise review and it works between Mac OS and iOS.

    All started well with several hundred copied until today when I copied a number that includes links.  Oh shit!  I just can't read the links due to use very little sensitive to very low color contrast - perhaps yellow?  Understand now that I have a decent vision – 20/20 fixed as a result of a slight farsightedness and I do not have color blindness, but trying to read characters from a link in the Notes is pure torture.  Sorry for the hyperbole, but it's true.

    I increased the contrast of the display using the system Pref accessibility, which really doesn't help, and I can't find anything else that alleviate the problem.

    Is it possible to change this?  I am familiar with the Terminal so if there is a way to do it via the Terminal, which would be a boon.

    We seem all to dislike the legacy colors Blue or purple link, but in most cases, we were able to change them.  However, in my worst nightmares, I can't imagine what jerk at Apple decided that no contrast is the way to show a link.  Without forgetting the Visual deficient QA group which took place and closed on it.

    Thank you!

    -Tod

    Edit: I also opened the Format > police > display fonts, then highlighted a link.  Text color icon at the top of the table of fonts changed to imitate the yellow color of the link.  Tried to change it there with no luck.  Whose light had the idea to limit the choice of the user, in particular those who are wired into the operating system?

    FWIW, I do not normally comment on GUI issues. However, in this case, you are perfectly right. It is yellow and it is almost unreadable. I don't know how to change the color of the link, but you can drop Apple a note.

    http://www.Apple.com/feedback/

  • Right-click menu changed: used to be the first "Open link in a new window", "Open link in a new tab" second; in 4.0, the opposite is true. Can I customize 4.0 to switch back?

    Right-click menu changed: used to be the first "Open link in a new window", "Open link in a new tab" second; in 4.0, the opposite is true. Can I customize 4.0 to switch back?

    To change the order of these items, use the following:

    You must update the following (your versions have known security problems):

    • Shockwave Flash 10.2 r152
    • Next-generation Java plug-in 1.6.0_22 for Mozilla browsers
    1. Check your plugin versions on one of the following links:

    2. Update the Flash plugin to the latest version.
      • Download and SAVE to your desktop, so you can find the Setup program later
      • If you do not have the current version, click on the "Player Download Center" link on the 'download and information' or 'Download manual installers' below
      • Once the download is complete, exit Firefox
      • Click on the installer, you just download and install
        • Windows 7 and Vista: will need to right click on the installer and choose 'run as administrator '.
      • Launch Firefox and recheck your version or up to the download link below to test the installation
      • Download and information: http://www.adobe.com/software/flash/about/
        • Use Firefox to go to the site above to update the Firefox plugin (will also install the plugin for most other browsers, except IE)
        • Use IE to go to the site above to update the ActiveX to IE
      • Download manual installers.
    3. Update the Java plugin to the latest version.
  • When I visit a link color does not change, and if this is the case, it is up to the color of unvistied in one day.

    When I visit a site rarely the color of the link changes to the color I chose. even if it does not change, it is color not visited in a day or two.

    Hello.

    What is happening (very probably) because Firefox is not store your history navigation for long, or at all. Go to tools > Options > privacy and if ensure that configurations are defined as you want to be. If they are, it is likely that you have some security software that is to clear the history of your Firefox (and possible other browsers have installed). The likely suspects are the antivirus, firewalls, and the suites of security, but utilities such as CCleaner cleaning are also able to clean up Firefox browsing history and other personal data. Make sure that you have configured them to do this.

    I must remind you, however, that some sites (they are rare, although) don't have not their links change color when it is visited. This happens only when their authors report deliberately does not change colors. You can force Web sites to use a color scheme of your choice by going to tools > Options > content > colors... and uncheck 'allow pages to choose their own colors ". You can also configure the color scheme on this screen.

    I hope this helps.

Maybe you are looking for