Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › 3 Fantastic Ways to Improve My Tables

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 29, 2013 at 10:25 am #145055
    pittles78
    Participant

    Hello,

    I have two pages listed below, with pantone or transfer film colors and names of each respective color. I am new, so I got them to look ok, but I’m self conscious about how poorly I arrived at my end product.

    How can I do this the right way? A way that will give me more control over spacing of the column and rows and a way that will clean it up.

    See links here:

    http://superluxefibers.com/stock-ink-colors/

    http://superluxefibers.com/services/transfer-film/

    Best, Jon

    July 29, 2013 at 11:46 am #145060
    Martin Duran
    Participant

    Jon,

    Personally, I avoid using table when I can. It seems that both your layout us six columns. I would recommend you use divs in place of tables. You’ll then be able to easily style your columns/divs with css. Like so:

    http://codepen.io/Martin-Duran/pen/tqEDw

    Now, you have control the look of the containers, and their contents, with simple css.

    July 29, 2013 at 1:21 pm #145065
    pittles78
    Participant

    Exactly what I was looking for Martin!!! Thank you very much. I will change this as soon as I can.

    Best,

    Jon

    July 30, 2013 at 1:39 am #145130
    pittles78
    Participant

    @Martin, your suggestion works in CodePen, but for some reason I have it isolated and preview it in Safari it doesn’t work. Nor does it work with my wordpress site. I have a grey background and no red boxes. I simply did a copy and paste.

    What is going on? Let me know what I messed up.

    Best,
    Jon

    July 30, 2013 at 7:18 am #145182
    Martin Duran
    Participant

    pittles86,

    I looked at your site, which I’m a big fan of, by the way, and didn’t see any issues. I noticed your using divs classed as”one-sixth.” Since this is the direction I gave you, is it working now? What troubles are you having?

    July 30, 2013 at 8:50 am #145192
    pittles78
    Participant

    Hi Martin,

    I did get your suggestion to work. Everything is good now. Thank you so much.

    @Tomasz86 thank you for teaching me another way to do it also.

    Best,
    Jon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.