css

I have a small website with two background images for top menu. When I bring mouse first time over a menu element it takes 2-3 seconds that second background image loaded (style link:hover background: url(secondimg.png)). For this short time user see nothing, of course it is annoying. To escape this situation I want to preload all images inklusive background images for menu elements, links, divs etc. Is there a very easy and short javascript or css trick? Thanks for any help!

Sometimes we build websites with both long and short pages. Some of them dont need scrollbars and browsers dont display scrollbars as default. But if you have centered container Firefox change tha x-place(margin to left) depends on scrollbars. It looks like design/position problem. To prevent this we need permanent enabled scrollbars but not horizontally. We can enable xy scrollbars with "body { overflow: scroll; }". There is no property for just y in css2. In css3 there are properties like overflow-y, overflow-x etc. Use following code to fix it:

 html { height: 101%; } 

If your dynamic html menu items go behind flash object and stay invisible add this parameters to your flash code.

...
<param name="wmode" value="transparent"></param>
<embed  wmode="transparent" ...
...

Example code for transparent flash object:

I have no problem with internet explorer. This code works on msie but not on mozilla firefox.

<style>
.my_vertical_text { writing-mode: tb-rl; filter: flipv fliph; }
</style>

<p class="my_vertical_text ">A vertical text with css</p> 

I need it for a table header (data grid view). Is there a solution without text-over-images for both msie and ff?

how can I create a horizontal list from list elements like ul li or ol li ? all must be placed on the top of page in one line also no newline or br etc. i tried with dreamveaer but did not work, please help!