Help With HTML CODE!

[bbilal]

Hello there!

I would like to know how can I create this box using HTML and CSS?



I have tried and some how I managed to make this: http://t-clicks.com/blog/ but this is now what I'm looking for can someone help please?

[bbilal]

huh no one?

[traq]

Please explain your question in more detail.
What are you trying to accomplish? What have you attempted? What problems have you encountered?

what do you mean by "box"? the search box? the menu? please explain.

[bbilal]

I have actually managed to sort it out and you can chck it live at http://t-clicks.com/blog! but I would like to add something in menu and that is a hoover effect you can have a look at the image below for reference

[traq]

maybe something like

#cat-nav a:hover{ background: url('new.jpg') no-repeat top right; }

? (I'm assuming you're talking about your nav menu; I couldn't find anything on your page that looked like the image you posted.)

[bbilal]

Can it only be possible through image but not through css color?

[traq]

you can change the background color using css. If you want something like that little yellow box that says "NEW" on hover, it would be easier to use an image.

[bbilal]

That's nice to know but this code doesn't even work!

[traq]

it's difficult to know what you're talking about when you give no explanation.

Please post a link to the page on your site that contains the problematic code so we can check it out.

[bbilal]

http://www.t-clicks.com/blog