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 3 of 3
  1. #1
    New Coder
    Join Date
    Feb 2011
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Best way of making this site

    <Newbie question>
    Hello peeps. Hopefully someone will be able to point me in a correct direction with building this site.
    I'm new to html/css and have pretty much been winging it, which has proven to be unsuccessful.

    Here is the design layouts for the main page and subsequent pages (it's of an adult nature but nothing pornographic can be seen):





    My initial attempt was to create centre the main image as a background image and to have all buttons/text etc overlay it. This resulted in the background image moving when resizing the browser and all buttons staying in the same position.

    My next attempt was using layers. Having the main image as a regular image and using layers to add images on top. The main hiccup hear was whenever text was resized via the browser it would shift the other objects about.

    So now I'm asking would be the "Proper" way of building this site to avoid these problems (Which I'm sure are results of me winging it)?
    My thoughts now are to split the main image into seperate objects so that each added object doesn't overlay anything, as everything is it's own "puzzle piece". This is kinda how it's suppose to be built right?

    Thanks
    Beany
    </Newbie question>

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,666
    Thanks
    22
    Thanked 1,826 Times in 1,810 Posts
    Hello ---Beany---,
    I would say your first attempt would be the way to go -
    My initial attempt was to create centre the main image as a background image and to have all buttons/text etc overlay it. This resulted in the background image moving when resizing the browser and all buttons staying in the same position.
    Do you have that code so we can see it? A link to the test site would be best since we don't have your images.
    I think all that approach would need is to have the right elements relative.

    See positioning here.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Feb 2011
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks Excavator.
    I don't have anything upoloaded yet.
    How about I email you the code and graphics in it's correct folders?
    They are pretty small in size.
    Beany


  •  

    Posting Permissions

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