1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to do this? css/html newbie!

Discussion in 'XenForo Questions and Support' started by Martyn, Jun 16, 2011.

  1. Martyn

    Martyn Active Member

    im Looking to get this..
    [​IMG]

    to look like this..
    [​IMG]

    really unsure how to set it out to work good and properlly... and of course to look nice! will be information about my local hospital! dont want the ugly table looking! :p i know i could just </ br> it but then the numbers are still not all neat! thanks guys!
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    You can use a table, divs or preserved formatting.
    Essentially though you haven't used any line breaks <br /> or paragraph tags <p> in your markup.

    The easiest way is to use a table: http://www.w3schools.com/html/html_tables.asp
     
  3. Martyn

    Martyn Active Member

    im so thick! thanks brogan ill have a play is it possible to set a width? isnt it possible to do this via css or tableless? as i'd like to have this future proof! thanks again
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    You can do it with divs or tables, using CSS classes.
    It just depends how you want to do it.

    Unless you use deprecated code, there's no reason why it would become outdated.
     
  5. Martyn

    Martyn Active Member

    ok did alot of searching and found to do it like this? nice a clean!
    [​IMG]

    also how do i go about adding normal information text at the top, i mean is there a defualt style?

    [​IMG]

    Thanks for your help brogan
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

  7. Martyn

    Martyn Active Member

    any idea why the under line strechs so far? the css is
    Code:
    #hor-minimalist-a{font-size:12px;background:#fff;width:380px;border-collapse:collapse;text-align:left;margin:20px;}#hor-minimalist-a th{font-size:14px;font-weight:normal;color:#039;border-bottom:2px solid #6678b1;padding:10px 8px;}#hor-minimalist-a td{color:#669;padding:9px 8px 0;}#hor-minimalist-a tbody tr:hover td{color:#009;}
    and thanks again brogan :)
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    There's a width attribute of 380px which is more than likely the reason.
     
  9. Martyn

    Martyn Active Member

    doesnt seem to be it when its lower it does go smaller but pushes them closer together!
     
  10. Brogan

    Brogan XenForo Moderator Staff Member

    I would need to see the page in question to understand what's happening.
     
  11. Martyn

    Martyn Active Member

    is it possible to use the built in pop up bit like the member card? for my own usage? is it possible to make new css or something to calll it? and edit it somehow? >.<
     

Share This Page