I found some style specifications which i thought would be worth sharing...
Here it is..
Get Rid of for adding white spaces to your Visualforce Page. Here is a better way of doing it..
Left specifies how many pixels from the left of the screen should the component be displaced. Right,top,bottom also can be used..
Put your Visualforce tags inside this div.
Visualforce tags placed inside this div will appear with a orange coloured box.
IE displays a blue border around images to denote that it is a link. To remove it use the following code
IE does not recognize this property, whereas Firefox and Safari does. To overcome this, use the following code.
Check this article for the complete description ... Click here . Check the bottom most part of the article for a full example.
Here it is..
Positioning
Get Rid of for adding white spaces to your Visualforce Page. Here is a better way of doing it..
<div style="position:relative;left:75px;">
Left specifies how many pixels from the left of the screen should the component be displaced. Right,top,bottom also can be used..
Put your Visualforce tags inside this div.
To draw a coloured box(container) to place components inside it
<div style="border-width:2px;border-style:solid;border-color:orange;">
Visualforce tags placed inside this div will appear with a orange coloured box.
Remove Blue Border around images as links in IE:
IE displays a blue border around images to denote that it is a link. To remove it use the following code
a img {border-style: none; }
color:transparent does not work in IE:
IE does not recognize this property, whereas Firefox and Safari does. To overcome this, use the following code.
a span{
visibility:hidden;
}
Check this article for the complete description ... Click here . Check the bottom most part of the article for a full example.