3 replies [Last post]
sedspace
Offline
newbie
Cardiff
Last seen: 14 years 23 weeks ago
Cardiff
Timezone: GMT+1
Joined: 2007-05-18
Posts: 3
Points: 0

Sad Hi,

I need to know how to create a button using background images to swap but I really don't want the anchor text to appear on the button area. The hit area needs to fill the whole button. I have one successful method whereby I have to alter the xhtml to add a

URL: http://www.sedspace.co.uk/temp/tree_tops/index.html

CSS:

div#go_links a {
float : left;
margin : 29px 0 0 7px;
height : 63px;
width : 63px;
font-size : 70%; }

div#go_links a div { text-indent : -9999px; }

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 7 years 47 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

just remove the div and keep

just remove the div and keep the text in the anchor (where it belongs). Place the negative text-indent on the anchor for the same effect you have now.

Also, remove the xml prolog - it puts IE into quirks mode.

sedspace
Offline
newbie
Cardiff
Last seen: 14 years 23 weeks ago
Cardiff
Timezone: GMT+1
Joined: 2007-05-18
Posts: 3
Points: 0

thankyou

thanx, I've figured it now

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 week 4 days ago
Joined: 2004-06-30
Posts: 9679
Points: 815

Did you remove the XML

Did you remove the XML prolog?

Verschwindende wrote:
  • CSS doesn't make pies