Disappearing css link underlines - CS3

I'm setting up a css site with several internal links. I've made custom underlines (bottom border) for links, hover, active and visited and all have been working OK across several browsers. Suddenly when I test a page and click on a link, the underlines sometimes dispappear although the link is still active. But this doesn't only affect the clicked link but sometimes all the links on the page and sometimes just one or two others (and yes, I have tried refreshing the page). If I then click one of the links to go to another page, the link underlines are also sometimes missing. I'm pretty sure that the a:visited link hasn't been overwritten/conflicting. The fact that the disappearing underlines problem is almost random is what's confusing me. I'm new to css so no doubt I've done something silly and obvious but if anyone can help, I'd really appreciate it. Here is a link to the (unfinished) test site http://www.cornucopia-design.co.uk/test-ect . Please note that there are 4 text links within the main text on the home page which don't appear to be visible. Many thanks. PS please explain in simple terms!!

I've definitely seen your links variably disappearing, usually on links that have been followed.
I ran your css file through the w3c validator http://www.w3.org/QA/Tools/ (http://jigsaw.w3.org/css-validator/validator?uri=http://www.cornucopia-design.co.uk/test-e ct/assets/ECTmainstyles.css&profile=css21&usermedium=all&warning=1〈=en), and got these errors (see link for a few others):
URI : http://www.cornucopia-design.co.uk/test-ect/assets/ECTmainstyles.css
23
Same colors for color and background-color in two contexts #footer and a:link
23
Same colors for color and background-color in two contexts #footer and a:visited
23
Same colors for color and background-color in two contexts #footer and a:active
Regarding your links, try changing the order in the css file, so that the pseudo-class styles run in the order LoVe HAte, to wit:
a:link, a:visited {
     border-bottom-width: 1px;
     border-bottom-style: dotted;
     text-decoration: none;
     padding-bottom: 1px;
     border-bottom-color: #61726c;
     color: #61726c;
a:hover   {
     border-bottom-color: #61726C;
     border-bottom-width: 2px;
     border-bottom-style: dotted;
a:active {
     border-bottom-width: 1px;
     border-bottom-style: dotted;
     text-decoration: none;
     padding-bottom: 1px;
     border-bottom-color: #61726c;
     color: #61726c;
Beth

Similar Messages

Some CSS Links not displaying correctly

Hi folks,
I've been building a new site, but am having problems with some of the CSS links.
The normal links are working fine.
However, I've created a class that should display some of the links in bold - but it doesn't work!
This is the CSS:
.bold-larger a:link {
font-weight: bold;
color: #4E8AD2;
font-size: 16px;
.bold-larger a:visited {
font-weight: bold;
color: #4E8AD2;
font-size: 16px;
.bold-larger a:hover {
font-weight: bold;
color: #F47C01;
font-size: 16px;
text-decoration: none;
.bold-larger a:active {
font-weight: bold;
color: #4E8AD2;
font-size: 16px;
And this is the code as it appears on the page:
<span class="bold-larger">You can buy cool and interesting decorations and accessories from <a href="http://www.test.com">PartyBox</a>.</span></p>
It doesn't display them in bold though!
The test page is here:
http://www.iainmoran.com/40/40th-birthday-gift-ideas.html
Any idea why this might not be working please? I'm sure it's very simple, but I can't seem to work what it is!
Many thanks,
Iain.

Thank you both so much for your quick replies!
I'm pleased to say the links are now working correctly, so no more tearing my hair out is required!
Thanks again,
Iain.

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

Frustrated with external css link

I had an external css link that was working in edge version 2014.0, then I upgraded to 2014.1 and edge will no longer link to the external css link that it would before. (The reason I have an external css is that I have some elements that I am adding thru javascript to the stage later so that I don't clutter up the stage - these elements added later were then styled with my external css but now it doesn't work). I was able to get the css to link before by manually adding the css in the edge_Preload.js:
aLoader = [
      { load: "edge_includes/jquery-2.0.3.min.js"},
      { load: "edge_includes/edge.4.0.0.min.js"},
      { load: "js/rollarCoasterQuestionsMain.js", user: true },
      { load: "js/rollarCoasterQuestion1.js", user: true },
      { load: "js/rollarCoasterQuestion2.js", user: true },
      { load: "js/rollarCoasterQuestion3.js", user: true },
      { load: "js/rollarCoasterQuestion4.js", user: true },
{ load: "css/rollarCoasterQuestionsMain.css"},                 //this was the added line that worked before
      { load: "js/jquery.cookie.js", user: true },
      { load: "rollarCoasterR1_edge.js"},
      { load: "rollarCoasterR1_edgeActions.js"}];
It no longer works allowing me to add the external stylesheet this way... so I'm looking for a new way but going through the forum I've found the following examples that I haven't gotten to work:
Putting this in the stage code (technically is in the edgeActions.js file): sym.$("<link rel='stylesheet' type='text/css' href='css/rollarCoasterQuestionsMain.css'>").appendTo("#Stage");   //couldn't get this to work
Then tried putting this in my external javascript file just to try it another way but it diddn't work either (in my js/rollarCoasterQuestionsMain.js file):
$( "#Stage" ).append( "<link rel='stylesheet' type='text/css' href='../css/rollarCoasterQuestionsMain.css'>" );   // but this didn't work either
Please help

Actually in most of my Edge projects I'm using webfonts.
When doing this I also add an external stylesheet like below. (Located in the library, fonts tab)
Once done the stylesheet works too, without any other coding.
I hope this helps.
Kind regards,
Lester.

A link (underline) for #include statements without pressing ctrl

Hello,
I have SunStudio version 12. (the version which was released a few days ago,
at the beginning of June 2007).
I created a "C" project with it.
When I press the "ctrl" button and then hover with the mouse over a name
of include file, which is part of my project, a link (underline) appears under
the header file.
left clicking on that link with the mouse opens this header file in the editor.
All is good this far. Now, is there a way to configure SunStuduio so
that the link (underline) will appear under the header file without that
I will have to press the "Ctrl" button (but it will be done automatically
for all #include statements in my project)?
Regards,
Mark

No, this isn't possible.
If you don't like to use both mouse and keyboard simultaneously, you can right-click and select go -> include

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.

CSS Link or Import

Is it best to use Link or Import for an external css file (or
both)?
Brandon
==================
Presentations Direct -
http://www.presentationsdirect.com
> Binding Machines
http://www.presentationsdirect.com/binding-machines/gbc-binding-machines.asp
> Laminators
http://www.presentationsdirect.com/laminators/gbc-laminators.asp
> Paper Shredders
http://www.presentationsdirect.com/paper-shredders/gbc-paper-shredders.asp
==================

> So Link works for all major browsers today?
Always has. It's a HTML tag and works for more than just
stylesheets.
@import is a style rule (needs to be wrapped in
<style>...</style> tags in
HTML pages) and is the new kid on the block.
Importing stylesheets has advantages over merely LINKing
style sheets to a
HTML documents, including breaking your stylesheets into
modules for easy
maintenance.
To use importing, you can use it directly in an HTML
<style> tag, but then
you might as well use link because import would be doing the
same thing:
including that stylesheet in the HTML page.
To really take advantage of importing, you should import
other stylesheets
into a master stylesheet that is linked to the HTML page.
First link one stylesheet to the HTML page:
<link type="text/css" rel="stylesheet" href="css/main.css"
/>
And then import the other stylesheets into the master one.
Only the master
css file is linked to the HTML page.
So in this example, import the other stylesheets into
main.css:
/* Import the other stylesheets into main.css */
@import url("styles.css");
@import url("layout.css");
The main advantage of importing stylesheets is that updating
stylesheet
links is easier, because you update them in a single CSS file
that is
imported rather than in every HTML page.
Consider:
<link type="text/css" rel="stylesheet" href="css/main.css"
/>
<link type="text/css" rel="stylesheet" href="css/docs.css"
/>
Then, main.css contains:
/* Import the other stylesheets into main.css */
@import url("styles.css");
@import url("layout.css");
/* Now define some additional styles */
div.main-banner {border:none;width:600px;}
div.newsscroller {background-color:black;}
See
http://dhtmldev.com/content/view/63/27/
for more.
Regards
John Waller

CSS Links per page

As a newbie, I have finally figured out CSS Link settings.
However, I have to get to them thru Page Properties - for every
page that has links on it. Surely there is a way to set standard
link behavior for the whole site? Can't seem to add it to a
template...
Thanks!
Ron

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
==================
"Ron4298" <[email protected]> wrote in
message
news:eq30u1$hsc$[email protected]..
> As a newbie, I have finally figured out CSS Link
settings. However, I have
> to
> get to them thru Page Properties - for every page that
has links on it.
> Surely
> there is a way to set standard link behavior for the
whole site? Can't
> seem to
> add it to a template...
>
> Thanks!
>
> Ron
>

ICab, can link underlining be turned off

I've started using iCab browser, and was wondering if link underlining can be turned off somehow. Or does anyone know of another browser for the iPad where link underlining can be turned off? I really don't like it, and when you go to pages that are just about all links, like forum index pages, it is way too busy.
Thanks.

Just wanted to add my voice to those who want to disable predictive text. I hated it on my Nokia and turned it off (YES!!!). It makes my iPhone 3G seem LESS intuitive because it rarely, if ever, divines MY intentions. Whether it is a name, a term or phrase or from the smattering of foreign languages I incorporate in EVERYDAY life, the iPhone vomits up wrong choices, forcing me to correct, re-type, and sometimes re-re-re-type what I want. This is not a SMART feature.
Kinda reminds me of the usual MS explanation: it's not a bug, it's a feature!
PUH-LEASE, Apple... Give us the power in the next software upgrade!

Any Way To Make One Link Underlined And Another Link Not Underlined?

I want to make one link underlined and the other link not underlined. They are on the same page. Is there any way possible to do this? Thanks,

Oh, I thought you were saying I had anchors around a table, but you were just giving me a heads up I couldn't do this.
You said you did that - "So, I highlighted <tr> to select the whole row across (to get all the cells) and then made it a link." I'm saying you cannot do that. You can't put a link around any block tag.
Anyway, now I'm a bit more confused because I always thought an anchor was that part you inserted "named anchor" and then added the "test.html#namedanchor"....you know what I mean?
This is an anchor tag: "<a>". When it has a name attribute, e.g., <a name="foo">FOO</a>, it is a named anchor. They are both anchors as is this - <a href="foo.html">FOO</a>.
I thought anything within <> these brackets were tags??
That is correct. Are you seeing something in my posts that causes you to worry about that?
Now, I can make the whole thing an image. I thought there must be a way to do this, but didn't know how.
You would do that in a graphics editor like Fireworks or Photoshop. Put the images together on the same canvas, and then export the whole thing as a GIF/JPG/PNG image.
The only thing is what if it is viewed on a wider screen computer, then wouldn't it not stretch out to accompany the extra space since it will be at whatever pixels the image is?
Yes. That's how an image would behave. If you want the width of the screen to be filled always (a very bad idea in my personal opinion), then you will have to do that with separate graphics as you have done originally. That would mean that you would have to individually link each of the graphics, rather than being able to apply a single link to the whole thing.
In the meantime I will try individual links, but don't know how to link the rest of the area that isn't an image or text (just all the rest of the background color)?
Well, you can't apply a link to a background color or image. So, you will have to decide which way you want to do it: a single image/link or multiple images/links.
These are all design issues that you have to think through and decide on before you write the first smidge of HTML.

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' :)

CSS Link make Background disappear?

Hey Peeps,
Ok have looked at a lot of other websites and noticed that most people link to a stylesheet rather than put the CSS on the page or in the template. I alos ran into a problem when working out of the office where I could not change my style because it was part of my template and I had not uploaded my template in a while there for I had to styke each div in the div tag. Long story short I wanted to seperate my CSS from the template and link it...well it worked great but my background is no longer showing up. I have uploaded it as is right now. http://www.metrocog.org
I would also like to say Thanks to all who have helped me these past few weeks. I have learned a great deal from you all!!

You have an error on this page that should be fixed -
<title>Metropolitan Church of God Home</title>

<title>Welcome to Metropolitan Church</title>
A page can only have 1 title. Open the template file and remove the first instance (<title>Metropolitan...</title>). Save the template and allow it to update all child pages. Then upload the pages that were modified.
You have declared two background images for the <body>. Which one do you want?
background: url(http://metrobham.org/images/bg2.jpg) no-repeat;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: 100%;
          min-width: 768px;
          background-image: url(../images/bg21.png);
          background-repeat: no-repeat;
The bg21.png image is not on the server, and the link to it is not correct in the stylesheet - it should be this -
background-image:url(images/bg21.png)
or this -
background-image:url(http://metrobham.org/images/bg21.png);
Is that the one that you are missing?

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!
>

Spry MenuBar2 css Link not filling entire row

I am not sure, but I swear I had this working earlier on.
The subMenu links displayed properly in FF & IE but now
the Link wraps around the text only in IE and shows the rest of the link row
without the hover link.
Has anybody got any clues on what to fix in the CSS?

On or about line 306 the position:absolte causes the menu to disappear behind the vertical menu.
On or about line 593, change the width to 12.1em
Gramps

SpryTabbedPanels.css crashing DW CS3

I've got files using the updated SpryTabbedPanels widget.
Everything worked fine until I changed the color of the selected
tab in the SpryTabbedPanels.css file ( .TabbedPanelsTabSelected )
Saved the file and exited DW. The next time I tried to open
that file, or any file with the tabbed panel, DW crashed.
I edited the file with notepad to remove the link to the css
file, and DW opens it fine. Put that link back, and DW again
crashes when I try to open the file.
Then I remembered I had used a 6 digit hex color number,
rather than the 3 digit defaults. Edited the CSS to use a 3 digit
number, and the problem is solved.
Don't know if this is a Spry or DW bug, but it's definitely a
repeatable crash.
DW CS3, Win XP SP3

Hi Mypsa,
This is a documented Dreamweaver CS3 bug. The same thing
happened to me just yesterday, and I called Adobe Technical
Support. The Adobe Team is working on a permanent update fix for
this problem.
It's the size of the CSS file. If this particular CSS file is
exactly 8KB or a multiple of 8KB, Dreamweaver will crash. The
temporary solution is to add and take away from your file to keep
it away from those numbers. When you changed your hex colors, you
probably changed your file size.

Disappearing css link underlines - CS3

Similar Messages

Maybe you are looking for