Posted by Bernhard Sturm on 07/18/06 08:15

Rik wrote:
> Bernhard Sturm wrote:
>> hi group,
>> I am currently designing a site that will provide leisure information
>> in a certain region (berne, switzerland). I have just finished
>> building the XHTML-structure (yes, it's valid) and the raw CSS
>> definitions in a template. This template will be populated with
>> results from a database. However, the template renders perfectly
>> under the following UAs: FF
>> 1.5.04, Netscape 7+, IE 6, but not with IE7beta3.
>> With IE7 beta 3 the main menu is being shifted to the far left of the
>> design. I tried several different techniques to position the
>> div#mainmenu (which contains the ul li list of the main menu) such as
>> using margins and paddings, but without success.
>> Maybe someone from the group could point me to something I overlooked,
>> or maybe this behaviour is just due to the beta status of IE7?
>> Any help is much appriciated (and critiques as well :-)
>
> Another problem:
> li#pageprint a, li#empfehlen a, li#zufallstipp a, li#similar a {
> background-repeat: no-repeat;
> background-color: #ECFCFF;
> font-size:0em;<------------------------------
> display:block;
> height:12px;
> letter-spacing: 10em;<-----------------------
> text-align:right;
> color:#ECFCFF;
> margin:0px 0px 0px 20px;
> }
>
> Why would you want to do that?

because I wanted to hide the text as it is not needed in visual UAs...
however Opera seems to ignore font-size:0em;. any ideas why?

>
> Opera disregards the first statement because of my minumum font-size
> required (6px), and obeys the second statement:
> http://www.rwasmus.nl/opera.png

yes I can see that. how could I resolve this issue? I want to make the
text invisible, but the a should still be present.

>
> In this case an image with an alt attribute, or a display:none (set to
> another value in an aural stylesheet) to a certain element is a whole lot
> better then trying to hide it with a zero font-size.

I can't apply img:hover to an image because of IEs inability, and I
definitely don't want to use JS for a rollover effect. display:none
would disable the presentation of the <a href... which is a bad idea,
too...

but I agree: it's a bad workaround I am using here. Maybe any other
ideas to solve this issue?

cheers for the comments.
bernhard


--
www.daszeichen.ch
remove nixspam to reply

[Back to original message]