We are now developing a website with drupal for a client. As the website is quite complex and we need handle many CSS files for modules and themes. Today I suddenly found that there are some CSS statements cannot work at IE. I have spent some time on that and finally we found IE cannot load some CSS files we add at the last in .info files. I guess IE has the limitation on the numbe rof CSS files load. But I don't believe in it because this is a tooooooooooo stupid reason....
After I had found same conclusion from others. I admit that I have put too many hopeness on IE.
In our case, we have 30 CSS files loaded in IE.
reference:
http://www.redfinsolutions.com/redfin-blog/ie-7-and-ie-8-impose-31-css-file-limit-drupal-beware
Showing posts with label css. Show all posts
Showing posts with label css. Show all posts
Wednesday, November 11, 2009
Friday, August 7, 2009
How to make Float center -- By yubis IT Solutions
When I was doing Drupal site for Yubis, I encounter this problem: Menu links or other HTML elements can be made float left / right, but is it possible to make it float center?
Unfortunately, there's no such thing in CSS! What we can do is to play with a little trick. The key is to identitfy this: Left 50% and Right 50%!
Consider a menu link as follows:
<ul>
<li>Main Page < / li>
<li>Second Page < /li>
< / u l>
First, we make ul {position: relative; right:50%}
What you'll see is the whole menu link shifts to the right!
Final stpe is to shift this whole thing 50% to the left. So, make things like:
li {position: relative; left:50%}
It's done. Check again your work and you'll see the whole menu now is placed at the center.
PS. Check another reference here: http://www.wowbox.com.tw/blog/article.asp?id=3008
Unfortunately, there's no such thing in CSS! What we can do is to play with a little trick. The key is to identitfy this: Left 50% and Right 50%!
Consider a menu link as follows:
<ul>
<li>Main Page < / li>
< / u l>
First, we make ul {position: relative; right:50%}
What you'll see is the whole menu link shifts to the right!
Final stpe is to shift this whole thing 50% to the left. So, make things like:
li {position: relative; left:50%}
It's done. Check again your work and you'll see the whole menu now is placed at the center.
PS. Check another reference here: http://www.wowbox.com.tw/blog/article.asp?id=3008
Labels:
css,
drupal,
drupal menu,
float,
float center,
it solutions,
menu at center,
tutorial,
yubis,
yubis it solution
Subscribe to:
Posts (Atom)