[Bf-webcontent] no more flickering

[Johannes Langlotz]

my version is also css based but it doesn't use fixed values for height! 
if I make the fonts large enough it doesn't only chop the menu, it chops 
the whole site ;-)

BTW: my version falls victim to a bug in the gecko engine. you don't see 
it at the example but it makes my version useless.

Johannes



Bart Veldhuizen schrieb:
> Hi Johannes,
> 
> I'm not sure what the advantage of this approach is over the css based 
> one? It's quite a lot slower than the CSS solution, and if I make the 
> fonts large enough, it still chops off the labels...
> 
> Bart
> 
> Op 28-feb-05 om 15:59 heeft Johannes Langlotz het volgende geschreven:
> 
>> Hi Bart,
>>
>> I found the error why my list menu didn't work online. Please have a 
>> look at it. I don't know if it works on other browsers than gecko 
>> based ones. I haven't tested it much yet. You can change the font size 
>> without choping the menu. But the javascript is not really good.
>>
>> http://www.webminster.de/extern/b3d/
>>
>>
>> Johannes
>>
>>
>>
>> Bart Veldhuizen schrieb:
>>
>>> Hi Bart,
>>> I the optionSplit only works inside Typo's menuitems, so I couldn't 
>>> get it to work on the top lever wraps. I finally gave up and added 
>>> the following line to the menu items CSS:
>>>         #topnav_528    ul li {margin-left: -72px;}
>>> The eshop now works ok in firefox and safari, but it breaks in IE6.
>>> I also found that the following line breaks the :hover in the 
>>> dropdown menus in Safari:
>>> #mainmenu ul li ul li:hover { display: inline-block; }
>>> I didn't need it for either firefox or safari, so do you think we can 
>>> drop it?
>>> IE5 still behaves very badly on OSX; the page loads, but *very* 
>>> slowly. Does anyone here have an idea what causes it?
>>> Bart
>>> Op 26-feb-05 om 16:29 heeft Bart het volgende geschreven:
>>>
>>>>
>>>> My Master,
>>>>
>>>> must be stupid IE issue (span in link element), fixed using:
>>>>
>>>> cursor: pointer; for .ctr definition
>>>>
>>>> Bart Veldhuizen schrieb:
>>>>
>>>>> Okay, I'll look into the optionsplit solution. Good idea!
>>>>> The menu works in IE6 now; I had removed too many javascript includes.
>>>>> By the way: the mousecursor changes into a text selection cursor in 
>>>>> IE6 when you hover over the top menu headers. Could you look into 
>>>>> that?
>>>>> Cheers,
>>>>> Bart
>>>>> Bart wrote:
>>>>>
>>>>>>
>>>>>> Hellas Bart,
>>>>>>
>>>>>> the style commands could be get into Typo3 using param for links 
>>>>>> (ATagParams) combined wilt option switch ( || ).
>>>>>>
>>>>>> Option switch could be used for the margin of the eShop dropdown too.
>>>>>>
>>>>>> Mhm, my menu is working in IE 6 your implimentation did not.
>>>>>>
>>>>>> Bart Veldhuizen schrieb:
>>>>>>
>>>>>>> Ok, we're almost there!
>>>>>>>
>>>>>>> I have tried to solve the last cosmetic issue by changing the 
>>>>>>> style for the about menu instead of inserting a style into the a 
>>>>>>> href; I'm not sure how to tweak the typo3 template to do that. 
>>>>>>> Unfortunately, it doesn't seem to work.
>>>>>>>
>>>>>>> Also, I have now enclosed the header graphic in a separate div to 
>>>>>>> make it properly float down; only adding a div around the menu 
>>>>>>> didn't do the trick for me:
>>>>>>>
>>>>>>> http://www.blender3d.org/cms/index.php?id=38
>>>>>>>
>>>>>>> This morning, Ton has also asked me to prepare a 'white' 
>>>>>>> template; he wanted to see how the site looks without being 
>>>>>>> overly colorfull as it is now:
>>>>>>>
>>>>>>> http://www.blender3d.org/cms/index.php?id=533
>>>>>>>
>>>>>>> How do y'all like that? Oh and before you ask: the guy in the 
>>>>>>> picture is Jan des Bouvrie, a Dutch designer who thinks 
>>>>>>> everything should be white. I put him in there to annoy Ton ;-)
>>>>>>>
>>>>>>> Bart
>>>>>>>
>>>>>>> Op 26-feb-05 om 13:07 heeft Bart het volgende geschreven:
>>>>>>>
>>>>>>>>
>>>>>>>> Hi Bart,
>>>>>>>>
>>>>>>>> 1 and 2) Now there area 4 stylesheets fighting together for the 
>>>>>>>> website, the menu problem could be easily fixed putting the menu 
>>>>>>>> in other div, this could fix the header problem to (div makes a 
>>>>>>>> break). Add <div id="mainmenu"> ... </div> around the menu.
>>>>>>>>
>>>>>>>> 3) fixed with a margin inside the page fur the ul element of li 
>>>>>>>> ul for "eShop"
>>>>>>>>
>>>>>>>> Added background-image: none; inside the page for the link 
>>>>>>>> "About Blender" inside the page too (cosmetic).
>>>>>>>> Added header image and works fine here:
>>>>>>>>
>>>>>>>> http://www.neeneenee.de/blender/org/
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> -- 
>>>>>>>> |\/\/\/|
>>>>>>>> |      |
>>>>>>>> | (O)(O)        Aeggy.
>>>>>>>> C      _)       bart at neeneenee.de
>>>>>>>> |   ,_/
>>>>>>>> |   /    - Ich bin nicht berechtigt Aushilfslehrer zu feuern -
>>>>>>>> /   \
>>>>>>>>                 http://www.neeneenee.de
>>>>>>>> _______________________________________________
>>>>>>>> Bf-webcontent mailing list
>>>>>>>> Bf-webcontent at projects.blender.org
>>>>>>>> http://projects.blender.org/mailman/listinfo/bf-webcontent
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> _______________________________________________
>>>>>>> Bf-webcontent mailing list
>>>>>>> Bf-webcontent at projects.blender.org
>>>>>>> http://projects.blender.org/mailman/listinfo/bf-webcontent
>>>>>>>
>>>>>>
>>>>>>
>>>>> _______________________________________________
>>>>> Bf-webcontent mailing list
>>>>> Bf-webcontent at projects.blender.org
>>>>> http://projects.blender.org/mailman/listinfo/bf-webcontent
>>>>
>>>>
>>>>
>>>>
>>>> -- 
>>>> |\/\/\/|
>>>> |      |
>>>> | (O)(O)        Bart.
>>>> C      _)       bart at neeneenee.de
>>>> |   ,_/
>>>> |   /    - Ich bin nicht berechtigt Aushilfslehrer zu feuern -
>>>> /   \
>>>>                 http://www.neeneenee.de
>>>> _______________________________________________
>>>> Bf-webcontent mailing list
>>>> Bf-webcontent at projects.blender.org
>>>> http://projects.blender.org/mailman/listinfo/bf-webcontent
>>>
>>> _______________________________________________
>>> Bf-webcontent mailing list
>>> Bf-webcontent at projects.blender.org
>>> http://projects.blender.org/mailman/listinfo/bf-webcontent
>>
>> _______________________________________________
>> Bf-webcontent mailing list
>> Bf-webcontent at projects.blender.org
>> http://projects.blender.org/mailman/listinfo/bf-webcontent
> 
> 
> _______________________________________________
> Bf-webcontent mailing list
> Bf-webcontent at projects.blender.org
> http://projects.blender.org/mailman/listinfo/bf-webcontent
> 
>