...

View Full Version : increase height of an image using css property



coding_begins
01-21-2012, 09:23 PM
PLease check the following link...
http://www.texaslakesandponds.com/index_html.html
I need help increasing the height of the planks on the left by 2 or 3px.(Home,Aerators etc)
something similar to <img src='' height='' width=''> property in html.
But since i am using css i am using line-height property. If i increase the height, the image gets repeated at the bottom. I tried the no-repeat property, but to no avail.
I also tried the background-size property, but it didnt help much either. Can someone help me out with the code.

_Aerospace_Eng_
01-21-2012, 09:27 PM
This isn't a code issue. You need to open the image in an image editor and resize it using that. Support for background sizes at the moment is very limited.

Excavator
01-22-2012, 01:58 AM
Hello coding_begins,
With a different image you could do this -
ul.nav-lights a{
display:block;
width:117px;
line-height:26px;
font-family:arial;
font-size:12px;
font-weight:bold;
color:#FFF;
text-decoration:none;
text-shadow: -1px 0 black, 0 1px black,
1px 0 black, 0 -1px black;
text-align:center;
background:url(../images/aerators_new.jpg) repeat-y;
}

Your aerators_new.jpg doesn't really repeat well though. You should go with _Aerospace_Eng_'s suggestion.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum