|
Hi all,
I'm designing an academic site, and
having real trouble with a top navigation bar.
I'm not an expert on floating divs, and I'm
kind of getting tired of not being able to do what I design or intend
to.
I expected to simplify things by writing valid
code, but browser bugs, inconsistences and the lack of support for basic
features of the most used browser are rapidly burning out my personal
cronograme.
First of all, I can't get my H1 title to come
before the rest of the text on the heather; I gave up that one; frustrating
but acceptable.
Then, I want a min and max width for the layouts
middle column, but the browser the target public will mostly use, doesn't
support it (well it does support a script declaration, but not only it makes the
css invalid, sp2 also warns about dangerous active content if I put it there, so
I�m hopping the future users will surf the web on a maximum 1280x960px when
using IE to protect their own necks...).
Not happy with the result of styling the
menu bar with plain code, (http://unbound.no.sapo.pt/acad/outrav.htm and http://unbound.no.sapo.pt/acad/lib/principalnova3.css) I decided to use spans inside the LIs to ajust the
place for the images. I had to use several spans to avoid the use of a
background on hover: instead, I'm telling the browser background:none on hover
(ok, one can put IE downloading images automatically and the flikering won't
show up, but I do not expect users to know that and I find the effect quite
uggly when I see it even at awarded sites).
Well, it worked so fine I was suprised, untill I
saw it in Opera 7.50 (since css usually work fine in Opera I went on
verifying IE 6.0 sp1, Netscape 7.1 and Mozilla 1.8a).
In Opera the unordered list isn't rendered inline -
is it possible that the display:block on the spans is bubbling to the UL
itself?
The first version I tryed, without images, worked
fine even with two unordered lists inside one to render the
personalization links also. But it didn't have spans.
The page is here: http://unbound.no.sapo.pt/acad/quasar.htm and the css here: http://unbound.no.sapo.pt/acad/lib/defaultquasar04.css.
Is there anyway to make this work on
Opera?
Even serving a different css to Opera, I mean, I wouldn't like to include Opera 7.50 on the
lower browser version:
Mobile phones are now using Opera and it has
been an election browser to blind people for quite a wille, so I wouln't like to
do this in _javascript_, and I would like to have the links inside of a list and
not a series of divs.
Can anyone please help me on this one?
Thank you all,
Isabel Santos
|
