SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict trigger's Avatar
    Join Date
    Jun 2003
    Location
    Eagan
    Posts
    342
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Borders are not uniform height

    I have a ul that has
    ul#logolist{

    list-style: inline;
    padding: 0;
    margin: 0 auto;
    width: auto;
    font-size: 0.7em;
    text-align: center;
    position: relative;
    bottom:0;
    vertical-align: bottom;
    height: auto;
    }
    ul#logolist li{
    display: block;
    float: right;
    margin: 0.25em;
    padding: 0 0 0.25em 0.5em;
    border-left-width: 2px;
    border-left-style: dashed;
    border-left-color: 0D2B88;
    vertical-align: bottom;
    bottom:0;
    width: 120px;
    }
    ul#logolist li a{
    display: block;
    color: #0D2B88;
    padding-top: 0.5em;
    padding-bottom: 0.05em;
    padding-right: 0.25em;
    padding-left: 0.5em;
    vertical-align: bottom;
    bottom:0;
    }

    which is in the container,
    #logocontainer{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.5em;
    color: #0D2B88;
    text-decoration: none;
    position: relative;
    bottom:0;
    letter-spacing: .05em;
    float: right;

    }
    The items in this list are a combination of variously sized images, text, and a pull-down jump list in one item.

    1. I'm trying to find a way that will align all these elements (along the bottom edges),

    2. and make the border on the left-hand side of them the same size for every list item.

    Its at http://www.nasi.com/test.htm. Do I need another containing block around the logocontainer or something, or do I need to set a manual height or something?

  2. #2
    SitePoint Addict trigger's Avatar
    Join Date
    Jun 2003
    Location
    Eagan
    Posts
    342
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    stupid me, need to set height of 100% on the ul type


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
  •