Well, I think what you have done actually is made the link into a rollover link, and these are converted to graphics by iWeb. Unlike regular text hyperlinks, there is no CSS associated with rollover links. Just separate images depending on the rollover state. Here are the two images for your "portfolio" rollover link...
http://www.chriskresser.com/test/ckphoto/homefiles/shapeimage_1_link0.png
http://www.chriskresser.com/test/ckphoto/homefiles/shapeimage_1_rollover0.png
You won't see anything against a white background for the first link because the text is white as well....but this is the normal state of your link. The second image is the grey colored rollover state image. You can basically use an image editing program to edit these images, then copy them back to the directory. But then you will have to do this everytime your page is published.
I'm not sure what governs whether a text link becomes a rollover link or not in iWeb. It may have to do with whether you hyperlink the actual "portfolio" text vs. hyperlinking the TEXT BOX that contains the word "portfolio". I believe that separating out each word into separate text boxes and then hyperlinking the TEXT BOX for "portfolio" might alleviate your problem.
Try this and let me know how it goes!

Similar Messages

Remove Underline From Link Text

I use GoLive 5.0 - still works great and suits my capabilities.
However, I cannot figure out how to remove the underline from the text of a link (as one of my clients has requested) - and have the text continue to function as a link.
Can anyone suggest how to accomplish this?

Thanks for the tip. It took some canoodling, but I got it to work. You can see the results at www.freeblues4u.com
For your reference, here is the method to eliminate underlines on link text for an entire page in GoLive 5.0:
In Layout click the CSS icon at the right of the header - on the resultant Style Sheet, right click and select "Add Selector" - Choose "a" - In the CSS Selector Inspector window, select the "F" Tab and select "none" in the Decoration menu - Preview and save the Page.
Thanks Again
Lee Vyborny
tropicalglen.com and CountryRoutes.net

How do I remove lines from linked text?

I am using Dreamweaver CS 4 and linked images and text are automatically underlined. How do I remove the underlines from linked text?
https://www.adobe.com/support/dreamweaver/layout/link_underline/#72192
According to the Adobe page above, I can add this code to the “head’ area of my html page and then all my links will not have visible lines, but I did that and the lines are still there. Any ideas why?
<style type="text/css">

</style>

Hello,
in my DW I can define this in the (translated from my german DW) page properties, see screenshot
Have a look at Hyperlinks (CSS) >>> Unterstreichungsstil (underlining style) >>> use dropdown menu output >>> never underline (nie unterstreichen)
Hans-Günter

Remove underline from hyperlink in Mail.

How can I remove the underline from hyperlinks in Mail?
Thanks in advance!

Thanks Roam.
I actually used to be able to do this, six months ago at least. Now I cannot. It is odd. I see my older signatures and they are without the underline and I do remember being able to remove them. The simple text edit no longer works for links now....
Apple, please fix this!
Thanks again.

Remove underline from Hyperlinks

I have made a presentation in Keynote on my MacPro.
I have copied it via itunes onto my iPad.
Each URL link is underlined on the iPad.
It is not underlined (selected as hyperlink) in the original file on my MacPro.
How do I remove the automatically added underline from the links on the iPad?
Thanks,
Toby

I've tried to solve this without any success BUT I do have an alternative that seems to work good for me. Simply remove the "www." from the link and it un-underlines. So if you have "www.companyx.com"... just change it to "companyx.com".
Message was edited by: rmajoran

How do i remove underlines from email addresses?

I have a book where the text came in from a word file. Is there any way with InDesign to automatically remove all underlines from them?

Be sure you uncheck the "preserve formatting" box if you go that route and replace it with "none." You could also just edit the style to look the same as the regular text if you think having a hyperlink style might be useful, like in find/change.
Peter

Remove hyperlinks from links inside email

I was wondering if you could create an exchange transport rule that would check all incoming email for hyperlinks, if it seen one, it would remove the hyperlink and change it just into text.

Hello,
Please try to build a transport agent to remove all HTML links from an incoming SMTP messages. And you need to use Visual Studio to realize it.
You can refer to the "Setting up the Environment" section in the following blog:
http://blogs.technet.com/b/exchange/archive/2013/01/21/how-to-write-an-exchange-2013-transport-agent.aspx
If you have any feedback on our support, please click
here
Cara Chen
TechNet Community Support

TIP: Remove underline from HTML CFGRIDCOLUMN HREF

It took me almost all of yesterday to find the solution on
how the remove the underline in HTML CFGRID / CFGRIDCOLUMN with an
HREF
Before the CFGRID definition add this new style for each
column where you don't want the underline appearing
<STYLE>

</STYLE>

Thank you so much, Scott for putting me on the right lines here.
I've been putting up with underlined href links in my cfgrids for years now and finally snapped today. After much hunting on the Web and coming across many, many people who are frustrated by this issue, I found your solution in the rather obvious place to check first.
Based on your solution, I tried
.x-grid-col div {text-decoration:none !important;}
in a separate CSS stylesheet, and that worked just great for all columns in the grid.
Hussah!

Removing underlines from text links

hi there!
i have a few text links on my site and i would like to remove
the 'underlines' for aesthetics,
does anybody know how this can be done (i am aware that there
is a piece of code that can be placed into the 'head' of the html
but am at a loss as to where to find it?)
any help would be much appreciated, thank you!

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
==================
"andymanning" <[email protected]> wrote in
message
news:e3686k$c17$[email protected]..
> hi there!
>
> i have a few text links on my site and i would like to
remove the
> 'underlines'
> for aesthetics,
>
> does anybody know how this can be done (i am aware that
there is a piece
> of
> code that can be placed into the 'head' of the html but
am at a loss as to
> where to find it?)
>
> any help would be much appreciated, thank you!
>

Removing underlines from a link

OK, here is a link to my site. I want the text that currently
has links-
[more]
NOT to be underlined.
How do I change this in a simple way, without having to
create a style sheet or anything of that nature?
I struggle with fundamentals.
Thank you.
http://www.idesrecordings.com

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
==================
"eyewreck" <[email protected]> wrote in
message
news:e24fc1$b04$[email protected]..
> OK, here is a link to my site. I want the text that
currently has links-
>
>
> NOT to be underlined.
>
> How do I change this in a simple way, without having to
create a style
> sheet
> or anything of that nature?
> I struggle with fundamentals.
>
> Thank you.
>
>
>
http://www.idesrecordings.com
>

Remove color from link text

How do I remove the color from text that is a link to another page?
Here is my script:
a:link {
    text-decoration: none;
a:visited {
    text-decoration: none;
a:hover {
    text-decoration: underline;
a:active {
    text-decoration: none;
But, it still looks like this:

If you want to change the colors of the links, you need to change them in your css:
a:link {
text-decoration: none;
color: #ffffff /* this makes it white on any link */
a:visited {
text-decoration: none;
color: #ffffff /* this is also white for any visited link */
a:hover {
text-decoration: underline;
color: #ffffff /*this link is white, but when you hover over it, the underline shows up */
a:active {
text-decoration: none;
color: #fffff /*another white link that is the active link */
I thnk that is what you are trying to do as you stated you wanted the links to change. If you don't do that the links will be the default colors
Blue for link, purple for the visited, etc.
Jim
Added later: This will change all your links on the page using the css. You can do it like fixated247 said above if that's what you want, if you only want it to change in the menu (which I cannot see, it's not there on the above linked page) you need to select the div or class that is using it.
/*if the link is in the menubar div then make a different selector for each of the link, visited, hover and active, in that order */
#menubar a:link     {
text-decoration:none;
color:#ffffff;
etc. I hope you understand what I am trying to say.
Jim

Removing underline on link that is small caps and different sizes

I have this in a section of my HTML page. This is what is says but it is in small caps, 2 of the words are larger, and it's a maroon color and centered. I'd love to make it a link without the underline. None of the codes I've found online have worked. It looks fine except for the underline when it's a link issue.
Since 1958:
America's First
Geosynthetics
Company!
CODE FOR THIS SECTION OF THE HTML:
<div align="center"><span class="t2"><font color="#770506"><span style="font-variant:small-caps"><font color="#770506">Since</font></span> <strong style="font-size: 150%;"><font color="#770506">1958:</font><em> <br>
          </em></strong><span style="font-variant:small-caps">America's</span> <em><span style="font-variant:small-caps">First<br>
            </span></em><span style="font-variant:small-caps"><strong style="font-size: 150%;">Geosynthetics</strong></span><br>
          <span style="font-variant:small-caps">Company!</span></font></font></span></div>

<div style="text-align:center;color:#770506;font-variant:small-caps;" class="t2">
<a href="#" style="color:#770506;text-decoration:none;">Since<strong style="font-size: 150%;">1958:</strong><br>America's<em>First<br></em><strong style="font-size: 150%;">Geosynthetics</strong><br>
Company!</a>
</div>

How do you remove tooltips from links and linked images?

The question is the title
I was wondering how you go about removing the little tooltip that pops up when you hover your mouse over a hyperlink, or a hyperlinked imaage.
I have tried using the Alt tags in iWeb SEO but this doesn't do anything, as the link still pops up and looks ugly.
Thanks

See Cyclosaurus post in this topic: http://discussions.apple.com/message.jspa?messageID=7050854#7050854. I think it will do what you want.
OT

Can't remove item from Links palette ID CS6

There are a number of items in the Links palette which "aren't" on any page. Instead of a page number, there are "< >" symbols in the page number column in the palette window. When I select one of these items and then click on "Go to Link", nothing happens.

I posted this problem for a friend, and though she'd like to follow through, she's run out of time to do so. She's leaving on a trip.
Thanks, Peter, for your prompt responses, but for now she'll probably just send the file on to her client. They know about the "mystery" links and don't seem too concerned about them.
Thanks for your help.

How to Remove underline in af:link

I would like to remove underline in link component using skinnng or by using inlinestyle. i tried the property text-decoration:none but the link's line still comming,. How can i resolve this thing.
Thanks.

Cat Songs wrote:
This is what's in the boilerplate CSS:
a, a:visited {
text-decoration: none;
Still get underlining.
Ignore boilerplate.css and leave it as it is. You should create your own style like this:
.test a {text-decoration: none; }
.test is the name of the class you create but use your own name for that particular div.

Removing underline from links

Similar Messages

Maybe you are looking for