Joomla Templates Club 406,261 posts

[SHoggard Friend SHoggardJoin date: October 2006Posts: 290Downloads:5Uploads:21 Thanks: 26 Thanked: 7 times in 1 posts]

#120639

Hi,

On my website http://www.packwebasia.com all the html link have a dotted line beneath them. Anyone have an idea how to remove them?

Thanks,
Stuart

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#221487

Hi
I don’t see any dotted lines, but in IE7 your layout is a mess. See attachment for a screen shot.

---

Attachments:

1. 

[SHoggard Friend SHoggardJoin date: October 2006Posts: 290Downloads:5Uploads:21 Thanks: 26 Thanked: 7 times in 1 posts]

#221518

Uhh yeah, its worse in IE 6 :S Working on fixing it… anyways this is what im seeing in firefox, opera and IE..

Any ideas?

---

Attachments:

1. 

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#221538

Hi
Not really because I have not used that template, but try looking through the template css for this

text-decoration: underline;
It will probably be in the body section if its there. If you find it just delete it. Or take a look at the module class suffix for the modules and see if there is something in the input box. You can try deleting that too.
or try adding

text-decoration: none;

to the


body {
}


tag.

[scenteur7 Friend scenteur7Join date: March 2007Posts: 22Downloads:0Uploads:0]

#221614

I tried the kind suggestion in the quote below, but it didn’t work…

So, I tried this:

in your CSS, find the section “/* Normal link */”

remove this line: “border-bottom: 1px dotted;” and voila! problem solved!

<em>@instantinlaw 17408 wrote:</em><blockquote>Hi
Not really because I have not used that template, but try looking through the template css for this

text-decoration: underline;

It will probably be in the body section if its there. If you find it just delete it. Or take a look at the module class suffix for the modules and see if there is something in the input box. You can try deleting that too.
or try adding

text-decoration: none;

to the


body {
}


tag.</blockquote>

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#221619

Thanks scenteur7 for the answer.
That would probably do it.:)

[canadawatch Friend canadawatchJoin date: May 2007Posts: 58Downloads:0Uploads:4]

#221667

In template_css.css, I modified the code with html, as follows:

(Lines: 62 – 71)


/* Normal link */
a {
color: #006DA3;
text-decoration: none;
}

a:hover, a:active, a:focus {
color: #CC0000;
text-decoration: underline;
}


This is much faster than the original “border” code. It was slow, it took time for the red border to show, after you pointed to it.

The difference is not noticable on newer and faster computers but the border underline is very sluggish on older computers, i.e., 450Mhz. The text decoration solution does it for me.

[Author]

Posts