Advanced Search

Results 1 to 2 of 2

Thread: Header bar

  1. #1
    Join Date
    Oct 2005
    Posts
    63
    Thanks
    5
    Thanked 1 Time in 1 Post

    Default Header bar

    The text remains aligned right
    Code:
    #interContainer .headerbar{ /*CSS for header bar of interstitial box*/
    color: gray;
    font-size:140%;
    padding: 5px 0;
    text-align: right;
    }
    
    #interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
    font-size: 120%;
    text-decoration: none;
    }
    the header bar contains 2 texts string
    need one string aligned left and the other aligned right
    I tried edit
    Code:
    ..split_text {
       text-align: right;
    }
    ..split_text span{
       float:left;
    }
    unsuccessfully

    defineheader: '<div class="headerbar">my best Ads<a href="#" onClick="javascript:interstitialBox.closeit(); return false"><img src="closeit.gif" style="border: 0" title="Close Box"/></a></div>',

    how can I achieve"my best Ads "to align left and the "Close Box" to align right??

    See result here

  2. #2
    Join Date
    May 2007
    Location
    Viet Nam
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    i c ur close box is an image, so not need an additional class.

    Example you have this html code:

    Code:
    <div class="align_test"> My Ads <a href="#"><img src="Close box"></a>
    </div>
    you just need this CSS:

    Code:
    .align_test {
    text-align:left;
    }
    .align_test img{
    float: right;
    clear: none;
    }

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
  •