AndhySukma.com

Some CSS Hack WordPress Theme

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. CSS  is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS). This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design).

Well, the default css of blueweed wordpress theme which i used for this blog caused some smiley images, browser icon, and OS icon did not inline with the text so the appearance of those images in my blog would be weird .Anw,  after did some researched, finally i found that it was caused by every images in wordpress blueweed theme was added  margin 10px by default because of blueweed CSS script as bellow :

.entry img {margin:0 10px 10px 10px;border:1px solid silver;}

Hm… Actually what i need is the images in my page still should have margin 10px while the smiley icon, browser icon, and OS icon should inline with text.
Therefore in order to make my smiley, browser icon, and OS icon inline with text, i add some css hack into my style.css as bellow :

/*** added by andhy **/
img.wp-smiley {
margin:0px;
padding:0px;
border:0px;
}

img.browsericon {
margin:0px;
padding:0px;
border:0px;
}

Now my smiley icon, browser icon, and OS icon is inline with text while my images still have marging 10px

Note : That css hack can be used also for another wordpress theme if there is inline images happened as long as we use default smiley from wordpress :D