• Locked
2 replies [Last post]
Thu, 2010-09-09 15:10
benfinkel
benfinkel's picture
User offline. Last seen 1 year 36 weeks ago. Offline
newbie
Timezone: GMT-4
Joined: 2010-09-09
Posts: 2
Points: 5

Hello,

I'm using text-indent to hide the text on an UL for a menu, and while it's working on one menu on my page, a second menu it is not hiding the text at all. This menu is three items that are stacked on top of one another on the right-hand side of a banner.

Below is my HTML and CSS.

            <div id="banner">
                    <ul id="bannerMenu">
                        <li id="forVessels"><a href="#1">For Vessels</a></li>
                        <li id="forPorts"><a href="#2">For Ports</a></li>
                        <li id="forInsurers"><a href="#3">For Insurers</a></li>
                    </ul>                    
            </div>

#banner {
	background: url(images/bannerbg.png) no-repeat;
	background-position: 0 0;	
	width: 999px;
	height: 262px;
	position: relative;
}
 
#banner #bannerMenu {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
 
#banner #bannerMenu li {
	list-style-type: none;
	margin-bottom: 26px;
	margin-top: 53px;
 
}
 
#banner #bannerMenu a {
	text-indent: -900%;
	padding-bottom: 26px;
	padding-top: 27px;
	padding-left: 110px;
}
 
#banner #bannerMenu #forVessels a {
	padding-right: 90px;	
	background: url(images/ForVessels.png) no-repeat;	
}
 
#banner #bannerMenu #forPorts a {
	padding-right: 100px;	
	background: url(images/ForPorts.png) no-repeat;	
}
 
#banner #bannerMenu #forInsurers a {
	padding-right: 85px;	
	background: url(images/ForInsurers.png) no-repeat;	
}

Top
Tags:
Thu, 2010-09-09 18:58
#1
Deuce
Deuce's picture
User offline. Last seen 4 weeks 5 days ago. Offline
rank Guru
Guru
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4421
Points: 1840

Give the anchor

Give the anchor display:block;

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Top
Fri, 2010-09-10 18:38
#2
benfinkel
benfinkel's picture
User offline. Last seen 1 year 36 weeks ago. Offline
newbie
Timezone: GMT-4
Joined: 2010-09-09
Posts: 2
Points: 5

Thank you, that worked

Thank you, that worked perfectly!

Top
  • Locked