Forum Moderators: not2easy

Message Too Old, No Replies

mac IE text-indent

Mac not showing the text-indent on links

         

oona

11:25 am on Jun 7, 2004 (gmt 0)

10+ Year Member



I have a text-indent of 15px on the links in my navigation.
Each link is in a seperate div with a display:block(necessary for the roll-over).

The text-indent is being ignored bx IE on Mac.
Has anyone an alternative solution, or can give me a reason why Mac IE is ignoring this property, it is apparently supported?
Oona

dcrombie

1:25 pm on Jun 7, 2004 (gmt 0)



You should really post some of the code you're using for questions like this.

Have you tried using margin-left instead of text-indent?

oona

2:17 pm on Jun 7, 2004 (gmt 0)

10+ Year Member



I have tried margin... to no avail, but even if it had worked, as it gives a margin to the whole block and not just the text it's not much use to me. Thanks for the suggestion all the same.
css:
.mainnavigation { text-indent:15px; font-size:11px; display:block; width: 210px; height:12px; vertical-align : bottom; line-height:12px; padding-top: 5px; padding-bottom: 5px;}

html:

<div class="mainmenu">
<a href="#" class="mainnavigation" title="" accesskey="1">link1</a>
</div>
(mainmenu class has colour info depending on which CSS is loaded)

dcrombie

2:53 pm on Jun 7, 2004 (gmt 0)



.mainnavigation { text-indent:15px; font-size:11px; display:block; width: 210px; height:12px; vertical-align : bottom; line-height:12px; padding-top: 5px; padding-bottom: 5px;}

How about:

.mainnavigation { 
display: block;
padding: 5px 0 5px 15px;
width: 195px;
height: 12px;
vertical-align: bottom;
line-height:12px;
font-size:11px;
}

oona

3:39 pm on Jun 7, 2004 (gmt 0)

10+ Year Member



padding, like margin moves the whole block in 15px.
the block has a colour rollover(hover) effect to cover the complete width of the div.
So I'm afraid it's not an option either, thanks though.

I'm searching for mac hacks at the moment, but as I don't know what the problem is (ordinarily text-indent shouldn't be a problem) I don't quite know what to hide from the mac so I'm just commenting things out and in again etc... what a waste of time!

oona

1:32 pm on Jun 8, 2004 (gmt 0)

10+ Year Member



I've solved the problem giving the Mac explorer a
* > html #mainnavigation
{padding-left:15px;}
hiding the padding from other browsers.
Mozilla, Explorer PC, Safari and opera seem to have no problem with this hack.
Hope it stays that way!
Oona