link repetitions

can we reduce the number of same-page links?

chaotic test page
#32
04.oct.2008

3 links

browser support on this site

Everyone is welcome with whatever browser they choose, but it's the young browser-versions that get my attention and support. Actually it's the other way around, as it is the new browsers that are in support of my code that get my attention.
read more…

2 links

browser support on this site

Everyone is welcome with whatever browser they choose, but it's the young browser-versions that get my attention and support. Actually it's the other way around, as it is the new browsers that are in support of my code that get my attention.
read more…

1 link

browser support on this site … read more

Everyone is welcome with whatever browser they choose, but it's the young browser-versions that get my attention and support. Actually it's the other way around, as it is the new browsers that are in support of my code that get my attention.

1 whole-cover link - not in IE6

browser support on this site … read more

Everyone is welcome with whatever browser they choose, but it's the young browser-versions that get my attention and support. Actually it's the other way around, as it is the new browsers that are in support of my code that get my attention.


For CSS, see source-code

Notes:

The image, the headline and the “read more” are linking to the same page. The examples above demonstrate how one can reduce the number of actual same-page links in the source-code by floating and absolute position elements out from a link.

Most browsers will let the floated and absolute positioned elements work as links. Some do however need a little extra help with appearance.

The "1 whole-cover link" can't be handled by IE6 - can't absolute position elements relative to all 4 sides of container, so styles are hidden from it. Other versions handle it from acceptable to very well.

long list of tested browsers:

Opera:
win2K: 9.00, 9.60
win XP: 9.52
- good on all.
- failures on "1 whole-cover link" in pre 9 versions
Mac OS-X 10.4: 9.52
- good on all.
Moz:
win2K: SeaMonkey 1.1.6
- minor failure on "1 whole-cover link" … lost inline link.
win XP: SeaMonkey/1.1.12
- good on all.
Mac OS-X 10.4: 1.1.12
- good on all.
FF:
win2K: 3.0.3
win XP: 3.0.3
- good on all.
Mac OS-X: 3.0.3
- good on all.
Safari:
Mac OS-X 10.4: 3.1.2
- good on all.
win XP: 3.1.2
- good on all.
Camino
Mac OS X 10.4: 1.6.4
- good on all.
IE:
win2K: 6.0
- can't handle "1 whole-cover link" styles, so they're hidden from that and older versions.
win XP: 7.0
- good on all.