Not signed in (Sign In)

Categories

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

Help keep Vanilla free:
Welcome Guest!
Want to take part in these discussions? If you have an account, sign in now.
If you don't have an account, apply for one now.

Random: @#$%*! CSS Table Model...

Bottom of Page

1 to 17 of 17

  1.  
    •  
      CommentAuthorBergamot
    • CommentTimeJan 27th 2006 edited
     # 1
    I've been trying to solve this for a few hours now, with no luck.

    Problem:


    I want the 2px spacing *between* cells to stay there, but the 2px spacing around the whole table to disappear. At the very least, I want the spacing on the left and right edges to be gone.

    I've tried every combination of CSS properties and evil html attributes I can think of, to no effect. Initially i thought I could set border-spacing to 0 and give the cells a margin, but margins apparently don't work with table cells. This was tested in both IE6 and Firefox.

    Help!
    •  
      CommentAuthorMark
    • CommentTimeJan 27th 2006
     # 2
    I don't know if this will help, but I *always* declare my tables like:

    <table border="0" cellpadding="0" cellspacing="0" class="MyTableClass">

    Then use css to make the table look however you want. I've had big headaches if I don't do it this way.
    •  
      CommentAuthorBergamot
    • CommentTimeJan 27th 2006 edited
     # 3
    Two problems with that:

    1. IE ignores the border-spacing CSS property, as far as I can tell.
    2. Firefox treats border-spacing like cell spacing and applies it to the table edges as well as the cells.

    I'm about ready to just give it an ugly hack...
    • CommentAuthortimberford
    • CommentTimeJan 27th 2006
     # 4
    could you provide your markup and css bergamot? or a link to it?
    •  
      CommentAuthorBergamot
    • CommentTimeJan 27th 2006 edited
     # 5
    Oops...

    Link

    The CSS is in there too.
    •  
      CommentAuthorMark
    • CommentTimeJan 27th 2006
     # 6
    Noice
    •  
      CommentAuthorBergamot
    • CommentTimeJan 27th 2006
     # 7
    What I might do is apply the border to the *contents* of the cells, and give the cells beige borders to simulate spacing.
    • CommentAuthortimberford
    • CommentTimeJan 27th 2006
     # 8
    how about moving: background-color:#FFF4C8;

    from table.calendar to table.calendar td.past

    it's pretty close to what you want.
    •  
      CommentAuthorBergamot
    • CommentTimeJan 27th 2006 edited
     # 9
    Mainly because I want the cells to collectively be 504 pixels wide, to match everything else in the column.

    The beige background was just to show where the spacing was; on the real page, the whole background is that color.

    The calendar goes right below the logo.

    I'm gonna give my border idea a shot.
    •  
      CommentAuthorBergamot
    • CommentTimeJan 27th 2006
     # 10
    It *almost* worked for a second, then I changed something and it broke.
    •  
      CommentAuthorBergamot
    • CommentTimeJan 27th 2006
     # 11
    Meh, I just ended up faking it.
    •  
      CommentAuthorBergamot
    • CommentTimeJan 27th 2006 edited
     # 12
    Link to the finished version, connected to the DB and everything.

    Next stop: using People sessions to allow users to register for events.
  13.  # 13
    table { border-collapse: collapse; margin: 0 -2px; }
    td { margin: 2px; }
    •  
      CommentAuthorBergamot
    • CommentTimeJan 27th 2006
     # 14
    Cells can have margins when border-collapse is on?
    •  
      CommentAuthorMark
    • CommentTimeJan 27th 2006
     # 15
    That's a pretty sweet looking site, Bergamot.

    I like where you're going with the vanilla design, too.
    • CommentAuthorSirNot
    • CommentTimeJan 28th 2006
     # 16
    The discussion page looks awesome, but it appears you haven't quite gotten around to the categories and search page yet...
  17.  # 17
    I must say it is a very well integrated forum. Best i've seen for sure. You could almost be convinced it wasnt vanilla (i didnt check search and cat, mind)

1 to 17 of 17

  1.  
Add your comments
    Username Password
  • Format comments as
 
Back to Discussions Top of Page