Menu
I just converted a site to Blueprint CSS today, and suddenly all my hyperlinks are showing their URL's in brackets, e.g.
This hyperlink
<a href="Products/List.aspx">Read more</a>
Renders like this
Read More (Products/List.aspx)
I wonder if this might be related to one of the bundled plug-ins in Blueprint?
ADDED: The link renders normally, i.e. the unwanted url part is being generated client-side. Folks have asked for source code, so here it is (irrelevant text removed):
<!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>
<title></title>
<link href="Styles/Blueprint/screen.css" rel="stylesheet" type="text/css" />
<link href="Styles/Blueprint/print.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]><link rel="stylesheet" href="Styles/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
</head>
<body>
<a href="Products/List.aspx">Read more</a>
</body>
</html>
SOLVED: By removing the 'print.css' sheet that all tutorials suggest including, I was able to solve the problem in this example and my whole site. I'm still very curious as to why the venerable 'print.css' is acting up like this.
640
As you can see in Figure E, all three hyperlinks (they really are hyperlinks) look like ordinary text. Beyond that, any new links you create or paste into the document will also be black text with no underline—but they will be hyperlinks. Update the style to show no underline and black font.
Microsoft Word displays hyperlinks as a blue underlined text, as defined by the Hyperlink style. It shows only the fraction of the URL or anchor text like “click here ”, and you need to click Ctrl+K or use the popup menu to open the Link dialog to see the full URL.
Does it say that the Hyperlink style is applied to the text there? If not, then select the whole hyperlink in the text and apply the Hyperlink style (you might have to click the Options link at the bottom of the Styles pane and choose to show all styles).
The challenge you're experiencing when inserting a hyperlink in Outlook is due to an enabled editor option. You can simply disable it through the Outlook Options. Follow these steps: Open Outlook. Click New Email. In the New Email window, click File and then select Options. Go to Mail. Select Editor Options under Compose messages. Go to Advanced.
It's likely you have something like this in your CSS:
a:link:after { content:" (" attr(href) ") "; }
That will produce the behavior you describe.
Typically, you would only use this kind of style for the print version of your stylesheet.
85
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
