15 mins in xara

**Tao jones** · 29 July 2008, 01:30 PM

a friend wanted a web page for a holiday letting site, link below. This took about 15 mins in xara pro. I just can't figure out how to get rid of the underline in the links, I had it unticked any suggestions...ta tao

http://lavistabyronbay.com/lavista/index.htm

**StevenWWinters** · 29 July 2008, 02:35 PM

Originally Posted by Tao jones

I just can't figure out how to get rid of the underline in the links, I had it unticked any suggestions...

Not sure about in XX, but you can just edit the default.css file in a text editor like notepad and change the following line from:

a[href] * {text-decoration:underline;}

to:

a[href] * {text-decoration:none;}

**gwpriester** · 29 July 2008, 02:41 PM

Nice page Roger.

This is the kind of project that is perfect for Xtreme.

Good tip Steven for getting rid of the underline.

Gary

**Tao jones** · 29 July 2008, 02:54 PM

thanks steve..but it didn't seem to work the underlines are still there...t

/* Document settings */
body {background-color:#ffffff; font-family:sans-serif;}
a[href] {color:#0000ff;}
a[href]:hover {color:#ff0000; cursor

er;}
a[href]:visited {color:#800080;}
a[href] * {text-decoration:none;}
div {unicode-bidi:bidi-override;}
span {unicode-bidi:bidi-override;}
sup {font-size:0.5em;}
sub {font-size:0.5em;}

**Tao jones** · 29 July 2008, 02:56 PM

not sure where the 'stick out tongue' came from..just appeared when I copied the text in from notepad..

**Soquili** · 29 July 2008, 03:31 PM

Roger the browser settings of any person viewing the page will determine if links are underlined or not, over riding the CSS settings.

**covoxer** · 29 July 2008, 03:34 PM

Hi Tao,
try this one:

Code:

/* Document settings */
body {background-color:#ffffff; font-family:sans-serif;}
a[href] {color:#0000ff;text-decoration:none;}
a[href]:hover {color:#ff0000; cursor:pointer;}
a[href]:visited {color:#800080;}
a[href] * {text-decoration:none;}
div {unicode-bidi:bidi-override;}
span {unicode-bidi:bidi-override;}
sup {font-size:0.5em;}
sub {font-size:0.5em;}

Originally Posted by Tao jones

not sure where the 'stick out tongue' came from..just appeared when I copied the text in from notepad..

The combination of ":" and "p" characters is treated as

. So it ppears in the:

Code:

cursor:pointer

**StevenWWinters** · 29 July 2008, 03:41 PM

Originally Posted by Tao jones

thanks steve..but it didn't seem to work the underlines are still there...t

You're right. I should have tested.

Adding this line will work. Not sure why the other doesn't, just now.

a {text-decoration:none;}

**covoxer** · 29 July 2008, 04:13 PM

a[href] * refers to the elements located within the <a>.
a[href] refers to the sole <a> elements.

**StevenWWinters** · 29 July 2008, 04:40 PM

Originally Posted by covoxer

a[href] * refers to the elements located within the <a>.
a[href] refers to the sole <a> elements.

Makes sense, John.

Why does XX generate this code though:

a[href] * {text-decoration:underline;}

as underline is the default property for an anchor tag and why are you specifying the contents of <a>, rather than the <a> element in your CSS code?

Also, I'm not familiar with the [href] portion. What is that doing? I'm somewhat familiar with CSS but there are some holes in my understanding...

Thanks...