The GMap module is a great tool to display Google map in Drupal. But when i try to render the GMap in Quicktabs, it is always distorted. Continue reading Drupal – Distorted GMap in Quick Tabs
Tag Archives: CSS
CSS – Add scroll bar to div
A scroll bar could be added to a div by applying the overflow property in CSS.
.scrollable {
height: 100px;
overflow-y: scroll;
}
Drupal – Add CSS Attributes to Menu Items
If you want to add customized the HTML attributes such as id and class of the menu items, the Menu attributes module could help.
Download and install the module @ Drupal – Menu attributes Continue reading Drupal – Add CSS Attributes to Menu Items
Drupal Fusion Theme – Customize Grid Definition
I always install Fusion theme as base theme in Drupal development. It supports a 960px fixed width and a 100% fluid theme. 960px theme is very common now but what should we do if we want to define our own fixed theme? Here is a very good tutorial i found @ fusiondrupalthemes.com Continue reading Drupal Fusion Theme – Customize Grid Definition
CSS – Missing HTML Element in Internet Explorer 7
It’s about the greatest browser, Internet Explorer, again!
In IE7, sometimes i found that some HTML elements are gone. But if i uncheck and recheck any CSS style in Developer Tool, they will return back on the screen. Continue reading CSS – Missing HTML Element in Internet Explorer 7
CSS – Remove Button Text In Internet Explorer
We can remove the text on a HTML button by adding the text-indent css attribute on the button class. but this does not work in Internet Explorer 7. Continue reading CSS – Remove Button Text In Internet Explorer
CSS – Internet Explorer 7 Overflow Hidden Problem
It’s Internet Explorer again.
The overflow: hidden css attribute does not work in Internet Explorer 6/7. The workaround is to set the position to relative. Continue reading CSS – Internet Explorer 7 Overflow Hidden Problem
Drupal – Cufón Problem in Internet Explorer 8
The Cufón module could convert the text into image to get rid of the font display problem in different OS. For more information, please refer to Drupal – Convert Text into Image Using Cufón. Continue reading Drupal – Cufón Problem in Internet Explorer 8
Drupal – Style Rendering problem of TinyMCE Editor in WYSIWYG
The WYSIWYG module works with lots of rich text editors such as TinyMCE, FCKeditor, CKEditor … etc. I downloaded the TinyMCE library and enable it in the WYSIWYG profile. After enabling the all available buttons in the rich text editor, i found that the style cannot be rendered correctly. All styled text are rendered without CSS style but attributes in square brackets []. Continue reading Drupal – Style Rendering problem of TinyMCE Editor in WYSIWYG
jQuery UI Drag and Drop Example
The following html makes use of the jQuery UI to implement a simple drag and drop feature. Make sure you have download the jQuery UI and put those files in the correct directory. Continue reading jQuery UI Drag and Drop Example
Eureka! 