View Full Version : creating a header design for a table

04-29-2010, 04:49 AM
I want to add a background images as a header to my title to say what my photo is like yahoo does. Would I create the image in photos shop, and if I do, how would I apply it only to the background of my text (so my text stands out) in my photo and not to the whole image? Thanks

I'm looking to achieve this look by yahoo, where they have the header "my favorites" and than all of its links below.

05-04-2010, 10:15 AM

I know one site through which you can get 50 absolute free prints and you can design your website . hope this will help you.


Get your 50 FREE prints (http://www.zerotofive.com.au/outandabout.htm)

05-04-2010, 09:16 PM
Then your kind of posting in the wrong forum. But I will leave that up to the admins.

What you want to do is create a background gradient or image in photoshop or anything a certain size. Then through CSS in your web page add something like:

.headerPane {
background: url(image.png) top left no-repeat;
padding: 5px 5px 5px 5px;

Then just class your div that the title goes in and it adds the background. This is more a web question than an imaging question, that is if I understand your question right.

Then everything underneath it is just links probably in an unordered list like <ul><li> or something of the sorts.

You need to go out to google and do some searches for things like HTML and CSS menus and learn some more on HTML and CSS then you will be able to do this.

code beginner
05-04-2010, 10:22 PM
you are definitely able to set a background image in css, and you can make it repeat, or just appear in one place. a good idea is to size the image to the exact pixel size you want it to be in photoshop before loading it to the web.

you can make the css resize it for you. but it's better to have it the right size before you place the image into your website design.