Css Reset styles

No comments
body {
background:#0C0C0C none repeat scroll 0 0;
color:#fff;
font-family:verdana;
font-size:12px;
margin:0 auto;
padding:0;
width:952px;
}
html>body{
    font-size:8.5pt;
}
h1,h2,h3,h4,h5,h6,div,table,ul,ul li,p,form,a,img{
    margin:0;
    padding:0;
    outline:none;
}
img{
    border:0;
}
li{
    margin:0;
    padding:0;
    text-decoration:none;
    list-style:none;
}
a{
    text-decoration:none;
}
a:hover{
outline:none;
}
input{
    outline:none;
}
#top{
    position:absolute;
    left:-999em;
    width:990em;
}
.clsClearFix{
    overflow:hidden;
    zoom:1;
}
* html .clsClearFix{
    height:1%;
    overflow:visible;
}
 table{
    color:#000;
    margin:0;
    padding:0;
    width:99%;
}
    td{
        vertical-align:top;
        color:#000;
        border-collapse:collapse;
    }
/*-- End Of Common Styles --*/

/* 8 roundered corners */

* html .tlc-Escortnews,* html .trc-Escortnews{

height:1%}

* html .lb-Escortnews{
    width:100%
}
.lb,.tlc-Escortnews,.trc-Escortnews{
    zoom:1
}

.tlc-Escortnews{
    background:transparent url(../images/tlc-rose.jpg) no-repeat;
}
.trc-Escortnews{
    background:transparent url(../images/trc-rose.jpg) no-repeat right top;
}  
.blc-Escortnews{
    background:transparent url(../images/blc-rose.jpg) no-repeat left bottom;
}
.brc-Escortnews{
    background:transparent url(../images/brc-rose.jpg) no-repeat right bottom;
}
.tb-Escortnews{
    background:transparent url(../images/tb-rose.jpg) repeat-x;
}
.bb-Escortnews{
    background:transparent url(../images/bb-rose.jpg) repeat-x center bottom;
   
}  
.rb-Escortnews{
    background:transparent url(../images/rb-rose.jpg) repeat-y right top;
}
.lb-Escortnews{
    background:#fff url(../images/lb-rose.jpg) repeat-y left bottom;
}

/* TCB Coodes */


.top_hotlist_dark {
background:transparent url(../images/top_hotlist_dark.png) no-repeat scroll left top;
padding-top:33px;
}
.bottom_hotlist_dark {
background:transparent url(../images/bottom_hotlist_dark.png) no-repeat scroll left bottom;
padding-bottom:8px;
}
.center_hotlist_dark {
background:transparent url(../images/center_hotlist_dark.jpg) repeat-y scroll left top;
}

/* LCR */

     

No comments :

Post a Comment

How to remove the BOM character from HTML Files?

No comments

Byte Order Mark (or BOM) tells the computer how the bytes are ordered in a Unicode document. Because Unicode can be used in 8, 16 and 32 bits –it is important for the computer to understand which encoding has been used. BOM tells exactly the same to the computer.

BOM is actually a “zero-width non-breaking space” (practically a NULL character) and it is represented as U+FEFF
Unicode
Encoding
In ISO-8859-1
BOM appears as
UTF-8 
UTF-16

(big endian)
þÿ
UTF-16

(little endian)
ÿþ
UTF-32

(big endian)
□□þÿ (□ is the ASCII null character)
UTF-32

(little endian)
ÿþ□□ (□ is the ASCII null character)
In HTML code the BOM character can also appear as 

Remove BOM from an XML file

Just open the file in vim text editor use the “nobomb” command
# vim file.xml
:set nobomb
:wq

Removal from HTML Files

Even if you have set the “charset=utf-8″ meta property right -it does not mean that you will not face the BOM problem. If a BOM character is causing problems in your HTML display -the problem actually lies in the text editor and not in your HTML/CSS code.
Most HTML editors, like Dreamweaver, Programmer’s Notepad, TextPad etc., do provide a way to disable BOM. The option usually comes in the place where you set the encoding of your text editor. It may appear in the form of “UTF-8 without BOM” or “UTF-8 No BOM”
Appearance of  character in your HTML code can also be solved using the above encoding change in HTML editor.
Setting UTF without BOM in Macromedia Dreamweaver
Setting UTF without BOM in Programmer's Notepad

Detection and Removal of BOM in UNIX/Linux

Find the list of files containing BOM characters
1

find /var/www/website/ -type f -print -exec hd -n 3 {} \; | grep -1 "ef bb bf" | grep "some_part_of_the_path" > bom_lines.txt

Remove BOM character
1

while read l; do sed -i '1 s/^\xef\xbb\xbf//' $l ; done < bom_lines.txt




No comments :

Post a Comment

Div Centered Vertically and Horizontally

No comments

<.div id="horizon">
<.div id="content">




Css :

#horizon {
background-color: transparent;
color: white;
display: block;
height: 1px;
left: 0;
overflow: visible;
position: absolute;
text-align: center;
top: 50%;
visibility: visible;
width: 100%;
}
#content {
background-color: transparent;
font-family: Verdana,Geneva,Arial,sans-serif;
height: 70px;
left: 50%;
margin-left: -125px;
position: absolute;
top: -35px;
visibility: visible;
width: 250px;
}

No comments :

Post a Comment