Colors different link in Dreamweaver

I know this is very basic, but I've never done it before and can't seem to make it work. How to make two different colors of link/active/hover/visited on one page? This is what I have in my css file... is that correct? Now how to apply? I just need the footer links to be a different link color but the same hover. Any help is appreciated!

}

a: link {}

text-decoration: none;

Color: #333333;

}

a: visited {}

text-decoration: none;

}

a: hover {}

text-decoration: none;

color: #00928f;

}

a: active {}

text-decoration: none;

}

{.footer:link}

color: #FFFFFF;

}

{.footer:hover}

color: #00928f;

}

See if this tutorial helps you

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

In short, describe all your link for each group of links and use descendant selectors:

Footer links are defined by the class first, then the status of the connection

In the last two rules in your post, the principle is good, but the syntax is wrong.

.footer a: link = link not visited within an HTML element where class = 'footer '.

So set them as follows:

.footer a: link {}

color: #FFFFFF;

}

.footer a: visited {}

text-decoration: none;

}

.footer a: hover {}

color: #00928f;

}

.footer a: active {}

text-decoration: none;

}

Tags: Dreamweaver

Similar Questions

  • IS THIS POSSIBLE AND IF YES COLOR 'HOW' TO HAVE DIFFERENT LINKS ON THE SAME PAGE?

    Hello

    IS THIS POSSIBLE AND IF YES COLOR 'HOW' TO HAVE DIFFERENT LINKS ON THE SAME PAGE?

    How to replace the color of Page link?

    See you soon,.

    Dreamer101.1

    Yes, it is possible, using CSS.

    Here's how. You already know that the link colors are set in the following css rules:

    • a: link
    • a: active
    • a: visited
    • a: hover

    All you have to do to have another set of links of different colors is to create another set of rules that set different colors and also have different names:

    • a.name1:link
    • a.name1: active
    • a.name1:visited
    • a.name1:hover

    Can link you these rules to the anchor as a class tag: something.

    You can have as many sets of rules to link given that the names you can think of.

    Happy linking!

  • Need help with styles of different links on the same page

    Hello

    I use Dreamweaver CS4 on a PC.

    I searched through a large number of posts during the last two days, I tried the tutorial projectseven.com, google would, etc., but still may not know...

    All I want to do is apply a different link color to some links at the bottom of my page. Elsewhere on the site, I put the color blue (for the link) and orange (for the hover)-for footer links, I want the link to be white and the hover to stay orange color.

    The problem with the projectseven tutorial is that it seems not to apply to the CS4 and I kept getting error messages when you try to apply a new CSS rule - there is no class. Tag | Advanced according to the instructions...

    I copied the code to my page for this. The links I want to apply a different style to are contained in the DIV called "Footer-Navigation-Bar.

    Could someone please give me some instructions or point me in the right direction please?

    Thank you very much

    Vickie

    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    <!-saved from url = (0014) subject: internet->
    "< html xmlns ="http://www.w3.org/1999/xhtml">".
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    <!-TemplateBeginEditable name = "doctitle"-->
    the < title > Australia subscribe to the family - it's free! < /title >
    <! - TemplateEndEditable - >
    "" < link href = "... / family - subscribe.css" rel = "stylesheet" type = "text/css" / >
    "" < script src = "... / SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
    "" < link href = "... / SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / >
    <!-TemplateBeginEditable name = "head"->
    <! - TemplateEndEditable - >
    < style type = "text/css" >
    <!--
    a: link {}
    color: # 30;
    text-decoration: none;
    }
    a: hover {}
    color: #F30;
    text-decoration: none;
    }
    a: visited {}
    text-decoration: none;
    }
    a: active {}
    text-decoration: none;
    }
    ->
    < / style > < / head >

    < body >
    < div id = "container" >
    < div id = "banner" >
    < ul id = "family-subscribe-menu" class = "MenuBarHorizontal" >
    "< li > < a href ="... / index.html "> home < /a > < /li >"
    "< li > < a href ="... / subscribe.html "> Subscribe < /a > < /li >"
    "" < li > < a href = "... / family - advertise.html" > announced < /a > < /li >
    "" < li > < a href = "... / family - articles.html" > items < /a > < /li >
    "" < li > < a href = "... / family-sign - in .html" > questions < /a > < /li >
    "" < li > < a href = "... / family - contribute.html" > Contribute < /a > < /li >
    "" < li > < a href = "... / family - contact.html" > Contact < /a > < /li >
    < /ul >
    < / div >
    "" "" < div id = "sidebar" > < a href = "... / family-sign - in .html" > < img src = "... /images/Launch-issue.jpg" alt = "number of launch" width = "220" height = "380" hspace = "4" / > < / has >
    < div id = "sidebar-image2" >
    "" < p > < img src = "... / pictures/sleeping bag for Web.jpg" width = "220" height = "151" alt = "sleeping bag" / > < / p >
    < p > Kozy Koala™ Sleeper pillow is ideal for summer nights when children want to sleep or when go you camping. The camper all-in-one pillow is composed of... [MORE] < /p >
    < / div >
    < div id = "sidebar-image3" >
    "" < p > < img src = "... / pictures/solrx for Web.jpg" width = "220" height = "164" alt = "sunscreen" / > < / p >
    SolRX® solar filters are very sweaty and resistant to the water-ideal for anyone who leads a life active outdoor... whether you are in the water or not! [MORE] < / div >
    < / div >
    <!-TemplateBeginEditable name = "content-area"->
    < div id = "main content" > main content < / div >
    <! - TemplateEndEditable - >
    < div id = "footer" >
    "" < div id = "page-navigation-bar foot" > < a href = "... / family - about.html ' > on < /a > | "" < a href = "... / family - advertise.html" > announced < /a > | "" < a href = "... / family - contribute.html" > help < /a > | "" < a href = "... / family - contact.html" > contact < /a > | "" < a href = "... / family - unsubscribe.html" > unsubscribe < /a > < / div >
    < div id = "foot of page-text" > Family Australia | ABN 33150685385 | "For all advertising inquiries, please contact < a href ="mailto:[email protected] "> [email protected] < /a > < br / >"

    Copyright © 2010 family Australia. All rights reserved.
    < / div >
    < / div >
    < / div >
    < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar ("family-subscribe-menu", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
    ->
    < /script >
    < / body >
    < / html >

    The links I want to apply a different style to are contained in the DIV called "Footer-Navigation-Bar.
    ......
    ......
    a: link {}

    color: # 30;
    text-decoration: none;
    }
    a: hover {}
    color: #F30;
    text-decoration: none;
    }
    a: visited {}
    text-decoration: none;
    }
    a: active {}
    text-decoration: none;
    }

    Hello

    You can see the CSS that applies to your links above.  If you have links you want to style in a different way, just write the rule as follows:

    #Footer - Navigation - Bar has: link {}

    color: Red;

    text-decoration: none;

    }

    Or whatever.  There are other ways, but this will make you as you already have these links you want to style differently in a div with its own code.  The new rule comes after other rules in your CSS I think that to make sure of the cascade, well thinking about, there is something called specificity in the CSS, which means that the rule I suggest will win anyway.  Everything you do in my suggestion is to select one: a link that is a descendant of an element with particular ID.

    I hope this helps.  I am a novice and might have gotten a little fuzzy with the waterfall/specficity but good, I think you get where you want to go...

    Martin.

  • When I try to create a link in dreamweaver bootstrap in the usual way I can't do.  What I'm trying to link disappears?

    When I try to create a link in dreamweaver bootstrap in the usual way I can't do?  I selectionner select text, bind it to another file and the text I've selected disappears?  Why can't I create a link in dreamweaver?

    What color are the links in your style sheet?

    If they are white text on a white background, you will not be able to see them.  Try changing your background of a contrasting color.

    Nancy O.

  • Purple links in Dreamweaver

    Hello

    Im having trouble with purple links in Dreamweaver. It seems to color what I ever change the link visited to makes no difference, it remains just purple.

    Is there something wrong with my code?

    a: {linkbig}

    do-size: 22px;

    do-family: 'Relative book', "Century Gothic", Verdana, without serif. do-size-adjust: 0.5; Police-weight: normal; make-style: normal;

    }

    a: link {color: #000 ;}}

    a: visited {color: #000 ;}}

    a: hover {text-decoration: stressed; color: #000 ;}}

    a: active {color: #000;}

    }

    Thank you

    It's okay

    Corrections marked in red

    a {linkbig

    do-size: 22px;

    do-family: 'Relative book', "Century Gothic", Verdana, without serif. do-size-adjust: 0.5; Police-weight: normal; make-style: normal;

    }

    a: link {}

    Color: #000;

    }

    a: visited {}

    Color: #000;

    }

    a: hover {}

    text-decoration: underline;

    Color: #000;

    }

    a: active {}

    Color: #000;

    }

  • 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 * /.

  • 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

  • Why can't I cancel my membership? I keep getting this accusation after I think that I canceled and Adobe keeps just me routing to different links.

    Why can't I cancel my membership? I keep getting this accusation after I think that I canceled and Adobe keeps just me routing to different links.

    Hello

    If you are unable to cancel it yourself on Adobe.com you can refer to the link according to cancel your Adobe Creative Cloud membership

    or contact the Adobe customer support contact customer service

  • Download link for Dreamweaver CS4

    Hello, someone has a download link for Dreamweaver cs4?

    Downloads of older Creative Suite products

    http://helpx.Adobe.com/download-install.html



    Nancy O.

  • Using different versions of Dreamweaver

    Are there known using different versions of Dreamweaver compatibility issues to maintain a website?  Are there any known conflicts?  (i.e. Dreamweaver CC 2014 and one off the tablet of dreamweaver since 2008 version)

    It goes without saying that each new version contains slightly different characteristics.  Some of the new features include support for HTML5, CSS3, FluidGrid Layouts, etc... that will not be supported in a legacy of 2008 application.  Conversely, your version of 2008 may contain features that are obsolete (past) CC 2014 (Spry Widgets, server behaviors, anchors, APDiv layers named, and so on...)  But nothing prevents you to install the two side by side.  You simply cannot open both at the same time.

    Nancy O.

  • Can I manage a site using two different computers using Dreamweaver CS6?

    Can I manage a site using two different computers using Dreamweaver CS6?

    Yes, by using Check In / Check Out and a computer do not replace the work of the other or create copies in conflict.

  • Displays color differently in email link

    I created an email using the CBWMS and links using CSS in the header and also online style. See code:

    a {}

    display: block;

    Width: 200px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #8b365f! important;

    text-decoration: underline;

    }

    The problem is, during the test (Email we Acid), the link to the email address (see below) restores the default is blue. Thus, in the body of my html, all links are style correctly (color: #8b365f;), except the email link, which is the default value is blue.

    HTML:

    Email < a href = "mailto: " [email protected] "target ="_blank"style =" color: #8b365f; " text-decoration: underline; "> < b >[email protected]< /b > < / a >

    Why this link color is displayed differently?

    I don't know, but have you tried wrapping the link in one

    Tag:

    [email protected]"target ="_blank"style =" color: #8b365f; " text-decoration: underline; ' >[email protected]

  • Changing colors of link in the Template Dreamweaver CS5

    Hi all

    It is probably a very simple question, as I'm pretty familiar with Dreamweaver and work on my second site.

    However, I would like to change the color of the link is not the usual blue.

    I've changed this in my model through change - properties Page - links

    However, this changed in the model, but not the rest of the html pages created from the template

    Could someone let me know how to do this please?

    Thank you

    The best way to change the link colors is to define in your external stylesheet...

    a: link {color: #333333 ;}}

    a: visited {color: #444444 ;}}

    a: hover {color: #555555 ;}}

    a: active {color: #666666 ;}}

  • Pseudo-classes: how to apply the different link colors in two separate table cells

    How can I add the link for these two cells status styles?

    Foot table is in an include file

    The current code is:

    < table width = "800" border = "0" align = "center" cellpadding = "0" cellspacing = "0" >
    < b >
    < class td = "tdfooter1" > < a href = "index.php" > home < /a > |  < a href = "about.php" > about our company < /a > |  < a href = "clients.php" > customers < /a > |  < a href = "partners.php" > our partners < /a > |  < a href = "contact.php" > contact us < /a > < table >
    < /tr >
    < b >
    < class td = "tdfooter2" > data Copyright 2010 carpet & amp; Carpet |  < a href = "terms.php" > terms of use < /a > |  < a href = "privacy.php" > < /a > privacy statement < table >
    < /tr >
    < /table >

    Current CSS is:

    {.tdfooter1}
    do-family: Tahoma;
    do-size: 12px;
    color: #FFFFFF;
    background-color: #666666;
    text-align: center;
    height: 30px;
    }
    {.tdfooter2}
    do-family: Tahoma;
    do-size: 12px;
    background-color: #CCCCCC;
    text-align: center;
    text-transform: capitalize;
    height: 30px;
    }

    Lack of variations, and any help will be really appreciated

    .tdfooter1 a: link {...

    .tdfooter1 a: visited {...

    .tdfooter1 a: hover {...

    .tdfooter1 a: active {...

    .tdfooter2 a: link {...

    .tdfooter2 a: visited {...

    .tdfooter2 a: hover {...

    .tdfooter2 a: active {...

Maybe you are looking for

  • How well the Pokemon GB works on iPhone 4S?

    My daughter wants to play Pokémon Go but does not have his own phone yet. I plan to reactivate my old iphone 4S for her. I see that it is compatible with iOS9 so much, so well.  But what of the other problems that could affect performance - memory, a

  • How can I pick up my Messages icon.  Accidentally deleted.

    You need to reinstall my message icon.  Somehow you erased today.  Still can get and receive messages but go to contact and click on message.

  • Satellite L755 - audio just stops working after executing any program

    Hello updated drivers two weeks ago. BIOS for the most part, the rest just refuse to be installed, and after a while no matter what software I used, stops just audio after 1 to 4 minutes. I don't know if he has a relationship but the usb port, none o

  • How was launched the EXE?

    Hi all It is a question of Windows: is there a way to go in my application (when run as an EXE file) if it has been launched by the user (click on the EXE file) or if the application was launched by the OS because it's in the boot? Thanks in advance

  • G72 laptop freezes when installing new software cd/dvd

    Laptop G72 girl. Memory of 3g with Win7 and a lot of hard disk space. all updates current. scanned and defragmented hard drive. When I try to download or install from the software cd that is fab dvd, Nero, etc. (copy software), his cell phone freezes