Hyperlinking an Image
am 28.09.2007 19:11:57 von daniel
In a table cell (with a background color) I inserted 2 times the same
transparent image (side by side). Everything appeared normal.
I now added a hyperlink to the images and a navy blue border appears
around each image. I would like to know how to remove the border and
all styling so that the images butt up against one another again.
Here is the code for that cell
|
Duration: 2:15 hr(s)
Address: Montr=E9al
Status: Confirmed">
hspace=3D"0" vspace=3D"0" align=3D"left"/>
hspace=3D"0" vspace=3D"0" align=3D"left"/>
I have tried the following in my css file
link {
margin: 20px;
padding: 0px;
border:none;
text-decoration:none;
}
a {
text-decoration:none;
border:none;
}
but it doesn't seem to do anything.
Thank you for your help,
Daniel
Re: Hyperlinking an Image
am 28.09.2007 19:19:09 von lws4art
Daniel wrote:
> In a table cell (with a background color) I inserted 2 times the same
> transparent image (side by side). Everything appeared normal.
>
> I now added a hyperlink to the images and a navy blue border appears
> around each image. I would like to know how to remove the border and
> all styling so that the images butt up against one another again.
>
> Here is the code for that cell
>
>
>
>
>
> hspace="0" vspace="0" align="left"/>
>
>
>
> hspace="0" vspace="0" align="left"/>
>
> |
>
>
> I have tried the following in my css file
>
> link {
> margin: 20px;
> padding: 0px;
> border:none;
> text-decoration:none;
> }
Styling the LINK element eh? They have not visual styling they are
located in the HEAD portion of a document.
>
> a {
> text-decoration:none;
> border:none;
> }
What you want is:
/* IMGs that are a child of A, no border */
a img { border: 0; }
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Re: Hyperlinking an Image
am 28.09.2007 19:41:03 von daniel
First off, thank you!
Secondly, I'm (obviously) a novice at CSS. Could you point me to a
good website or 2 to learn from that cover this type of stuff in
detail and in plain english.
Thank you once again it was exactly what I needed.
Daniel
Re: Hyperlinking an Image
am 28.09.2007 20:08:58 von lws4art
Daniel wrote:
> First off, thank you!
>
> Secondly, I'm (obviously) a novice at CSS. Could you point me to a
> good website or 2 to learn from that cover this type of stuff in
> detail and in plain english.
>
> Thank you once again it was exactly what I needed.
We all started at one time.
Try tutorials at www.htmldog.com
Although not a great read, but very enlightening each time I refer to it...
http://www.w3.org/TR/CSS21/cover.html
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
I find the property index helpful:
http://www.w3.org/TR/CSS21/propidx.html
Full property table
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Re: Hyperlinking an Image
am 28.09.2007 21:54:33 von jkorpela
Scripsit Daniel:
> In a table cell (with a background color) I inserted 2 times the same
> transparent image (side by side). Everything appeared normal.
For some abnormal values of "normal".
> I now added a hyperlink to the images and a navy blue border appears
> around each image.
Is that your main concern, really? To prevent the user from getting the
slightest clue of there being a link?
>
>
> hspace="0" vspace="0" align="left"/>
>
That's particularly bad code - an img element without an alt attribute as a
link.
--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/
Re: Hyperlinking an Image
am 29.09.2007 00:58:40 von John Hosking
Daniel wrote:
>
> Here is the code for that cell
>
>
>
>
>
>
>
>
>
> |
>
The validator accepts this as XHTML? A inside an ?
--
John
Pondering the value of the UIP: http://improve-usenet.org/
Re: Hyperlinking an Imageam 29.09.2007 01:38:22 von lws4art
John Hosking wrote:
> Daniel wrote:
>>
>> Here is the code for that cell
>>
>>
>>
>>
>>
>>
>>
>>
>>
>> |
>>
>
> The validator accepts this as XHTML? A | inside an ?
>
>
Wow! Or nested 's I don't think so.....
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
|