quick help for a newbie at CSS? Please minor issue

Discussion in 'CSS' started by Legendary11, May 23, 2012.

  1. #1
    Hello,
    I have been trying to learn how to, design, slice and code my own sites and I have got the first two parts fairly well (enough)

    however on coding the CSS i have become stuck.

    I figures out how to put in my right side bar by floating the main content left and the sidebar to the right.

    However in doing so my footers shot up (text and background) and I am now unable to figure how to move the bar back to the bottom and to then bring back thw white content box that should be inbetween, the site is:

    http://choseit.com/Website Design/

    if anyone can help i would be greatful

    im working on making it look like this:

    choseit.com/develop.jpg

    no idea how to make the table legend like header title bits for the text areas (but via images) but will work on that later :)

    i would really appreciate your guidance.

    I tried taking the footer out of the main content div but that did not fix anything either :S
     
    Legendary11, May 23, 2012 IP
  2. MarkTheUser

    MarkTheUser Member

    Messages:
    206
    Likes Received:
    0
    Best Answers:
    4
    Trophy Points:
    26
    #2
    I am not sure what you mean. The footer on your site and the image look the same (other than the background img for it) so if you could clarify a bit what you are trying to do..
    What do you mean by "my footers shot up" ?
     
    MarkTheUser, May 24, 2012 IP
  3. wiicker95

    wiicker95 Well-Known Member

    Messages:
    438
    Likes Received:
    37
    Best Answers:
    10
    Trophy Points:
    100
    #3
    Didn't understand what you meant. However, I can help you by redoing everything, if you want.
     
    wiicker95, May 24, 2012 IP
  4. Legendary11

    Legendary11 Well-Known Member

    Messages:
    1,179
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    130
    #4
    sorry solved the problem this morning before work. before i had the main box, side bar and footer in the same div, so when i told the main to go left and the side bar to go right the footer assumed it would be squished between the gap space.

    I added a new div containing just the main content and side bar and that worked in seperating them :D

    now I just need to work on doing the table legend like content headers like my pictures :S any ideas without using images?

    thank youf or your time.
     
    Legendary11, May 24, 2012 IP
  5. wiicker95

    wiicker95 Well-Known Member

    Messages:
    438
    Likes Received:
    37
    Best Answers:
    10
    Trophy Points:
    100
    #5
    Of course you can do it w/o images. As for the content tables, use the method you know the best. Then for the headers (text), just add a div with #fff background and fixed width and height, and position it slightly off the box (code is still inside though). You mustn't hide the overflow of the content boxes.
     
    wiicker95, May 24, 2012 IP
  6. MarkTheUser

    MarkTheUser Member

    Messages:
    206
    Likes Received:
    0
    Best Answers:
    4
    Trophy Points:
    26
    #6
    Glad to see you sorted it out. If you need any more help feel free to ask.
     
    MarkTheUser, May 25, 2012 IP
  7. Legendary11

    Legendary11 Well-Known Member

    Messages:
    1,179
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    130
    #7
    Thank you for all your help with this I have now completed (just about) my first ever design, slicing and coding project :)

    http://bluerosewebsitedesign.com/

    please tell me what you think :D

    only issues im still working with are how to incoperate auto height :S but that fine for now :D
     
    Legendary11, May 27, 2012 IP
  8. MarkTheUser

    MarkTheUser Member

    Messages:
    206
    Likes Received:
    0
    Best Answers:
    4
    Trophy Points:
    26
    #8
    Not bad at all. Simple and elegant. Me likes it :)
     
    MarkTheUser, May 28, 2012 IP
  9. wemowe8230

    wemowe8230 Peon

    Messages:
    55
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Didn't understand what you meant. However, I can help you by redoing everything, if you want.
     
    wemowe8230, Jul 7, 2012 IP