Grow your CSS skills. Land your dream job.

layout help

  • # May 26, 2013 at 3:51 pm

    I want to create a layout. with many images placed in different angles but together to look like a contents of a same (say contents of a desktop[table]). What is the best practice
    using z-index and fixed position? or there is something else i can do.
    it is for desktop only for now!

    # May 28, 2013 at 11:10 pm

    Here are some links for you

    [z-index](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index “z-index tutorial”)

    [Css positioning](http://www.barelyfitz.com/screencast/html-training/css/positioning/ “positionting”)

    # May 29, 2013 at 6:01 am

    Do you have an image of what you are trying to do?

    Will the site be fixed width / responsive etc?

    You could do an awful lot with transforms (rotate etc) and negative margins rather than positioning.

    # May 29, 2013 at 6:12 am

    > Do you have an image of what you are trying to do?

    i wanted to create something like this

    http://www.dropbox.com/s/2y8pcg8cu0a79vg/143188_dannwhittaker_516515_brief225736.jpg?v=0mcn

    and ended up creating this
    http://www.dropbox.com/s/05ve6irpz4yfjcy/Untitled-1.jpg?v=0mcn

    > Will the site be fixed width / responsive etc?

    Yes the images will actually act as a navigation menu and images will be fixed at diff places for diff devices

    > You could do an awful lot with transforms (rotate etc) and negative margins rather than positioning.

    well i will try it and all i want is a simple glow around my images….

    will be a business site

    # May 29, 2013 at 6:16 am

    edit…

    # May 29, 2013 at 6:17 am

    To be honest, I think you could do a great deal of that with standard layout and background images.

    If you look at it you could break it up into a series of standard divs with a few effects thrown in.

    # May 29, 2013 at 6:29 am

    well i’ll try it out and if i’ll face any problem then i will post a new discussion on it. Thanks a lot to you sir.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".