Web Wide Way

Web World News

Web Wide Way - Web World News

css for button

css

.button-play {
font-family:Arial;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
border:solid 1px #CC0000;
background:#660000 url(/images/button-bg.jpg) top center repeat-x ;
height:27px;

}

html
[input type="button" style="cursor:pointer;" value="PLAY NOW!" onclick="document.location.href='http://www.mysite.com'" class="button-play" /]

change [ to < and ] to >

css problem with vertical-align: middle;

I spent much time to find why vertical-align: middle; is not working for text
I should put text near the image and it didn’t work when I tried to add vertical-align: middle; to class of the text
But when I add it to image class it worked!
Probably it will be helpful for somebody else.

add to css file
img.row {
vertical-align: middle;
}
and this is the code
[img src="/images/bullet.png" width="13" height="16" alt="" / class="row"]Middle text[/div]

change all [ to < and ] to >