...

View Full Version : Background image



Andi_G
04-17-2011, 07:14 PM
I need a piece of advice. How do I add in html those white shells on the background?

Here is the photo :
http://img709.imageshack.us/i/ghiduldobrogei99.jpg/

Thank you very much!

sunfighter
04-17-2011, 11:27 PM
No shells there..

But you use css code
body
{
background-image:url('YOUR-IMAGE-PATH-NAME');
}

ALSO you may need positioning or repeating info

oesxyl
04-17-2011, 11:53 PM
No shells there..

But you use css code
body
{
background-image:url('YOUR-IMAGE-PATH-NAME');
}

ALSO you may need positioning or repeating info
op is talking about starfish not shells, from left and right side of the main wrapper, :)


I need a piece of advice. How do I add in html those white shells on the background?

Here is the photo :
http://img709.imageshack.us/i/ghiduldobrogei99.jpg/

Thank you very much!
one way and probably the best is, as sunfighter said, to make a background image and put the startfish inside.

Another way is to add two columns to the layout and use the starfish picture as background using no-repeat.

best regards

Andi_G
04-19-2011, 05:38 AM
Yes , i was talking about those things, not shells, sorry.

I tried with the background-image attribute in the css and it's not working. Maybe it's something wrong with my positioning...

oesxyl
04-19-2011, 08:16 AM
Yes , i was talking about those things, not shells, sorry.

I tried with the background-image attribute in the css and it's not working. Maybe it's something wrong with my positioning...
as far as i remember do you use table for layout, is not a good idea, :)
can you post again a link to the page? maybe we can find another solution like for example adding two columns on the right and left and using img tags inside the table cell.

best regards

Andi_G
04-19-2011, 01:29 PM
Here is the link
http://certificatsiauditenergetic.ro/test/

Yes, I use tables for the layout.

Best regards.

oesxyl
04-19-2011, 01:52 PM
Here is the link
http://certificatsiauditenergetic.ro/test/
try to add two columns to the table with id 'contentTable', since you have a single row, you can add in the first cell one of the starfish and in the last cell other one. Then add css to the img tag to put them in the right position. i'm not sure yet what to use, css margin to the img or padding to the td. After you make the changes will see.

The markup is valid, :thumbsup:, so will be easy to make it work, :)


Yes, I use tables for the layout.
yes but you don't need them, you don't have tabular data. For example the table with id 'outerTable' have a single column and you can achive same thing using a div for each row. That means you can remove a lot of characters, 'table', 'tr', 'td' and replace them with 'div'. The page is smaller, that means it load faster and markup is simple which means less problems.


Best regards.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum