Problem with hiding (indenting) text

kobesunset

I'm using a technique I read about to hide text that is replaced by a picture. My CSS code is as follows:

#bannersection h1 {
position:absolute;
text-indent: -9999px;
}

When I use this negative text it does hide the text, but it also makes my page super wide with too much extra white space on the right side of my page. Another resource I read said to put text indent at -2000. I tried that as well, but got the same result. This is browser IE7

Can anyone help?

dab42pat

something like this might work.

HTML: Select all

h1{ height:87px;
 width:100%;
 background:url(images/yourimage.gif) center center no-repeat;
 display:block; text-indent:-9999px;
 float:left; 
clear:both; }

Pat

__________________
DAP Web Design Sensuallady(my wifes site)

kobesunset

I appreciate your advice dab42pat. I tried adding the width and float elements, but this didn't fix the problem. The other elements that you mentioned (as well as width) are already defined in the section wrapper.

bonnit

have you tried actually setting the right margin value instead? if its undefined ie may compensate for it, try actualy defining what it should be and see if this makes a difference?

bonnit

also try setting the display to inline