Wednesday, November 11, 2009

Restriction on the number of CSS files in IE -- by Yubis IT Solutions

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

Friday, October 30, 2009

Explore Google Wave

I just got the sandbox account of Google Wave. What is its potential on web development? How can I add a wavelet into Drupal? I am studying on it :)

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

Monday, August 3, 2009

A nice talk on Drupal - Introduced by Yubis IT Solutions

Here I would like to introduce a nice talk held by Google Tech Talks on 8 OCT 2007, talking about "Implementing Drupal".

I found it' s really nice, detailed and I think you will be interested if you wanna have a more thorough understanding on Drupal.

Here is the link: Link

It's a about 52mins-long youtube video. You may also drag the time line to wherever you like according to following parts of the talk:

11:00 Killer Modules
1800 Drupal 6 intro
2030 Drupal 7 intro
2159 Links Resouces
2500 Drupal example - Edutopia.org
4600 Drupal vs Joomla

The part for "Drupal vs Joomla" is recommended, no matter you are a Drupal fans or Joomla fans, I've been waiting for such an objective view on these two great cms.

Enjoy!
Enjoy Drupal! :)

Thursday, July 23, 2009

Drupal template file -- Created by Yubis IT Solutions

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.

block.tpl.php controls how the blocks should be displayed. Div class may be added to the blocks, which helps to let its layout be modified by CSS.

Wednesday, July 22, 2009

Padding Error -- Created by Yubis IT Solutions


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

In the old days, a whole image used to be tablized/split into tiny pieces of images. It's really had to work it like that. In Drupal, we found that the tablized images will have "padding error", in which sense the images will just appear to be splitting apart even though no CSS is inserted. This only happens with the browsers of the new standard, not those in the old days (e.g. IE6/7)

There's a little bit of history. In the old days though not too long ago, websites are not confined to W3C standard. But then, when this standard appeared, the browser vendors had a tough choice. Option 1 is to follow strictly the standard, but this makes the website look bad. Another option is to please the design while giving up the standard.

So, 2 main modes emerged: quirk and strict. Quirk mode (old versions of IE like IE6/IE7) supports those old design, while strict mode (newer versions of IE, Firefox) supports the W3C standard and follows strictly to it.

Tablized images are really old-fashioned, and so problems occur in strict mode. The simplest solution is to force the browser to run in quirk mode. To do this, add an img tag of style: block

Of course, the easiest way to get rid of it is avoid using tablized images.

Ref: http://www.quirksmode.org/css/quirksmode.html

Tuesday, July 7, 2009

Change text into images

To change the email address/any text from text into image. This can be done automatically in Drupal using module called Textimage. I tried installing it and the result looks good. (REF: http://drupal.org/project/textimage)


The image background and font size/family can be set through this module. Auto-insertion can be done when buddled with this module. (REF: http://drupal.org/project/textimage_autoinsert)