SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict seanmayhew's Avatar
    Join Date
    Aug 2002
    Posts
    209
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Float Left and Right Problems

    I have a problem where I'm using a float left and a float right inside a single row so that I can get a logo and a banner to line up on the same line. The logo art is inside a table and I think because that is a block level element it is forcing the banner down a line. Here is a link to what it looks like
    http://www.news-journalonline.com/te.../css/index.htm

    Here is the css:
    Code:
    div.spacer {
    clear: both;
    }
    .logorow{
    position: absolute;
    left:10px;
    top:10px;
    width:765px;
    }
    div.headlogorow{
    clear: both;
    padding: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    }
    div.headlogorow span.logo {
    float: left;
    text-align: left;
    width: 49%;
    }
    div.headlogorow span.banner {
    float: right;
    text-align: right;
    width: 480px;
    }
    And here is the HTML:
    Code:
    <div class="logorow"><div class="spacer"></div>
    <div class="headlogorow"><span class="logo">
    <!--#include virtual="/include/menus/businessHeader.inc"--></span>
    <span class="banner">
    <A href="http://www.news-journalonline.com/">
    <img src=""image.gif></a></span> 
    </div></div>
    Last edited by seanmayhew; Jul 9, 2003 at 13:45.

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    I tried going to the live site but the host could not be found.

  3. #3
    SitePoint Addict seanmayhew's Avatar
    Join Date
    Aug 2002
    Posts
    209
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I dont know the link works for me. It looks a a little weird it has the dots in it the full link does not have the ".." in the middle


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
  •