Multiple Link Colors

Hi, I am quite new to Dreamweaver, and this is the 1st time I've joined a forum. I would like to have multiple link colors on the same page, within the same section (the main body) of a document. I went to some tutorials to learn how to make different sections have different link colors (i.e. navigation bar vs main body), but I cant find any instruction on how to make some of the links in the same section of the doc use different link colors.  I have set up default link colors for the main body of the docs, and separate link colors for the nav bar. Then I tried to set up a 3rd link color to use when I dont want the default link color in the main body, but that doesnt seem to work.
Also, once I've figured this out, can the stylesheet with these link rule colors be attached to a template, and it will update any existing pages already made off that template?
Thank you so much for any help anyone can provide.

This is very straightforward with CSS if you understand the basic concepts.
I'm not sure how familiar you are with CSS but, as a first step, are you able to follow this tutorial?:
http://www.projectseven.com/tutorials/css/pseudoclasses/page3.htm
If you find yourself struggling, please post a link to your site as it stands.

Similar Messages

  • I had an older version of Firefox with a toolbar that allowed me to view multiple links at once. Is that toolbar avaiable for the current version of Firefox?

    When viewing an email with multiple links, I would click an icon in the toolbar which looked like a vertical multi-colored bar and all the links would open on the same page. I cannot find this (add-on) now that I have downloaded the current version of Firefox. Is there something which works similarly available?
    Some of the other icons on this tool bar were red arrows.

    Maybe I just don't know how to make it work but It doesn't open all the links in at once in the same tab. I will read more about to see if I can figure this out. It is a challenge to learn new programs. I should have saved the old Firefox program which downloaded along with Firefox as I remember.

  • Multiple text colors in my spry menu

    Can I make multiple text colors in my spry menu? I want to match the text color on one of my spry menu items to the hover color so that you know which link you are currently visiting. I haven't posted the site yet until I work out all the kinks. So, to summarize, I have my spry menu link text color (ul.MenuBarVertical a) set to #E00 and my hover color for those items (ul.MenuBarVertical a.MenuBarItemHover) set to #888. All of the links also contain the same spry menu. I would like the link you're currently in to be #888 and the other links to be #E00 with all of them hovering with color #888. How can I give unique color to an individual menu item? Any help you can give is much appreciated!

    Sorry to bug you again. I implemented your suggestion as you can see in this partial pageview:
    <script src="SpryAssets/SpryDOMUtils.js"></script>
    <script src="js/navbar-select.js"></script>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    ul.MenuBarHorizontal a#button1:hover, ul.MenuBarHorizontal a#button1:focus
    { color:#625647; }
    </style>
    </head>
    <body>
    <div id="team-vision" class="container">
    <div class="header"> <a href="#"><img  id="logo" src="images/logo_i.png" width="215" height="36" alt="Greiner Engineering"></a>
    <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="index.html">INTRO</a>|</li>
    <li><a href="ger-vision.shtml">VISION</a>|</li>
    <li><a href="ger-2firmen.shtml">2FIRMEN</a>|</li>
    <li><a href="#">PROJEKTE</a>|</li>
    <li><a href="ger-network.shtml">NETZWERK</a>|</li>
    <li><a href="ger-contact.shtml"  id="button1" class="MenuBarItemSubmenu">KONTAKT</a>|
    <ul>
    <li><a href="ger-contact.shtml">ADRESSEN</a></li>
    <li><a href="ger-team.shtml">TEAM</a></li>
    <li><a href="ger-location.shtml">LAGEPLAN</a></li>
    </ul>
    </li>
    <li><a href="ger-links.shtml">LINKS</a>|</li>
    <li><a href="ger-publications.shtml">VERÖFFENTLCHUNGEN</a>|</li>
    <li><a href="ger-jobs.shtml" class="MenuBarItemSubmenu">JOBS</a>|
    <ul>
    <li><a href="ger-jobs.shtml">OFFENE STELLEN</a></li>
    <li><a href="ger-practice.shtml">PRAKTIKUM</a></li>
    <li><a href="ger-thesis.shtml">DIPLOMARBEIT</a></li>
    </ul>
    </li>
    <li><a href="ger-impressum.shtml">IMPRESSUM</a>|</li>
    </ul>
    </div>
    I did this in ger-kontakt.shtml, ger-team.shtml, ger-location.shtml
    but it does not leave KONTAKT highlighted.
    If you want to check it out my url is http:/www.lsdcoach.com/greiner-engineering. Select GERMAN and the click on KONTAKT. The other menu items without a submenu work great.

  • How to apply style to multiple links?

    I'm a newbie here, so maybe this is a simplistic question.  I am having trouble applying a color style to multiple links on a webpage at the same time.  I have a page setup with a layout similar to the Drudge Report, which posts href links separated by horizontal rule lines.  I want to apply a color style to these links, but I'm finding I have to select each link individually in design mode to apply the style.  When I select multiple links in design mode, the color doesn't apply to the text.  It's time consuming to select each link individually.  I can do this easily in Microsoft Visual Web.  How can I do it in Dreamweaver?

    The best way is to put all related links into a division. 
    Let's say you want to have red links in your #header and white links in your #footer which has a black background.
    CSS, set up two sets of link styles:
    #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 {background: #000;}
    #footer a {text-decoration:none}
    #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>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com/

  • Multiple links in a pdf document

    i have a pdf document that is viewed online and has multiple links to it. I would like the customer to click the link and 2 things to happen. 1. a web page opens, and 2. a sepearte pdf opens so that when you close the pdf, the web page is the active document. I want this to all happen in  new tab in the browser theyre using. I dont know much about javascript but any help as to why i cant get the links to open properley or the documents opening in new windows instead of tabs would be greatley appreciated.

    Depending on what other text you might have, you could use the data list component.
    To get the text to have underlines, you will need to edit the repeated item. You can also adjust colors and fonts as well. The default rollover and selected states will probably not be the UI that want, so make sure you change those as well.
    Now for the interactivity, select the datalist, and use the interactions panel, choose "On Select", then "Go To Url", the trick is to make sure the "When a specific item is selected" is also set. Here are the basic settings to get your links working:
    Add new interactions for each item you want to be functional.

  • Change text "link" color only in Spry Tab content area

    I need to have multiple text link colors in my site for light
    and dark background colors. The only regions in my site that have a
    white background are in the Spry Tab Panel content area. I can't
    figure out how to change the text color for text links in the spry
    content only. I tried to add a:link ..etc... to the style sheet,
    but it did not effect anything
    (I also need to clean my style sheet (s). But that comes
    next.
    Here
    is a Link to a Sample Page in my site
    null

    Here is the SpryTabbedPanels style sheet in my site. I can't
    seem to figure out the changes I need to make to effect the content
    area.
    I tried to add the following (see .TabbedPanelsContentGroup
    below)
    a: link {
    color: #0099CC;
    text-decoration: none
    a:active {
    color: #99CC33;
    text-decoration: none
    a:visited {
    color: #0099CC;
    text-decoration: none
    a:hover {
    color: #99CC33;
    text-decoration: underline
    @charset "UTF-8";
    /* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights
    reserved. */
    /* Horizontal Tabbed Panels
    * The default style for a TabbedPanels widget places all tab
    buttons
    * (left aligned) above the content panel.
    /* This is the selector for the main TabbedPanels container.
    For our
    * default style, this container does not contribute anything
    visually,
    * but it is floated left to make sure that any floating or
    clearing done
    * with any of its child elements are contained completely
    within the
    * TabbedPanels container, to minimize any impact or
    undesireable
    * interaction with other floated elements on the page that
    may be used
    * for layout.
    * If you want to constrain the width of the TabbedPanels
    widget, set a
    * width on the TabbedPanels container. By default, the
    TabbedPanels widget
    * expands horizontally to fill up available space.
    * The name of the class ("TabbedPanels") used in this
    selector is not
    * necessary to make the widget function. You can use any
    class name you
    * want to style the TabbedPanels container.
    .TabbedPanels {
    margin: 0px;
    float: right;
    clear: none;
    width: 82%; /* IE Hack to force proper layout when preceded
    by a paragraph. (hasLayout Bug)*/
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    /* This is the selector for the TabGroup. The TabGroup
    container houses
    * all of the tab buttons for each tabbed panel in the
    widget. This container
    * does not contribute anything visually to the look of the
    widget for our
    * default style.
    * The name of the class ("TabbedPanelsTabGroup") used in
    this selector is not
    * necessary to make the widget function. You can use any
    class name you
    * want to style the TabGroup container.
    .TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0px;
    /* This is the selector for the TabbedPanelsTab. This
    container houses
    * the title for the panel. This is also the tab "button"
    that the user clicks
    * on to activate the corresponding content panel so that it
    appears on top
    * of the other tabbed panels contained in the widget.
    * For our default style, each tab is positioned relatively 1
    pixel down from
    * where it wold normally render. This allows each tab to
    overlap the content
    * panel that renders below it. Each tab is rendered with a 1
    pixel bottom
    * border that has a color that matches the top border of the
    current content
    * panel. This gives the appearance that the tab is being
    drawn behind the
    * content panel.
    * The name of the class ("TabbedPanelsTab") used in this
    selector is not
    * necessary to make the widget function. You can use any
    class name you want
    * to style this tab container.
    .TabbedPanelsTab {
    position: relative;
    top: 1px;
    float: left;
    padding: 4px 10px;
    margin: 0px 1px 0px 0px;
    background-color: #CCCC99;
    list-style: none;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    /* This selector is an example of how to change the appearnce
    of a tab button
    * container as the mouse enters it. The class
    "TabbedPanelsTabHover" is
    * programatically added and removed from the tab element as
    the mouse enters
    * and exits the container.
    .TabbedPanelsTabHover {
    background-color: #99CC33;
    color: #000000;
    /* This selector is an example of how to change the
    appearance of a tab button
    * container after the user has clicked on it to activate a
    content panel.
    * The class "TabbedPanelsTabSelected" is programatically
    added and removed
    * from the tab element as the user clicks on the tab button
    containers in
    * the widget.
    * As mentioned above, for our default style, tab buttons are
    positioned
    * 1 pixel down from where it would normally render. When the
    tab button is
    * selected, we change its bottom border to match the
    background color of the
    * content panel so that it looks like the tab is part of the
    content panel.
    .TabbedPanelsTabSelected {
    background-color: #FFFFFF;
    border-bottom: 1px solid #EEE;
    color: #000000;
    /* This selector is an example of how to make a link inside
    of a tab button
    * look like normal text. Users may want to use links inside
    of a tab button
    * so that when it gets focus, the text *inside* the tab
    button gets a focus
    * ring around it, instead of the focus ring around the
    entire tab.
    .TabbedPanelsTab a {
    color: black;
    text-decoration: none;
    /* This is the selector for the ContentGroup. The
    ContentGroup container houses
    * all of the content panels for each tabbed panel in the
    widget. For our
    * default style, this container provides the background
    color and borders that
    * surround the content.
    * The name of the class ("TabbedPanelsContentGroup") used in
    this selector is
    * not necessary to make the widget function. You can use any
    class name you
    * want to style the ContentGroup container.
    .TabbedPanelsContentGroup {
    clear: both;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    background-color: #FFFFFF;
    color: #000000;
    a: link {
    color: #0099CC;
    text-decoration: none
    a:active {
    color: #99CC33;
    text-decoration: none
    a:visited {
    color: #0099CC;
    text-decoration: none
    a:hover {
    color: #99CC33;
    text-decoration: underline
    /* This is the selector for the Content panel. The Content
    panel holds the
    * content for a single tabbed panel. For our default style,
    this container
    * provides some padding, so that the content is not pushed
    up against the
    * widget borders.
    * The name of the class ("TabbedPanelsContent") used in this
    selector is
    * not necessary to make the widget function. You can use any
    class name you
    * want to style the Content container.
    .TabbedPanelsContent {
    padding: 4px;
    /* This selector is an example of how to change the appearnce
    of the currently
    * active container panel. The class
    "TabbedPanelsContentVisible" is
    * programatically added and removed from the content element
    as the panel
    * is activated/deactivated.
    .TabbedPanelsContentVisible {
    /* Vertical Tabbed Panels
    * The following rules override some of the default rules
    above so that the
    * TabbedPanels widget renders with its tab buttons along the
    left side of
    * the currently active content panel.
    * With the rules defined below, the only change that will
    have to be made
    * to switch a horizontal tabbed panels widget to a vertical
    tabbed panels
    * widget, is to use the "VTabbedPanels" class on the
    top-level widget
    * container element, instead of "TabbedPanels".
    /* This selector floats the TabGroup so that the tab buttons
    it contains
    * render to the left of the active content panel. A border
    is drawn around
    * the group container to make it look like a list container.
    .VTabbedPanels .TabbedPanelsTabGroup {
    float: left;
    width: 10em;
    height: 20em;
    background-color: #CCCC99;
    position: relative;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    /* This selector disables the float property that is placed
    on each tab button
    * by the default TabbedPanelsTab selector rule above. It
    also draws a bottom
    * border for the tab. The tab button will get its left and
    right border from
    * the TabGroup, and its top border from the TabGroup or tab
    button above it.
    .VTabbedPanels .TabbedPanelsTab {
    float: none;
    margin: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    /* This selector disables the float property that is placed
    on each tab button
    * by the default TabbedPanelsTab selector rule above. It
    also draws a bottom
    * border for the tab. The tab button will get its left and
    right border from
    * the TabGroup, and its top border from the TabGroup or tab
    button above it.
    .VTabbedPanels .TabbedPanelsTabSelected {
    background-color: #CCCC99;
    border-bottom: solid 1px #999;
    /* This selector floats the content panels for the widget so
    that they
    * render to the right of the tabbed buttons.
    .VTabbedPanels .TabbedPanelsContentGroup {
    clear: none;
    float: left;
    padding: 0px;
    width: 30em;
    height: 20em;

  • Multiple Thumb Slider with Multiple Track Colors

    Hi All,
    Does any one implemented a Multiple Thumb Slider component with Multiple Track Colors. Please find the screen shot of the component below which I am talking about.
    Any ideas or any link or sample source of code given would be highly appreciated.
    If I drag any thumb the colored section between any two thumbs should increase or decrease.
    Thanks,
    Bhasker

    Hi,
    There is a sort of workaround I made myself. Basically you set up your slider into a canvas container and add new boxes exactly at the position between your thumb buttons, in order to imitate your 'tracks'. Look the image below and notice that the black tracks are in fact VBoxes. For different colors, make each VBox different backgroundColor style.
    <?xml version="1.0"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
       <mx:Script>
              <![CDATA[
          import mx.containers.VBox;
          var tracks : Array = [];
          public function changeSliderHandler(event : Event) : void {
             for (var i : int = 0,j : int = 0; i < tracks.length; i++) {
                var track : VBox = tracks[i] as VBox;
                track.setStyle('left', slider.getThumbAt(j++).xPosition + 3);
                track.setStyle('right', slider.width - slider.getThumbAt(j++).xPosition + 3);
          public function addTrackHandler(event : Event) : void {
             var track : VBox = new VBox();
             track.setStyle('backgroundColor', '#000000');
             track.width = 0;
             track.height = 2;
             track.setStyle('bottom', '7');
             tracks.push(track);
             canvas.addChild(track);
             slider.values = slider.values.concat(0, 0);
             slider.thumbCount += 2;
              ]]>
        </mx:Script>
       <mx:Panel title="My Slider" height="95%" width="95%"
                 paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
          <mx:Canvas id="canvas" borderStyle="solid" height="40" width="100%">
             <mx:HSlider id="slider" minimum="0" maximum="100" thumbCount="2"
                         change="changeSliderHandler(event)" values="{[0,0]}" showTrackHighlight="false"
                         percentWidth="100" snapInterval="1" tickInterval="1"
                         allowThumbOverlap="true" showDataTip="true" labels="{[0, 50, 100]}"/>
             <mx:VBox id="track1" backgroundColor="#000000" width="0" height="2" bottom="7" initialize="{tracks.push(track1)}"/>
          </mx:Canvas>
          <mx:Button label="Add track" click="addTrackHandler(event)"/>
       </mx:Panel>
    </mx:Application>

  • Multiple link styles

    I have multiple link styles defined for a site, the links in the left column should underline on hover - I defined the style sheet a couple of months ago and it works. Here's the problem, I created a new page and added the link - it won't underline on hover. I have tried removing the style, adding the link, adding back the style, applying the style to just that one link, for some reason no matter what I try that one link won't take the style. Makes no sense to me. I have the same problem on another site - any help would be greatly appreciated!
    this is the page: www.yhpark.com/gallery.html
    and how I defined the link style:
    .LeftColNav a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3F3F3F;
    text-decoration: none;
    text-align: LEFT;
    .LeftColNav a:visited {
    color: #3f3f3f;
    text-decoration: none;
    .LeftColNav a:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3f3f3f;
    text-decoration: none;
    .LeftColNav a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3f3f3f;
    text-decoration: underline;

    Atania wrote:
    thank you! thank you! I switched the sequence and now all of the links 
    are behaving correctly (all of the time) -
    You're welcome.  :-)
    Nadia
    Adobe® Community Expert : Dreamweaver
    http://www.perrelink.com.au
    Unique CSS Templates | Tutorials | SEO Articles
    http://www.DreamweaverResources.com
    http://twitter.com/nadiap

  • Link Color

    If you want to make multiple links in different colors, how
    do you do that? I don't see anything in the link preferences. There
    must be a way.

    On Fri, 13 Jul 2007 03:25:49 +0000 (UTC), "PeacefulHarry"
    <[email protected]> wrote:
    >If you want to make multiple links in different colors,
    how do you do that? I don't see anything in the link preferences.
    There must be a way.
    <style>
    .navOne a:link { color:blue; }
    .navOne a:visited { color:purple; }
    .navOne a:hover { color:red; }
    .navOne a:active { color:navy; }
    .navTwo a:link { color:green; }
    .navTwo a:visited { color:blue; }
    .navTwo a:hover { color:gray; }
    .navTwo a:active { color:purple; }
    </style>
    </head>
    <body>
    <ul class="navOne">
    <li><a href="one.htm">One</a></li>
    <li><a href="two.htm">Two</a></li>
    <li><a
    href="three.htm">Three</a></li>
    </ul>
    <p>Ullamco laboris nisi excepteur sint occaecat eu
    fugiat nulla
    pariatur. Sed do eiusmod
    </p>
    <ul class="navTwo">
    <li><a href="six.htm">Six</a></li>
    <li><a
    href="seven.htm">Seven</a></li>
    <li><a
    href="eight.htm">Eight</a></li>
    </ul>
    ~Malcolm N....
    ~

  • Link color issue

    Hi
    I've set the color for linked texts on "page properties"
    which is fine. However, on one page the linked text color and
    background color are the same and I cannot see the linked text! Is
    it possible to override the command on these occasions (keeping the
    general command intact) and how?
    Thanks
    Mike

    > I've set the color for linked texts on "page properties"
    which is fine.
    It's only fine if you want one link style throughout your
    site - which is
    rare.
    For multiple link styles, you use CSS (Cascading Style
    Sheets).
    Follow this tutorial carefully:
    http://www.projectseven.com/tutorials/css/pseudoclasses/index.htm
    Regards
    John Waller

  • Spry Menu Bar link colors not consistent

    I have a horizontal Spry menu bar set up with 4 items in it.
    The first item is the Home link and does not have a submenu, but
    the other 3 items do. What I want is when you roll over the main 4
    items the text link color will be purple (#583399). When an item
    has a submenu the rollover text link on the submenu links will be
    green (#89b11a).
    My current code almost works, but the problem I am having is
    that the Home link
    without the submenu changes to a green color instead of
    purple like the other 3 main links. If I add a test submenu to the
    Home link then it turns purple like the other links. How can I get
    the Home link to change to purple like the others without having a
    submenu attached to it?
    Here is my html code that refers to the menu:
    <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="index.html"
    class="MenuBarItemSubmenu">HOME</a></li>
    <li><a href="about.html"
    class="MenuBarItemSubmenu">ABOUT</a>
    <ul>
    <li><a
    href="services.html">services</a></li>
    <li><a
    href="bios.html">bios</a></li>
    <li><a
    href="news.html">news</a></li>
    </ul>
    </li>
    <li><a href="work.html" class="MenuBarItemSubmenu"
    >WORK</a>
    <ul>
    <li><a href="design.html">design</a>
    </li>
    <li><a
    href="advertising.html">advertising</a></li>
    <li><a href="casestudies.html">case
    studies</a></li>
    </ul>
    </li>
    <li><a href="contact.html"
    class="MenuBarItemSubmenu">CONTACT</a>
    <ul>
    <li><a href="#">.</a></li>
    <li><a
    href="location.html">location</a></li>
    <li><a
    href="opportunities.html">opportunities</a></li>
    </ul>
    </li>
    </ul>
    Here is the Spry CSS code that pertains to the links:
    /* Menu items are a light gray text with padding and no text
    decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #666666;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* Menu items that have mouse over or focus have green text
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #89b11a;
    /* Menu items that are open with submenus are set to
    MenuBarItemHover with purple text */
    ul.MenuBarHorizontal a.MenuBarItemHover,
    color: #583399;
    /* Menu items that are open with submenus are set to
    MenuBarItemHover with purple text */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
    ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    color: #583399;
    And
    here
    is a link to my test file so you can see what I am talking
    about.
    Thanks for any help and let me know if you need anything else
    to help with it.

    Anyone??

  • How to have 2 link colors on one page?

    Learning CSS and am unable to make this happen. What am I doing wrong?
    http://larrysullivandesign.com/sourceprintmedia.com/_contact.html
    http://larrysullivandesign.com/sourceprintmedia.com/sourceprintmedia.css
    The text links at page bottom (link-typeA) load up blue, even though the stylesheet calls for them to be gray (#E8E8E8), so they'll read on dark background.
    I want blue links site-wide, and grey at page bottom, only for link-typeA
    I want only one style sheet, if possible.
    How do I make all the link stage (active,hover, etc) colors apply to just link-typeA ? Only way I can see is in Page Properties, which makes one single embedded style on each page. confused....
    thanks!

    The divs are always referenced in the body and then you assign a class to that div. You can also asign a class to a table if you are using tables.
    First make a refernce to an external style sheet and place all your css in there.
    make your page and then assign the classes to the divs or tables.
    If you think of a div as a container then you assign a class of (footer) to the container. The reference then looks to the external style sheet of where to find that class and then finds the .footer and assigns the correct attributes to it such as the .footer a:link{color:#000;}
    you can also see the styles and assign them without handcoding by going to window/CSS styles

  • Can I create multiple links to the same file without duplicating file?

    does anyone know if it is possible to create multiple links to the same file using iWeb without the program automatically making multiple copies of that file in the published output? It seems that one file is created for each link.
    Thanks!

    Hi Franz,
    have a look at the second method on this page
    http://alyeska.altervista.org/en/iWeb_Downloads.html
    see if you understand how it works (if you don't, please ask me)
    Regards,
    Cédric

  • Return multiple links (href)

    Hi,
    I am customizing a software application using Stored Procedure and XML to display information on multiple links (a href tag). My scenario is as follows.
    I am accepting SP parameters and returning reference cursor for 1 or more records (depending on the condition). I am wondering how I can use multiple link values based on each record unique value (ID etc).
    Can I test result of reference cursor using IDE (PL/SQL developer, Oracle sql developer).
    My stored procedure works fine without links.
    PROCEDURE GetLinkValues (
    resultData OUT SYS_REFCURSOR
    ) AS
    BEGIN
    OPEN resultData FOR
    select
    id, name, '<a href GetDetails.dll' a.id || '</a>' as MultipleLinks
    from Test
    where {Filter Recrods}
    END GetLinkValues;
    Any help is appreciated.
    Thanks
    Sam

    The calling program must set this flag, not your search-help.
    On a select-option field, don't press F4 but the yellow arrow right, the multiple line selection screen is displayed, there you press the "multi-selection" box.
    Regards

  • How can I save multiple links using the "save link as" function?

    I'm trying to save about 300 pdf files. The link to each one is listed ona website. To save each one I'm right clicking on the link, selecting "save link as" and repeat.
    How can I select multiple links and save them?

    Actually you can save multiple page pdf's in elements.
    Try something like this:
    (This is easier if you have the project bin open)
    1. Select the first page
    2. Right click on that page in the project bin and choose Add Blank Page or as many pages as you need.
    3. Use the move tool and drag your pages down into the blank pages in the project bin
    4 Then File>Save As>Acrobat.PDF

Maybe you are looking for

  • How to connect my macbook pro to my car cd player

    hello how to connect my macbook pro to my car cd player

  • This doesn't fit, but I have questions New MACBOOK pro 15 inch

    I am going to get the new Macbook Pro 15inch. I want the 2.8Ghz and I will build up the RAM later. Anyway, for the money should I go the 3.0 GHz? I am a video editor that works on SD and HD, usually never over 720p. I also do a little work in AE, I m

  • Facing an error oxE8000065, unable to sync my iphone 5c to the itunes(desktop)

    I am using an iphone 5c. I have been trying to connect it to my computer to sync it. But i have been getting an error OxE8000065. I tried looking for solutions online. I tried connecting the usb cord to different usb ports but didn't work. I reinstal

  • Problem adding .swf in page

    Hello, here's my problem. I have a short video that I embedded  in flash, ACS2. Exported as .swf. When I place it in my page in Muse, on the preview nothing happens. Then I converted to a GIF sequence, same problem. To test, I made a basic animation

  • Saving Battery Power on Zen Micro(Origina

    Well my original battery on my zen micro is giving my zen micro issues. Usually after about 5 minutes the battery begins to die and everything just freezes. So I've gotten a new battery everything is fine now. HOWEVER! My sister bought her Zen Micro