Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    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!

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,076
    Thanks
    23
    Thanked 592 Times in 591 Posts
    No shells there..

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

    ALSO you may need positioning or repeating info

  • #3
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    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

  • #4
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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...

  • #5
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    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

  • #6
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Here is the link
    http://certificatsiauditenergetic.ro/test/

    Yes, I use tables for the layout.

    Best regards.

  • #7
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    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,

    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •