Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 04-17-2011, 07:14 PM   PM User | #1
Andi_G
New to the CF scene

 
Join Date: Apr 2011
Posts: 7
Thanks: 1
Thanked 0 Times in 0 Posts
Andi_G is an unknown quantity at this point
Background image

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!
Andi_G is offline   Reply With Quote
Old 04-17-2011, 11:27 PM   PM User | #2
sunfighter
Senior Coder

 
Join Date: Jan 2011
Location: Missouri
Posts: 2,395
Thanks: 18
Thanked 351 Times in 350 Posts
sunfighter is on a distinguished road
No shells there..

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

ALSO you may need positioning or repeating info
sunfighter is offline   Reply With Quote
Old 04-17-2011, 11:53 PM   PM User | #3
oesxyl
Master Coder


 
Join Date: Dec 2007
Posts: 6,682
Thanks: 436
Thanked 890 Times in 879 Posts
oesxyl is a jewel in the roughoesxyl is a jewel in the roughoesxyl is a jewel in the rough
Quote:
Originally Posted by sunfighter View Post
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,

Quote:
Originally Posted by Andi_G View Post
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
oesxyl is offline   Reply With Quote
Old 04-19-2011, 05:38 AM   PM User | #4
Andi_G
New to the CF scene

 
Join Date: Apr 2011
Posts: 7
Thanks: 1
Thanked 0 Times in 0 Posts
Andi_G is an unknown quantity at this point
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...
Andi_G is offline   Reply With Quote
Old 04-19-2011, 08:16 AM   PM User | #5
oesxyl
Master Coder


 
Join Date: Dec 2007
Posts: 6,682
Thanks: 436
Thanked 890 Times in 879 Posts
oesxyl is a jewel in the roughoesxyl is a jewel in the roughoesxyl is a jewel in the rough
Quote:
Originally Posted by Andi_G View Post
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
oesxyl is offline   Reply With Quote
Old 04-19-2011, 01:29 PM   PM User | #6
Andi_G
New to the CF scene

 
Join Date: Apr 2011
Posts: 7
Thanks: 1
Thanked 0 Times in 0 Posts
Andi_G is an unknown quantity at this point
Here is the link
http://certificatsiauditenergetic.ro/test/

Yes, I use tables for the layout.

Best regards.
Andi_G is offline   Reply With Quote
Old 04-19-2011, 01:52 PM   PM User | #7
oesxyl
Master Coder


 
Join Date: Dec 2007
Posts: 6,682
Thanks: 436
Thanked 890 Times in 879 Posts
oesxyl is a jewel in the roughoesxyl is a jewel in the roughoesxyl is a jewel in the rough
Quote:
Originally Posted by Andi_G View Post
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, , so will be easy to make it work,

Quote:
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.

Quote:
Best regards.
oesxyl is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 05:01 AM.


Advertisement
Log in to turn off these ads.