Results 1 to 3 of 3

Thread: help with css for this script

  1. #1
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    612
    Thanks
    46
    Thanked 32 Times in 32 Posts

    Default help with css for this script

    http://www.dynamicdrive.com/dynamici...bdocviewer.htm

    want to change tabs to buttons.I have that working.
    But the buttons are only as big as the text on them.I want to use buttons that are all the same width(large enough to accomodate the biggest word hopefully)

    Here is the working site:
    http://www.web-user.info/html/viewer2/testview.html
    here is txt file of the same file:
    http://www.web-user.info/html/viewer2/testview.txt

    I have tried to add the width to each part of the 'tablist' but it does not work.

    Any help would be appreciated.css alsways give me fits lol
    Thanks,

    Bud

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Get rid of the br tags between the li tags, add this to the stylesheet as shown:

    Code:
    #tablist li a:link, #tablist li a:visited{
    color: white;
    display: block;
    width: 175px;
    }
    You can adjust the width as desired. Or make it 100% and set a specific pixel width for either the li tags or the ul tag. There are actually quite a number of possibilities. Even more than I've already mentioned.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    ajfmrf (06-08-2014)

  4. #3
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    612
    Thanks
    46
    Thanked 32 Times in 32 Posts

    Default

    Thanks John,I thought it might be something along that line but I never got it to work as I was trying .
    Thanks,

    Bud

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •