Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Lines under links, not under pictures...

Reply
Thread Tools

Lines under links, not under pictures...

 
 
Zadig Galbaras
Guest
Posts: n/a
 
      03-18-2008
Hi...

I have set up this for links in my css-file - border-bottom: 1px dotted
#0000FF; -
But then I get this dotted border also under pictures.
Is there a way to avoid this properties to a link on a picture, and still
using the same css-file?

--

Regards
Zadig Galbaras
(nick)
www.tresfjording.com
-----



 
Reply With Quote
 
 
 
 
Jonathan N. Little
Guest
Posts: n/a
 
      03-18-2008
Zadig Galbaras wrote:
> Hi...
>
> I have set up this for links in my css-file - border-bottom: 1px dotted
> #0000FF; -
> But then I get this dotted border also under pictures.
> Is there a way to avoid this properties to a link on a picture, and
> still using the same css-file?
>


a img { border: 0; }

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
 
 
 
Zadig Galbaras
Guest
Posts: n/a
 
      03-18-2008
Thank you JNL...
....but I don't seem to get it to work....

I've copied your line into my csss-file, but no fix...
I've pasted into the styla tag in the code of teh page itself, but in
vain...
I've run outof ideas...

--

Regards
Zadig Galbaras
(nick)
www.tresfjording.com
-----



"Jonathan N. Little" <(E-Mail Removed)> skrev i melding
news:69185$47dfc4e5$40cba7c2$(E-Mail Removed)...
> Zadig Galbaras wrote:
>> Hi...
>>
>> I have set up this for links in my css-file - border-bottom: 1px dotted
>> #0000FF; -
>> But then I get this dotted border also under pictures.
>> Is there a way to avoid this properties to a link on a picture, and still
>> using the same css-file?
>>

>
> a img { border: 0; }
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIO
> http://www.LittleWorksStudio.com


 
Reply With Quote
 
SAZ
Guest
Posts: n/a
 
      03-18-2008
In article <47e006df$(E-Mail Removed)>, http://www.velocityreviews.com/forums/(E-Mail Removed) says...
> Thank you JNL...
> ...but I don't seem to get it to work....
>
> I've copied your line into my csss-file, but no fix...
> I've pasted into the styla tag in the code of teh page itself, but in
> vain...
> I've run outof ideas...
>
>

Please post the URL. There could be something else in your code causing
this.
 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      03-18-2008
SAZ wrote:
> In article <47e006df$(E-Mail Removed)>, (E-Mail Removed) says...
>> Thank you JNL...
>> ...but I don't seem to get it to work....
>>
>> I've copied your line into my csss-file, but no fix...
>> I've pasted into the styla tag in the code of teh page itself, but in
>> vain...
>> I've run outof ideas...
>>
>>

> Please post the URL. There could be something else in your code causing
> this.


most likely specificity, but who know without seeing his stylesheet and
markup in question...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
Michael Fesser
Guest
Posts: n/a
 
      03-18-2008
..oO(Jonathan N. Little)

>SAZ wrote:
>> In article <47e006df$(E-Mail Removed)>, (E-Mail Removed) says...
>>> Thank you JNL...
>>> ...but I don't seem to get it to work....
>>>
>>> I've copied your line into my csss-file, but no fix...
>>> I've pasted into the styla tag in the code of teh page itself, but in
>>> vain...
>>> I've run outof ideas...
>>>
>>>

>> Please post the URL. There could be something else in your code causing
>> this.

>
>most likely specificity


Nope. He has applied underlines to his links like this:

a {border-bottom: 1px dotted #00F}

Of course this also affects image links. But the underlines are applied
to the 'a' elements, not to the images, so this:

a img {border: 0}

does _not_ work as intended, because the images don't have any border
(let aside browser defaults).

Currently CSS doesn't allow to select elements that have a particular
descendant, which would be required here. IMHO applying a class to the
image links is currently the only way to solve this issue:

<a href="..." class="img"><img src="..." alt="..."></a>

a.img {border: 0}

Micha
 
Reply With Quote
 
Zadig Galbaras
Guest
Posts: n/a
 
      03-18-2008
My site: www.tresfjording.com
My css file is a mess, because I've just started learning...
http://www.tresfjording.com/css/granbergMain.css
A lot of things there I don't use, but every time I try to take something
away, something mess up....

And Michael; Your trick didn't do it...

I have this INDEX.PHP which uses the PHP code
<?PHP
include("topp.htm");
?>
and
<?PHP
include("left.htm");
?>
and
<?PHP
include("right.htm");
?>
That to make it easier to make changes in these areas of the screen.
Also, I don't want to use frames, because of that tooltip function. They
seem to not cross frame border and they are halfway hidden behind the
neighboring frame...
I tried <iframe>, but that messed up the page completely....

So.... I hva one option left, I know will work and that is to make a
map-link on the picture in question.
That'll work, I'm pretty sure...And the dotted line is gone... but probalby
return when hovering over the image...

--

Regards
Zadig Galbaras
(nick)
www.tresfjording.com
-----



"Michael Fesser" <(E-Mail Removed)> skrev i melding
news:(E-Mail Removed)...
> .oO(Jonathan N. Little)
>
>>SAZ wrote:
>>> In article <47e006df$(E-Mail Removed)>, (E-Mail Removed) says...
>>>> Thank you JNL...
>>>> ...but I don't seem to get it to work....
>>>>
>>>> I've copied your line into my csss-file, but no fix...
>>>> I've pasted into the styla tag in the code of teh page itself, but in
>>>> vain...
>>>> I've run outof ideas...
>>>>
>>>>
>>> Please post the URL. There could be something else in your code causing
>>> this.

>>
>>most likely specificity

>
> Nope. He has applied underlines to his links like this:
>
> a {border-bottom: 1px dotted #00F}
>
> Of course this also affects image links. But the underlines are applied
> to the 'a' elements, not to the images, so this:
>
> a img {border: 0}
>
> does _not_ work as intended, because the images don't have any border
> (let aside browser defaults).
>
> Currently CSS doesn't allow to select elements that have a particular
> descendant, which would be required here. IMHO applying a class to the
> image links is currently the only way to solve this issue:
>
> <a href="..." class="img"><img src="..." alt="..."></a>
>
> a.img {border: 0}
>
> Micha


 
Reply With Quote
 
Zadig Galbaras
Guest
Posts: n/a
 
      03-18-2008
I've tested the map-link thingy, and it works fine...

--

Regards
Zadig Galbaras
(nick)
www.tresfjording.com
-----



"Zadig Galbaras" <(E-Mail Removed)> skrev i melding
news:47e013ea$(E-Mail Removed)...
> My site: www.tresfjording.com
> My css file is a mess, because I've just started learning...
> http://www.tresfjording.com/css/granbergMain.css
> A lot of things there I don't use, but every time I try to take something
> away, something mess up....
>
> And Michael; Your trick didn't do it...
>
> I have this INDEX.PHP which uses the PHP code
> <?PHP
> include("topp.htm");
> ?>
> and
> <?PHP
> include("left.htm");
> ?>
> and
> <?PHP
> include("right.htm");
> ?>
> That to make it easier to make changes in these areas of the screen.
> Also, I don't want to use frames, because of that tooltip function. They
> seem to not cross frame border and they are halfway hidden behind the
> neighboring frame...
> I tried <iframe>, but that messed up the page completely....
>
> So.... I hva one option left, I know will work and that is to make a
> map-link on the picture in question.
> That'll work, I'm pretty sure...And the dotted line is gone... but
> probalby return when hovering over the image...
>
> --
>
> Regards
> Zadig Galbaras
> (nick)
> www.tresfjording.com
> -----
>
>
>
> "Michael Fesser" <(E-Mail Removed)> skrev i melding
> news:(E-Mail Removed)...
>> .oO(Jonathan N. Little)
>>
>>>SAZ wrote:
>>>> In article <47e006df$(E-Mail Removed)>, (E-Mail Removed)
>>>> says...
>>>>> Thank you JNL...
>>>>> ...but I don't seem to get it to work....
>>>>>
>>>>> I've copied your line into my csss-file, but no fix...
>>>>> I've pasted into the styla tag in the code of teh page itself, but in
>>>>> vain...
>>>>> I've run outof ideas...
>>>>>
>>>>>
>>>> Please post the URL. There could be something else in your code
>>>> causing
>>>> this.
>>>
>>>most likely specificity

>>
>> Nope. He has applied underlines to his links like this:
>>
>> a {border-bottom: 1px dotted #00F}
>>
>> Of course this also affects image links. But the underlines are applied
>> to the 'a' elements, not to the images, so this:
>>
>> a img {border: 0}
>>
>> does _not_ work as intended, because the images don't have any border
>> (let aside browser defaults).
>>
>> Currently CSS doesn't allow to select elements that have a particular
>> descendant, which would be required here. IMHO applying a class to the
>> image links is currently the only way to solve this issue:
>>
>> <a href="..." class="img"><img src="..." alt="..."></a>
>>
>> a.img {border: 0}
>>
>> Micha

>


 
Reply With Quote
 
Zadig Galbaras
Guest
Posts: n/a
 
      03-18-2008
now it works just like I wanted it to...

)

--

Regards
Zadig Galbaras
(nick)
www.tresfjording.com
-----



"Zadig Galbaras" <(E-Mail Removed)> skrev i melding
news:47dfc446$(E-Mail Removed)...
> Hi...
>
> I have set up this for links in my css-file - border-bottom: 1px dotted
> #0000FF; -
> But then I get this dotted border also under pictures.
> Is there a way to avoid this properties to a link on a picture, and still
> using the same css-file?
>
> --
>
> Regards
> Zadig Galbaras
> (nick)
> www.tresfjording.com
> -----
>
>
>


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to know two lines are a pare parallel lines lovecreatesbeauty C Programming 11 04-28-2006 03:32 AM
How to display a string in many lines, each lines have a specified length thuyptt@dsp.com.vn C++ 1 12-06-2005 07:26 AM
Asp.Net Calender, how to display 5 lines if there are only 5 lines in one month? Jack ASP .Net 9 10-12-2005 03:44 AM
Modems, Analog Lines and ... Electrical Lines? Sens Fan Happy In Ohio Computer Support 5 09-02-2004 04:15 AM
Re: how to read 10 lines from a 200 lines file and write to a new file?? Joe Wright C Programming 0 07-27-2003 08:50 PM



Advertisments