how to put a picture in css frame

[angel777]

hi.. if i have a frame surrounding some text.. how do i put a picture in the css frame without making the frame size getting bigger..

 

like this one

http://www.joomlashack.com/

 

Thanks

[allistera]

I can't really see what your talking about, but if its the "Live demo" "download now" etc buttons, there and image:

http://www.joomlashack.com/templates/js_joomlashack/images/user_buttons.png

[TheFilmGod]

hi.. if i have a frame surrounding some text.. how do i put a picture in the css frame without making the frame size getting bigger..

 

like this one

http://www.joomlashack.com/

 

Thanks

 

background image.

background: url(adress...) no-repeat;

[angel777]

ohh. if u put the background.. the picture will appear only inside the css background..mean the picture will not over the css frame ... this has make the frame become bigger - which i don want..

 

i want to put the picture where it look as below

http://www.joomlashack.com/

 

look at the Live demo , download now , get started

the picture is above the css frame..how to do that? thanks

 

 

[TheFilmGod]

Download the css and look at it yourself.

 

I persume they made those links as:

 

<ul><li><a href="#">Live Demo</a></li></ul>

 

And then used some css....

 

.link ul {

margin: 0;

padding: 0;

}

.link ul li {

display: block;

width: 150px;

}

.link ul li a {

display: block;

width: 150px;

height: 45px;

background: url(somepicture) no-repeat;

}

.link ul li a:hover {

background: url(somepicture2) no-repeat;

}