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.

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:

<ｕｌ>
<ｌｉ>Main Page < / ｌｉ>
<ｌｉ>Second Page <!-- l i-->< /ｌｉ>
< / u l>

Drupal is driven by templates file. Basically, files ended in *.tpl.php are the template files.

• page.tpl.php
• node.tpl.php
• block.tpl.php

page.tpl.php controls most of the parts. For example, which CSS files are being called. It also determines what items to display (like your mission/ titles/ primary link menu bar)

node.tpl.php controls how the content should be displayed. For example, you don't want to add the comment link for the nodes, you may set it here.

This is how the tablized images appear like splitting apart!!

CopyRights Reserved by Yubis IT Solution

These are very useful tools for you to trace the html code to find out the classes of element, in order to customize your design.

For FF:

Firebug:
download link: https://addons.mozilla.org/zh-TW/firefox/addon/1843

Modules Needed:
1. Slideshow Creator -
dl link: http://drupalmodules.com/module/slideshow-creator
2. jQuery_plugin -
dl link: http://drupalmodules.com/module/jquery-plugins

Steps(Using drupal 6.x):

Modules Needed:
Slider - dl link: http://drupalmodules.com/module/slider