FRIHOSTFORUMSFAQTOSBLOGSDIRECTORY
You are invited to Log in or Register a Frihost Account!

rprobs with rounded boxes in css

 


riyadh
i want to make a black rounded box using css which will contain a search box but i cant seem to do it.i have tried so many tutorials on how to make one but none of them work.

the box will be black with nice rounded corners and the search box will then be put into tht box.somene pls help
Gushe
Perhaps you can just use a Picture as the background for the black rounded thing and put the Search intput above it? Smile


Cheerz;
~ GuShe.
flatliner
Do you need the box, to expand? Like if its only a search box, the content is probably not going to change so as riyadh said you could just use one image. Although I wouldn't recommend this method myself, as it can lead to problems with different screen sizes etc. Also its sorta cheating ha Laughing

Me personally I would nearly do something like this

Code:
 

// some css missing //

<div id="center_colp">
<img src="images/left_conor.jpg" style="float:left;" alt="" border="0" />
<img src="images/right_conor.jpg" style="float:right;" alt="" border="0" />
<h3 style="background:url(images/bg_img.jpg)">News And Upates</h3>

<div id="center_col">
content here
</div>

</div>


Although this is only for a box with rounded top Connor's, I am sure it can be adjusted to have them at the bottom, I just never needed it.
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.