Footers, Horizontal Lists and WordPress' twentyten

Discussion in 'CSS' started by sarahk, Aug 19, 2012.

0
  1. #1
    I've got a demo site at http://sleepouts.in and am styling the footer which is a WordPress sidebar and I can't get the footer to be a horizontal list and not a vertical list.

    Any ideas?
     
    sarahk, Aug 19, 2012 IP
  2. ApocalypseXL

    ApocalypseXL Notable Member

    Messages:
    6,095
    Likes Received:
    103
    Best Answers:
    5
    Trophy Points:
    240
    #2
    I'm assuming you already positioned it under the main content and the problem is just with making it display as a horizontal list . In that case just add 
    display: inline;
    Code (markup):
    The <li> should line up as you wish , make sure that they don't have a clear:both property set since that might interfere . If you're having problems positioning the footer that is a another issue then . I'm posting blind over here since i didn't see(or recognized) an actual footer in the page you linked to . You also seem to be lacking a CSS reset . I use it as a rule per se , it saves me from a lot of browser specific headaches .

    Hope this helps :D
     
    ApocalypseXL, Aug 19, 2012 IP
  3. sarahk

    sarahk iTamer Staff

    Messages:
    28,807
    Likes Received:
    4,534
    Best Answers:
    123
    Trophy Points:
    665
    #3
    yep, I've got it as 

    [COLOR=#000000][FONT=Consolas]#firstfooter ul li[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] {
[/FONT][/COLOR][COLOR=#C80000]display[/COLOR]: inline;[COLOR=#000000][FONT=Consolas]
[/FONT][/COLOR][COLOR=#000000][FONT=Consolas]}[/FONT][/COLOR]
    Code (markup):
     
    sarahk, Aug 20, 2012 IP