Archive

Posts Tagged ‘CSS’

Default List Design using CSS (UL/OL/LI)

Aug 20th, 2010

Designing List using CSS is not a big thing. Generally I need to use few lines for simple setting of List (<li>). One things that creates problem every time is IE6 and IE7. I always see by surprise why why so much padding/margin IE6 and IE7 getting whereas IE8 and… READ MORE

Compressing CSS Files on the Fly

Jul 21st, 2010

Compression can be done using Apache or PHP settings. If you are not using those two methods and using this method of clearing cached CSS file on Client side then the code below by Reinhold Weber can be useful.
Using the below method for trimming whitespace and comments may not… READ MORE

CSS for Print Media for your Web Site

Mar 21st, 2010

All blogger spend time making his blog beautiful. Blogger want to style his blog or web site by selecting right template for his blog. For Wordpress user, there are plenty of themes available free of cost and premium ones also. After selecting a very good, suitable for his content template,… READ MORE

Image Swap with Text for Search Engine Optimization

Nov 29th, 2009

This article is for CSS Image swap with text for SEO purpose. This article is also for the following reasons:
I need to create a template kind of system on a page, so that new row can be added easily without any new consideration of the styling. All image was… READ MORE

Fast Load JavaScript and CSS Files

Oct 15th, 2009

Want to decrease response time of your webpages? Decreasing the size of JavaScript and CSS files is one of the techniques used for better performance of websites.
Yahoo Compression tool for JavaScript and CSS is excellent tool for minifying JavaScript and CSS files. It can achieve over 20% compression. I… READ MORE

Adding Content Before & After HTML Tags using CSS

Aug 15th, 2009

Using css2 we can add content before or after any HTML elements. This gives us control over the dynamically generated content.
Suppose, some HTML contents are coming through widget, And we do not have any control over them. Then, we can either use server side scripting language to get the… READ MORE

Few very useful tools for Web Developers

Aug 6th, 2009

Few tools are very essential for for Web Developers. Firebug is now a platform for many new tools in Firefox to assist developers. You need Firebug installed to install and use those tools. Search on https://addons.mozilla.org for firebug and you will get lots of plugin, which are dependent on firebug.… READ MORE

Table’s Width Fixing Hack

Nov 26th, 2008

I wanted to increase the table size (width). The HTML template was being used by many reports. And my report was not coming into the default size of 100%.
100 percent was not the total screen size available to my report. Instead it was wrapped in a fixed width table.… READ MORE

Passing value from one to another considering PHP, HTML, JavaScript

May 24th, 2008

This post is a little beautified article from earlier passing variables and values.
Passing JavaScript variable’s value to php/How to use JavaScript Variable in php
Again, directly you cannot do this. But when you pass a value to a url like:
1. <a href=”phpPage.php?sub=mail Subject”>Call PHP page</a> then $_GET['sub'] auto… READ MORE

Save Your Web Page’s Visual Space

Jul 3rd, 2007

This is an example of how to save visual space of web page using show-hide div, p, etc. Click on Details and see the effect.On first click it will expand and on next click it will become hidden.
.hide {display:none;} .show {display:block;} .hover1 {cursor:pointer;color:blue;}
function toggleView (id) { div1 =… READ MORE