OK, I found a solution. Any foreseeable problems with this?
#catmidpagenav ul#subnav li.menu-mlid-2379,#catmidpagenav ul#subnav
li.menu-mlid-588{background:url('/sites/all/themes/img/pressrel-icon.gif')
no-repeat;}
#catmidpagenav ul#subnav li.menu-mlid-2379 a,#catmidpagenav ul#subnav
li.menu-mlid-588 a{padding:73px 0 0
0;overflow:hidden;height:0;width:113px;}
(Also, I forgot this supporting CSS:
#catmidpagenav{position:absolute;width:1170px;margin-left:-585px;left:50%;height:100px;background:url("/sites/all/themes/img/category-midpagenav-divider.gif")
repeat-x;text-align:center;}
#catmidpagenav
ul#subnav{margin-top:0;position:relative;top:7px;display:inline-block;}
#catmidpagenav ul#subnav
li{border:none;list-style-type:none;display:inline-block;margin:0 0 0
90px;padding:0;vertical-align:middle;}
#catmidpagenav ul#subnav li:first-child{margin-left:0;}
#catmidpagenav ul#subnav li:last-child{margin-top:-1px;}
#catmidpagenav ul#subnav li.active{border:2px solid #739701;}
#catmidpagenav ul#subnav li a:hover{background-image:none;}
#catmidpagenav ul#subnav li:hover{border:2px solid #739701;} )
On Fri, May 3, 2013 at 12:11 PM, J.C. Berry <[email protected]> wrote:
> Hello all,
> I have the following HTML right now:
>
> ul#subnav li.menu-mlid-2379, ul#subnav
> li.menu-mlid-588{background:url('/ui/img/pressrel-icon.gif');height:73px;width:116px;}
> ul#subnav li.menu-mlid-2379 a, ul#subnav li.menu-mlid-588
> a{padding-left:2000px;}
>
> You can see I pushed the link off to the right, but then the clickable
> area is that wide as well. Is there way to remove the text of a link and
> replace with a linked image?
>
> Thanks.
>
>
> --
> J.C. Berry, M.A.
> UI Developer
> 619.306.1712(m)
> [email protected]
> portfolio: http://www.mindarc.com
>
> ------------------------------------------------------------------------------------------------------------------------------------------------
>
> This E-mail is covered by the Electronic Communications Privacy Act, 18
> U.S.C. ?? 2510-2521 and is legally privileged. This information is
> confidential information and is intended only for the use of the individual
> or entity named above. If the reader of this message is not the intended
> recipient, you are hereby notified that any dissemination, distribution or
> copying of this communication is strictly prohibited.
> ------------------------------------------------------------------------------------------------------------------------------------------------
>
>
--
J.C. Berry, M.A.
UI Developer
619.306.1712(m)
[email protected]
portfolio: http://www.mindarc.com
------------------------------------------------------------------------------------------------------------------------------------------------
This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged. This information is
confidential information and is intended only for the use of the individual
or entity named above. If the reader of this message is not the intended
recipient, you are hereby notified that any dissemination, distribution or
copying of this communication is strictly prohibited.
------------------------------------------------------------------------------------------------------------------------------------------------
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
