Design almost done...couple questions ... arrgh

Discussion in 'CSS' started by aliks0905, Jan 31, 2008.

0
  1. #1
    My design is: http://alloraweb.net/screwtheschool
    CSS: http://alloraweb.net/screwtheschool/style.css

    I've basically got three problems:

    1) The boxes "Top Games" and "Top Videos" need to be right next to each other. I've tried everything that I could imagine, yet for some reason I can't line them up next to each other.

    2) In the nav menu, when you hover over the links, the background box is supposed to be a rounded box. I have two images for this. the left side image and the right side image. The left one appears fine, the right one doesnt appear at all. cant figure out why either. (or else i wouldnt be posting here lol)

    3) The background in the right hand column is supposed to stretch out all the way down to the footer, but it doesnt. Where do I put in "clear: left" to do this? or is something wrong with my syntax?

    Please bear with me, I'm only a beginner at coding, and this is the most complex thing i've done yet.

    Thanks!
     
    aliks0905, Jan 31, 2008 IP
  2. Dondon2d

    Dondon2d Peon

    Messages:
    3,193
    Likes Received:
    146
    Best Answers:
    0
    Trophy Points:
    0
    #2
    1. Have you tried floating the topvidsbox div and putting a margin for it?
    2. Putting the right bg for #navmenu ul li a:hover span only puts the background after the link, not after the whole box.
    3. Setting a height: 100%; would do it, I guess.

    I'm not really sure with these, lol. I'm not good with it :)

    PS. Fix the link to your CSS.
    PPS. Nice site.
    PPPS. In case of teacher, lmao!
     
    Dondon2d, Jan 31, 2008 IP
  3. aliks0905

    aliks0905 Member

    Messages:
    97
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #3
    1. yes i've tried floating the topvidsbox div...i've uploaded it to show you
    2. I have the span tags for the links
    3. height 100% or height: auto doesnt do it.
     
    aliks0905, Feb 1, 2008 IP
  4. Dondon2d

    Dondon2d Peon

    Messages:
    3,193
    Likes Received:
    146
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Try putting them in one div, and float them both. Put margin for the top videos.
    Yeah saw the span tags, the one I saw earlier was for the side bar nav. Edited previous post.
    Try putting a clearing div after the sidebar div.

    I can't really help, since I'm too lazy to go over the whole thing. Where are all the pros? :D
     
    Dondon2d, Feb 1, 2008 IP
  5. HDaddy

    HDaddy Active Member

    Messages:
    287
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #5
    Try using relative positioning and floating the divs. I´m at work so no time to explain more...later at home then if you still need help.
     
    HDaddy, Feb 1, 2008 IP
  6. HDaddy

    HDaddy Active Member

    Messages:
    287
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #6
    looks like you´ve got it right. like the design btw.

    Edit: Actually IE looks messed up but FF looks good (forgot that we have IE at work.)
     
    HDaddy, Feb 1, 2008 IP
  7. Dondon2d

    Dondon2d Peon

    Messages:
    3,193
    Likes Received:
    146
    Best Answers:
    0
    Trophy Points:
    0
    #7
    It still looks messy in Firefox o.o
     
    Dondon2d, Feb 1, 2008 IP
  8. aliks0905

    aliks0905 Member

    Messages:
    97
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #8
    thanks, got #3 fixed thanks to the help with the faux method. Still struggling with the other two though
     
    aliks0905, Feb 3, 2008 IP