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
Wednesday, November 11, 2009
Friday, October 30, 2009
Explore Google Wave
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
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! :)
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! :)
Labels:
drupal,
drupal6,
drupal7,
google,
joomla vs drupal,
module,
talk,
video,
yubis it solutions
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.
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.
- page.tpl.php
- node.tpl.php
- block.tpl.php
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)
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)
Subscribe to:
Posts (Atom)