Kurinchi Blogger Scribbles …

Posts Tagged ‘CSS’

Dec 06

HTTP-Header: User-agent modification

Last updated: December 5th, 2009

When a browser makes a request to the server, it sends information such as its operating system name, version in addition to the type of the browser from which the request originates in the header variable “user-agent”.

Depending on the request made, server responds back with specific details which can range from browser specific css layout to calling certain javascriptsfor certain browsers.

Changing the user-agent also helps us in understanding how spider-agents or bots will see the pages that we build. It also helps us design applications that will mimic a request as originating from a mobile phone and helps us in viewing the behavior of the application in different mobile clients.

To read more about HTTP-Headers check ietf

Jun 02

CakePHP: To Check if Mod_rewrite is Disabled

Last updated: June 4th, 2009

How to check if mod_rewrite is disabled in Apache when CakePHP is installed?
Initially when CakePHP is downloaded from sourceforge and is installed in your localhost, you can test if it is working or not by going to the respective directory in your local host http://localhost/cake.

If CSS styling is missing in the display page, then check apache server’s httpd.conf file to see if mod_rewrite module is enabled. Remove the comment symbol to enable mod_rewrite in your localhost and restart Apache server for the change to take effect

May 21

CSS FIR Technique explained

Last updated: May 21st, 2009

FIR stands for Fahrner Image Replacement named after Todd Fahrner.

It is a standard compliant technique in which <h1> and <span> tags are used to have nice headings and highlights.

Key fact in this technique is that the text will get displayed even if the CSS is disabled for some reason, hence presenting the text beneath it.

Apr 16

CSS: Difference between Block, Inline elements

Last updated: April 15th, 2009

CSS “display” Element takes in the following styles

display: none
display: block
display: inline

Valid HTML 4.01 Strict  Valid HTML 4.01 Strict