Photoshop Slice verfication for CSS help!

Discussion in 'HTML & Website Design' started by erakem, Feb 26, 2011.

  1. #1
    I need someone to tell me there opinion on how I should go about slicing my site design in photoshop or if its fine. However I'm having a difficult time trying to get this all to fit in css, so i'm not sure if its the best course with all the content box's on the site, some examples of how to do a setup for this would be incredible. Any input is appreciated.

    ~erakem

    [​IMG]
     
    erakem, Feb 26, 2011 IP
  2. jeremyhowell

    jeremyhowell Member

    Messages:
    379
    Likes Received:
    7
    Best Answers:
    2
    Trophy Points:
    45
    #2
    Not entirely sure what you mean by your having difficulty getting it to fit in the CSS? Would you mind elaborating a bit more on what your problem is?
     
    jeremyhowell, Feb 26, 2011 IP
  3. erakem

    erakem Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    What I meant, was you have the basic header, buttons, body and footer, but I can't seem to get css to get either sides of the slices outside/along the boards of the website to fit properly, i've tried containers but its not working, let alone the numerous body info boxes inside the boarder to stack correctly, is there a blank similar css to something like this as its pretty difficult, I can't get anything to line up correctly.
     
    erakem, Feb 26, 2011 IP
  4. jeremyhowell

    jeremyhowell Member

    Messages:
    379
    Likes Received:
    7
    Best Answers:
    2
    Trophy Points:
    45
    #4
    Can you post the code or do you have a link to the site?
     
    jeremyhowell, Feb 26, 2011 IP
  5. erakem

    erakem Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Okay I got pretty much everything to line up good, however the magin's were a pain the in ass, It's stretched a lot of extra space beyond the footer down below the site and I cant see where or whats causing it.

    http://pastebin.com/fFh2fQVm <---css

    http://pastebin.com/Ac9wyqdW <----html

    www.sosariaonline.net
     
    erakem, Feb 26, 2011 IP
  6. erakem

    erakem Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Update:

    I manged to get everything fixed on the website, including the footer, however I have a big problem the inside containers break apart if lets say you do ctrl+mouse wheel up/down to zoom in or even on other resolutions it wont stay fixed, everything gets broken apart and it requires a cache clear to fix it, any ideas? I've tried absolute for positing but still nothing.
     
    Last edited: Feb 27, 2011
    erakem, Feb 27, 2011 IP
  7. erakem

    erakem Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    ----http://pastebin.com/NSpULJkE---- <-------New CSS
    ----http://pastebin.com/WccMZjhx--- <-------New HTML
    ----http://pastebin.com/5fFdGma4--- <-------New Main CSS
     
    erakem, Feb 27, 2011 IP
  8. freshgreenlove

    freshgreenlove Well-Known Member

    Messages:
    404
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    135
    #8
    i think if you create design...
    1 step must you doing is set grid.. you must perfect for grid... because is base for next slicing :)
     
    freshgreenlove, Mar 4, 2011 IP