CSS Link Styles

Having a problem displaying my links correctly using a linked
style sheet. The links at the bottom of my pages behave properly,
except for the fact that all of the links should be underlined, not
just a select few. They all behave properly upon roll-over, but in
a non-active state they all should be underlined. Everything
appears to be fine in Dreamweaver, that is, all links are
underlined.
Page:
http://relaxonmarco.com/
CSS:
http://relaxonmarco.com/ROMstyles.css
Any help is greatly appreciated!

You have the visited state of the link set to no underline...
so once a link
has been viewed, the underline disappears.
a:visited {
color: #FFFFFF;
text-decoration: none;
Change it to text-decoration: underline;
if you want it to remain underlined.
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
"trevisc" <[email protected]> wrote in
message
news:fentp8$pee$[email protected]..
> Having a problem displaying my links correctly using a
linked style sheet.
> The
> links at the bottom of my pages behave properly, except
for the fact that
> all
> of the links should be underlined, not just a select
few. They all behave
> properly upon roll-over, but in a non-active state they
all should be
> underlined. Everything appears to be fine in
Dreamweaver, that is, all
> links
> are underlined.
>
> Page:
http://relaxonmarco.com/
> CSS:
http://relaxonmarco.com/ROMstyles.css
>
> Any help is greatly appreciated!
>

Similar Messages

  • How can you have multiple, different css link styles?

    Every time I want to create a different looking link just for some copy, it always reverts to the A:link style, even if I create a new style that looks just the way I want. How can I create multiple link styles and then be able to select the one I want at any time???
    I would greatly appreciate any help.
    Allan

    How are you applying the different styles to your links? In most cases, it's easiest to wrap the link(s) in an element, like a < div > that has a class or ID assigned, for instance class="altLinks". Then, set up the CSS style names like:
    .altLinks a:link
    ...and so on. Then, the styles would just apply to links within the element(s) with class "altLinks". Here's a tutorial that might also help:
    http://www.golivecentral.com/pages/tutorials.shtml#basicCSSlinks2
    Otherwise, if you're still having trouble, post back with a link to your page so we can see what's going on.

  • Creating Multiple CSS Link Styles

    I am new to CSS and have followed the directions at:
    http://www.projectseven.com/tutorials/css/pseudoclasses/page5.htm
    The links in the green bar at the top are supposed to be in
    white.... I have struggled with this and have tried everything...
    Please tell me what I'm doing wrong... Thanks in advance... Follow
    the link below...
    http://topecreative.com/CCDC/
    Text
    Text

    You have not defined the links. Just try this:
    .poplinks a:link, .poplinks a:visited, .poplinks a:hover,
    .poplinks a:active
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10.5px;
    font-style: normal;
    color: #FFFFFF;
    Ken Ford
    Adobe Community Expert - Dreamweaver
    Fordwebs, LLC
    http://www.fordwebs.com
    "ttope" <[email protected]> wrote in message
    news:fqf2rh$m9s$[email protected]..
    >I am new to CSS and have followed the directions at:
    >
    http://www.projectseven.com/tutorials/css/pseudoclasses/page5.htm
    > The links in the green bar at the top are supposed to be
    in white.... I
    > have
    > struggled with this and have tried everything... Please
    tell me what I'm
    > doing
    > wrong... Thanks in advance... Follow the link below...
    >
    http://topecreative.com/CCDC/
    >
    >
    >
    http://www.projectseven.com/tutorials/css/pseudoclasses/page5.htmhttp://topecrea
    > tive.com/CCDC/
    >

  • CSS link style

    I have an external style sheet that has my style for links that looks like this
    a:link {
        color: #74863c;
        text-decoration: none;
        font-weight:bold;
    a:visited {
        text-decoration: none;
        font-weight:bold;
        color: #74863c;
    a:hover {
        text-decoration: underline;
    a:active {
        text-decoration: none;
    Once I click on a link the visited link turns black and when you rollover it won't underline or turn the proper color (though the color is not suppose to change). Also needed to put the bold style in the visited link to get the link to be bold and I've tried placing the color in the visited link and the link still turns black. I've searched to try and find the solution to this problem but haven't found anything. Everything I see says to have the styles in the correct order which I do but it's still not working. Anybody have any ideas?
    KG

    First, fix your code errors:
    http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. fertilizer101.org%2Ffood%2F
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.fertilizer101.org%2Ffood%2F
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web-design.blogspot.com/

  • Link styles via CSS...

    Hi,
    I would like to control my link styles within my CSS panel,
    but if I set up one set (up, over, blah, blah)...how about if I
    want yet another style set for link text that's within a different
    color cell? Is it possible? How?
    Also, I have controlled background imagery and copy via CSS.
    But I would like to add ALT tags to portions of the background
    image. My properties inspector won't bring it up as an option due
    to the CSS. Do I just have to work with the HTML instead of the
    visuals?
    -- Same situation for the 'hot spot' tool, and I really need
    to use it but my bg image is unselectable due to it being inserted
    via CSS. The Properties doesn't "see it". How do I get around that?
    thank you!!
    thanks!

    Pseudo-classes and container styles are what you need - here
    are some
    tutorials.
    http://www.thepattysite.com/linkstyles1.cfm
    http://www.projectseven.com/tutorials/pseudoclasses/index.htm
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "r_tist" <[email protected]> wrote in
    message
    news:fafjlv$q28$[email protected]..
    > Hi,
    >
    > I would like to control my link styles within my CSS
    panel, but if I set
    > up
    > one set (up, over, blah, blah)...how about if I want yet
    another style set
    > for
    > link text that's within a different color cell? Is it
    possible? How?
    > Also, I have controlled background imagery and copy via
    CSS. But I would
    > like
    > to add ALT tags to portions of the background image. My
    properties
    > inspector
    > won't bring it up as an option due to the CSS. Do I just
    have to work with
    > the
    > HTML instead of the visuals?
    > -- Same situation for the 'hot spot' tool, and I really
    need to use it but
    > my
    > bg image is unselectable due to it being inserted via
    CSS. The Properties
    > doesn't "see it". How do I get around that?
    >
    > thank you!!
    >
    > thanks!
    >

  • Link styles with CSS

    I have a web page with 2 navigations - one horizontal under
    the header and the other located vertically down the left of the
    page.
    The text colour styles of each are different.
    So I wanted to allocate seperate a:link a:visit a:hover
    a:active to both navigations, to do this I have used the following
    css:
    For the horizontal navigation:
    .table2 a:link, a:visited {
    text-decoration:none;
    color:#FFFFFF;
    .table2 a:hover, a:active {
    color: #8da2c4;
    For the second navigation:
    .table3 a:link, a:visited {
    text-decoration:none;
    color: #717578;
    .table3 a:hover{
    color:#333333;
    However when uploaded, instead of the horizontal navigation
    returning to white once visited, it turns grey - the colour of the
    second navigation. The browser (IE) obviously has trouble
    seperating the assigned link styles even though I have tried
    targeting more specifically.
    Does anyone know of a way around this, if there is a way at
    all??!
    Much appreciated

    Pseudo-classes and container styles are what you need - here
    are some
    tutorials.
    http://www.mako4css.com
    http://www.thepattysite.com/linkstyles1.cfm
    http://www.projectseven.com/tutorials/pseudoclasses/index.htm
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "(_seb_)" <[email protected]> wrote in message
    news:[email protected]...
    > Lou28 wrote:
    >> I have a web page with 2 navigations - one
    horizontal under the header
    >> and the other located vertically down the left of
    the page.
    >> The text colour styles of each are different.
    >> So I wanted to allocate seperate a:link a:visit
    a:hover a:active to both
    >> navigations, to do this I have used the following
    css:
    >>
    >> For the horizontal navigation:
    >>
    >> .table2 a:link, a:visited {
    >> text-decoration:none;
    >> color:#FFFFFF;
    >> }
    >> .table2 a:hover, a:active {
    >> color: #8da2c4;
    >> }
    >>
    >>
    >> For the second navigation:
    >>
    >> .table3 a:link, a:visited {
    >> text-decoration:none;
    >> color: #717578;
    >> }
    >> .table3 a:hover{
    >> color:#333333;
    >>
    >>
    >> However when uploaded, instead of the horizontal
    navigation returning to
    >> white once visited, it turns grey - the colour of
    the second navigation.
    >> The browser (IE) obviously has trouble seperating
    the assigned link
    >> styles even though I have tried targeting more
    specifically.
    >>
    >> Does anyone know of a way around this, if there is a
    way at all??!
    >>
    >> Much appreciated
    >>
    >
    > change:
    > .table2 a:link, a:visited {
    > to:
    > .table2 a:visited, .table2 a:link {
    >
    > and do the same for .table3 links.
    >
    > --
    > seb ( [email protected])
    >
    http://webtrans1.com | high-end web
    design
    > Downloads: Slide Show, Directory Browser, Mailing List

  • How do I set a 2nd Links Style using CSS

    This might be a very simple question to everyone else, but I
    am a very simple novice!
    I have set up the link style for my webpage (see below), but
    I want to add some different links in a different style on the
    page.
    a:link {
    color: #3CCCFF;
    text-decoration: none;
    a:visited {
    color: #3CCCFF;
    text-decoration: none;
    a:hover {
    color: #FF339A;
    text-decoration: underline;
    a:active {
    color: #0099FF;
    text-decoration: none;
    I have set up a different text style (below) and would like
    to create link styles off of this (ie. same size and weight) but
    with different Link, Hover, Active, Visited styles.
    h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 9px;
    color: #ACACAC;
    line-height: 18px;
    margin: 0px 0px 0px 5px;
    Can this be done? If so, how do I add it to the CSS and the
    HTML document?
    Hope this makes sense and that someone can point me in the
    right direction,
    Thanks
    Webbo

    These should help:
    http://thepattysite.com/linkstyles1.cfm
    and
    http://mako4css.com/BasLink.htm
    Hope this helps
    Jo
    "Webbo agogo" <[email protected]> wrote in
    message
    news:e4eogg$d71$[email protected]..
    > This might be a very simple question to everyone else,
    but I am a very
    > simple
    > novice!
    >
    > I have set up the link style for my webpage (see below),
    but I want to add
    > some different links in a different style on the page.
    >
    > a:link {
    > color: #3CCCFF;
    > text-decoration: none;
    > }
    > a:visited {
    > color: #3CCCFF;
    > text-decoration: none;
    > }
    > a:hover {
    > color: #FF339A;
    > text-decoration: underline;
    > }
    > a:active {
    > color: #0099FF;
    > text-decoration: none;
    > }
    >
    > I have set up a different text style (below) and would
    like to create link
    > styles off of this (ie. same size and weight) but with
    different Link,
    > Hover,
    > Active, Visited styles.
    >
    > h3 {
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-weight: lighter;
    > font-size: 9px;
    > color: #ACACAC;
    > line-height: 18px;
    > margin: 0px 0px 0px 5px;
    > }
    >
    > Can this be done? If so, how do I add it to the CSS and
    the HTML document?
    >
    >
    > Hope this makes sense and that someone can point me in
    the right
    > direction,
    > Thanks
    >
    > Webbo
    >

  • CSS different link styles

    how can I create different links styles within the same
    element?
    Can I do something like this?
    a {
    color: #999;
    text-decoration: none;
    a:hover {
    color: #333;
    a:active {
    color: #999;
    a.style2 {
    color: #363;
    text-decoration: underline;
    font-weight: bold;
    a.style2:hover {
    color: #333;
    a.style2:active {
    color: #363;
    And then do something like this?
    <a class="style2" href="#">Request
    Information</a>
    Is this legit to do???
    Thanks for any help!
    Brian

    Point well taken, Murray. I like that better.
    Shane H
    [email protected]
    http://www.avenuedesigners.com
    "Murray *ACE*" <[email protected]> wrote
    in message
    news:[email protected]...
    > That's not the most efficient way, although it will
    work..
    >
    > The best way would be to use descendent selectors, and
    more generic styles
    > to avoid repetition, e.g.,
    >
    > a { styles; } /* this will also hit named anchors if you
    have any */
    > a:visited { styles; }
    > a:hover { styles; }
    >
    > #secondlinks a { styles; }
    > #secondlinks a:visited { styles; }
    > #secondlinks a:hover { styles; }
    >
    > (I have omitted the a:active pseudo-class for
    convenience. This method
    > will not require the explicit styling of each link the
    way Shane's method
    > would.
    >
    > --
    > Murray --- ICQ 71997575
    > Adobe Community Expert
    > (If you *MUST* email me, don't LAUGH when you do so!)
    > ==================
    >
    http://www.dreamweavermx-templates.com
    - Template Triage!
    >
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    >
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    > ==================
    >
    >
    > "Shane H" <[email protected]> wrote
    in message
    > news:[email protected]...
    >> Yes but do it in this order -
    >>
    >> a:link
    >> a:visited
    >> a:hover
    >> a:active
    >>
    >> a.style2:link
    >> a.style2:visited
    >> a.style2:hover
    >> a.style2:active
    >>
    >> etc.
    >>
    >> --
    >> Shane H
    >> [email protected]
    >>
    http://www.avenuedesigners.com
    >>
    >>
    >> "Brian" <[email protected]> wrote in
    message
    >> news:[email protected]...
    >>> how can I create different links styles within
    the same element?
    >>> Can I do something like this?
    >>>
    >>> a {
    >>> color: #999;
    >>> text-decoration: none;
    >>> }
    >>> a:hover {
    >>> color: #333;
    >>> }
    >>> a:active {
    >>> color: #999;
    >>> }
    >>>
    >>>
    >>> a.style2 {
    >>> color: #363;
    >>> text-decoration: underline;
    >>> font-weight: bold;
    >>> }
    >>> a.style2:hover {
    >>> color: #333;
    >>> }
    >>> a.style2:active {
    >>> color: #363;
    >>> }
    >>>
    >>>
    >>> And then do something like this?
    >>> <a class="style2" href="#">Request
    Information</a>
    >>>
    >>>
    >>> Is this legit to do???
    >>>
    >>> Thanks for any help!
    >>> Brian
    >>
    >>
    >
    >

  • How can you have two link styles on one page?

    I have one style (formatted link style) for internal links in
    my footer but I want a different style for the external links in my
    mainContent. Is it possible to have two different "styles" of links
    on one page? I tried creating a new set for the mainContent links
    and being positioned underneath my footer link's styles, the "new"
    mainContent link styles overrode the footer link style. Is there
    another way of going about this?
    Thanks anyone, Julie

    Julie:
    > I'm just not code savvy.
    As long as you permit yourself to offer this argument, you
    will struggle
    with Dreamweaver. If you are serious and want to improve, you
    will have to
    overcome your code-phobia.
    What is in these two files?
    > <link href="css/area.css" rel="stylesheet"
    type="text/css" />
    > <link href="css/footlinks.css" rel="stylesheet"
    type="text/css"
    > media="screen"
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Rock Artist" <[email protected]> wrote in
    message
    news:[email protected]...
    > Murray, I was just looking over my code and noticed the
    links in my footer
    > are
    > styled, in the first place, by a class I created in my
    main.css (for all
    > of my
    > pages) called ".webdis" (nickname for webmaster and
    disclaimer). I do see
    > my
    > link format style in the head of this document but am I
    supposed to see it
    > where the footer is (in the code)?
    >
    > If you look at the first external link (the only one I
    have attached a
    > link to
    > so far):
    > </p>
    > <p class="contentlinx"><a href="
    http://www.hotsprings.org/">Hot
    > Springs
    > Convention &amp; Visitor's Bureau</a><br
    />
    >
    http://www.hotsprings.org/<br
    />
    > </p>
    >
    > It took on same style as my footer links. I'm a little
    frustrated, it just
    > seems like it should be so simple. I'm ready to launch
    this thing tonight
    > and
    > this is the only "little" thing I have left to do. I
    hate to cheat and
    > make
    > each one of these site links a graphic and link it as a
    graphic, but I am
    > so
    > ready to get this thing up.
    >
    > I'm just not code savvy. I am going to attach my code to
    this reply and
    > maybe
    > you can tell me what I'm doing wrong. Thanks, Julie
    >
    >
    >
    >
    > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    > "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    > <html xmlns="
    http://www.w3.org/1999/xhtml">
    > <head>
    > <meta http-equiv="Content-Type" content="text/html;
    charset=UTF-8" />
    > <title>Area Interests</title>
    >
    > <link href="css/main.css" rel="stylesheet"
    type="text/css" />
    > <style type="text/css">
    > <!--
    > .contentlinx {
    > font-family: Arial, Helvetica, sans-serif;
    > font-size: 14px;
    > color: #336600;
    > }
    > -->
    > </style>
    > <link href="css/area.css" rel="stylesheet"
    type="text/css" />
    > <link href="css/footlinks.css" rel="stylesheet"
    type="text/css"
    > media="screen"
    > />
    > </head>
    >
    > <body>
    >  <div id="wrapper">
    > <div id="header"></div>
    > <div id="sidebar">
    > <p align="center"><a
    href="index.html"><img
    > src="images/vert_nav_bar/home_button.jpg"
    alt="navigation button to home"
    > width="155" height="50" /></a><a
    href="property.html"><img
    > src="images/vert_nav_bar/property_button.jpg"
    alt="navigation button for
    > property" width="155" height="50" /></a><a
    href="maps.html"><img
    > src="images/vert_nav_bar/maps_button.jpg"
    alt="navigation button for maps"
    > width="155" height="50" /></a><a
    href="gallery.html"><img
    > src="images/vert_nav_bar/gallery_button.jpg"
    alt="navigation button for
    > photo
    > gallery" width="155" height="75" /></a><a
    href="gallery.html"><img
    > src="images/vert_nav_bar/area_button.jpg"
    alt="navigation button for area
    > interests" width="155" height="75" /></a><a
    href="contact.html"><img
    > src="images/vert_nav_bar/contact_button.jpg"
    alt="navigation button for
    > contact
    > us" width="155" height="75" /></a></p>
    > <div id="sidephoto"><img
    src="images/tree_flower.jpg" alt="garvan tree
    > flower" width="145" height="275" /></div>
    > </div>
    > <div id="header2">
    > <h2 class="style2">AREA INTERESTS</h2>
    > </div>
    > <div class="proptext" id="content">
    > <p>HOT SPRINGS NATIONAL PARK, ARKANSAS</p>
    > <div id="photofeature"><img
    src="images/garvin_stream.jpg" alt="garvan
    > gardens" width="275" height="218" /></div>
    > <p align="left">America's first resort, also
    referred to as &quot;The
    > Spa
    > City&quot;, Hot Springs definitely has a pulse
    > of its own. Visit the sites below to find out why this
    is one of
    > the
    > most popular vacation destinations in the South.
    Featuring world famous
    > natural
    > hot springs, historic bathhouse row, and thoroughbred
    horse racing at
    > Oaklawn
    > Park. The perfect place to relax, the perfect place for
    adventure, Hot
    > Springs
    > provides a year-round opportunity for outdoor
    recreation, world-class bass
    > fishing and fabulous water sport activities, hiking,
    horseback riding and
    > quartz crystal hunting. In fact, take a day trip to
    Murfreesboro to the
    > Crater
    > of Diamonds State Park, the only diamond-producing site
    in the world that
    > is
    > open to the public and try your hand at diamond hunting
    or searching for
    > 40
    > other types of semi-precious stones, rocks and minerals.
    Garvan Woodland
    > Gardens, a 210 acre forested peninsula jutting into Lake
    Hamilton with a
    > showcase of floral landscapes, streams and waterfalls,
    is a &quot;must
    > see&quot;. Hot Springs has a strong art community as
    well. Enjoy artist's
    > galleries, film-making events and musical venues all
    over town. Did I
    > mention
    > historical architecture? There is too much to mention
    here about this
    > wonderful
    > city, please see for yourself by visiting the local
    sites below to see
    > what's
    > happening in and around town.<br />
    > </p>
    > <p class="contentlinx"><a href="
    http://www.hotsprings.org/">Hot
    > Springs
    > Convention &amp; Visitor's Bureau</a><br
    />
    >
    http://www.hotsprings.org/<br
    />
    > </p>
    > <p class="contentlinx">Facts About Hot
    Springs<br />
    >
    http://www.hotsprings.org/media_room/news-detail.asp?news_id=9</p>
    > <p class="contentlinx">City of Hot Springs<br
    />
    >
    http://cityhs.net/</p>
    > <p><span class="contentlinx">The Greater Hot
    Springs Chamber of
    > Commerce<br />
    >
    http://www.hotspringschamber.com/</span><br
    />
    > </p>
    > </div>
    > <div id="footer">
    > <p><span
    >
    class="webdis">WEBMASTER     |    &
    > nbsp;<a
    href="disclaimer.html">DISCLAIMER</a></span></p>
    > </div>
    > </div>
    > </body>
    > </html>
    >

  • Text link styles not transferring in IE 5.2 for Mac

    Hi,
    My page www.bethhockley.com/ptihome2.htm uses two styles of
    text link, both of which are defined in my external CSS
    www.bethhockley.com/bethhockleychanged.css the text links look as
    they should in all browsers barr IE 5.2 for Mac. My os is osx
    10.3.9.
    In IE10.3.9 the link [email protected] (on the blue bar
    at the bottom of the page) shows up in the link style "commercial"
    rather than in the link style "email"
    Does anyone know why this is?
    Thanks,
    Beth H

    Sorry, I forgot to say, to see how the email link at the
    bottom of the page should look please see www.bethhockley.com
    Thanks,
    Beth

  • Link Styles are not working properly

    I have set the links styles in my top nav bar to be
    Normal: BLUE
    Hover: WHITE and BOLD
    Visited: BLUE
    Actve: WHITE and BOLD
    The bold is working, but the color is not changing
    Simular problen on the Vertical Nav Ban
    Here the Hover and Bold do work, but not the active does not work
    Normal: TAN
    Hover: WHITE and BOLD
    Visited: TAN
    Actve: WHITE and BOLD
    Here's a link to the page
    http://www.imagine-y.com/Clients/TrevorSite/Trevor4

    When you use the link pseudclass in your css it has to be expressed in the correct order.
    LoVe HAte
    Link
    Visited
    Hover
    Active
    It doesn't matter that you have not expressed all four but the three that you have still need to be that way.
    Anyway, try it, we have nothing to lose!
    Martin

  • CSS Link Disappears in Safari

    I'm having a strange issue that I've never come across before
    (but, I haven't done HTML web development in over a year now ...
    so, maybe this is common — I just don't know)...
    I have a set of links all styled through a CSS Style Sheet.
    When I preview in Firefox - everything works fine. When I preview
    in Safari one of my link styles disappears when I roll-over the
    text. The weird thing is the hand-cursor remains over "nothing"
    (like it still knows the link is there).
    Here's a snippet of the html:
    <td width="102" align="left" valign="middle"><span
    class="MainWhite">ENGLISH </span><a href="#"
    class="LanguageLink">ESPANOL</a></td>
    And here are the 2 styles listed above (MainWhite +
    LanguageLink) ...
    .MainWhite {
    font-family: Din, Gill Sans, Helvetica, Arial, Verdana,
    Tahoma, Sans-Serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: middle;
    padding: 7px 0px 0px;
    margin: 0px 0px 0px;
    display: inline-table;
    a.LanguageLink:link { font-family: Din, Gill Sans, Helvetica,
    Arial, Verdana, Tahoma, Sans-Serif; font-size: 10px; font-style:
    normal; font-weight: normal; color: #000000; text-decoration:
    none; vertical-align: middle; display: inline-table; text-align:
    left; padding: 7px 0px 0px; margin: 0px 0px 0px 10px;}
    a.LanguageLink:active { font-family: Din, Gill Sans,
    Helvetica, Arial, Verdana, Tahoma, Sans-Serif; font-size: 10px;
    font-style:
    normal; font-weight: normal; color: #000000; text-decoration:
    none; vertical-align: middle; display: inline-table; text-align:
    left; padding: 7px 0px 0px; margin: 0px 0px 0px 10px;}
    a.LanguageLink:visited { font-family: Din, Gill Sans,
    Helvetica, Arial, Verdana, Tahoma, Sans-Serif; font-size: 10px;
    font-style:
    normal; font-weight: normal; color: #000000; text-decoration:
    none; vertical-align: middle; display: inline-table; text-align:
    left; padding: 7px 0px 0px; margin: 0px 0px 0px 10px;}
    a.LanguageLink:hover { font-family: Din, Gill Sans,
    Helvetica, Arial, Verdana, Tahoma, Sans-Serif; font-size: 10px;
    font-style:
    normal; font-weight: normal; color: #000000; text-decoration:
    underline; vertical-align: middle; text-align: left; padding: 7px
    0px 0px; margin: 0px 0px 0px 10px;}
    .LanguageLink { font-family: Din, Gill Sans, Helvetica,
    Arial, Verdana, Tahoma, Sans-Serif; font-size: 10px; font-style:
    normal; font-weight: normal; color: #000000; text-decoration:
    none; vertical-align: middle; display: inline-table; text-align:
    left; padding: 7px 0px 0px; margin: 0px 0px 0px 10px;}
    Any ideas on why this is happening? Thanks in advance.

    RefreshGFX posted in macromedia.dreamweaver
    > Anyway, I narrowed it down to a .CSS property in the
    Link Style
    > Sheet ...
    > display: inline-table;
    > That's what's causing the problem in Safari.
    Unfortunately, if I
    I found this table that may help.
    http://www.quirksmode.org/css/display.html
    Perhaps using a strict DOCTYPE would work?
    Mark A. Boyd
    Keep-On-Learnin' :)

  • 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

  • CSS link rel statements appear as comments. Not referenced. Help?

    My CSS link rel statements appear as comments and are not referenced by the web page locally.
    <link rel="stylesheet" type="text/css" href="/PDGCommTemplates/HTN/css/newmain.css" />
    I have a new computer (windows 8 which I've learned to love... durress works miracles). I also had to switch to a designated server from a shared server, at the same time so several variables.
    When I created this site on my new computer I first created the site within Dreamweaver and then I opened the remote site and downloaded it's entirety to my hard drive. I've somehow created the problem in this process.
    The problem is in how the style sheets are directed. None of the original style sheets show up in the CSS Styles Panel, in either the all or the current tab. However when I open a page the style sheet titles all appear in the menu bar above the page (as short cut icons) and I can select/open them but get a note that the css file is a remote file and cannot be edited. When I hover over the shortcut icon in the menu bar the directory path appears as http://cafetablesserver.newhostingaccount.net/PDGCommTemplates/HTN/css/newmain.css
    I can open the css files locally in the file manager and I can create new css files. The remote site is functioning.... however, my nameservers are not yet directed at it and I have had to change my host file to view it.
    So what I need to know is how do I direct the local pages to reference a local css page on my hard drive? I need the path to be C:/..../..../webpagename/httpdocs/PDGCommTemplates/HTN/css/newmain.css
    The root directory is httpdocs
    I ran this site no problem on my old computer as a document root site. I've only changed the computer and the server. Thanks for your help

    Thanks for your response,
    I may not have been clear in original post. The only time the http:// or the C:// prefix is present is when I hover over the file names in the menu bar above the open web page. I have not enterred them as such.
    The link rel comment is currently written as link rel="stylesheet" type="text/css" href="/PDGCommTemplates/HTN/css/newmain.css
    My current file tree is as follows:
    httpdocs
    -/PDGCommTemplates/
         -/HTN/
              -/css/
                   -newmain.css
              -home.html
    Is the link rel comment above wrong? Do I need to move my html files into the root directory? They are currently in the sub sub folder /HTN/
    Thanks

  • CSS Link

    Hi
    I understand that the wwv_setting.generate_css_link API will generate the css link to a given stylesheet
    e.g.
    <LINK REL=Stylesheet TYPE="text/css" HREF="http://EXDL5.123.co.uk:7778/pls/portal/PORTAL.wwv_setting.render_css?p_lang_type=NOBIDI&p_subscriberid=1&p_styleid=1&p_siteid=0&p_rctx=P">
    This api requires (amonst others) the following parameters
    p_styleid and p_siteid.
    Does anybody know how to derive the current style id and site id values - so that I can pass them through to this API?
    I am doing this because I am generating html on the fly and I want the generated html document to appear in a popup window and inherit the same look and feel as the portlet from which it was invoked.
    Cheers
    Graeme

    Seemed fine to me on a PC using FF 2.0 Beta 1 and IE6.

Maybe you are looking for

  • Is there a way to have iTunes 11.0 (Windows) automatically login with my apple id?

    This is really annoying for me. I just transferred my music from a legacy iMac to my newer machine. That process itself was a pain in the behind, because I was also going form iTunes 10 to iTunes 11, but that's neither here nor there. However, in the

  • Problem starting WebLogic 9.1 server on HP-UX itanium

    Hi I've installed WLS 9.1 on HP-UX B.11.23 U ia64 3750621238. But when starting a simple domain I get error: <Oct 12, 2006 3:46:37 PM EEST> <Info> <WebLogicServer> <BEA-000377> <Starting WebLogic Server with Java HotSpot(TM) Server VM Version 1.5.0.0

  • Six system landscape configuration in SAP ChaRM

    Hi, Our requirement is such that we need to connect six system 3 developments, 2 testing and one production to the charm configuration. DEV1---> DEV2 - > DEV3 - > QUA1 ---> QUA2 - > PRD How to achive to achive this, we donot want to add simply the sy

  • How to cancle Excise Invoice for DEPO

    HI Friends, I want to cancle excise invoice for DEPO.  Please guide me. Thanks & Regards Yogi

  • Symbol of the front screen?!

    Hi All, I'm very new to using BackBerrys and on my Curve a symbol has come up on the front screen next to where new e-mail and message symbols come up. It is yellow circle with white lines crossing over within it. First it started with the number 1 n