Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Positioning of Links Units in Top not getting aligned

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #39418

    in all catelog pages of site the link menu on top is not getting aligned, see sample link – http://www.mycarhelpline.com/index.php?option=com_offers&view=list&Itemid=9

    Whenever we try to put 3rd link on top menu left- it splits to next line, Same issue on top menu right – any 4th link splits to next line
    We tried changing width – used all permutation / combination – but to no help

    What we seek for it is

    .footer-top-box-left – for top menu link units
    .footer-top-box-right – for google custom search box
    so that both comes in 1 single line

    #footer-container

    {

    float:left;

    width:1000px;

    clear:both;

    background:#FFFFFF;

    text-align:center !important;

    }

    #footer-container .footer-top-box
    {

    float:left;

    width:965px;

    margin:0 0 10px 5px;

    padding:0 5px 0 10px;

    height:33px;

    background:url(../images/footer-box-bg.gif) repeat-x;

    border:1px solid #e7e5e5;

    }

    .footer-top-box .footer-top-box-left

    {

    float:left;

    width:300px;

    margin:0 0 0 5px;

    font: normal 10px Arial, Helvetica, sans-serif;

    color:#000000;

    text-align:left;

    padding:10px 0 0 0

    }

    .footer-top-box-left img

    {

    margin:0 3px 0 3px;

    }

    .footer-top-box .footer-top-box-right

    {

    float:right;

    width:500px;

    margin:0 5px 0 0 ;

    font: normal 10px Arial, Helvetica, sans-serif;

    color:#000000;

    text-align:right;

    padding:10px 0 0 0;

    }

    .footer-top-box-right p

    {

    margin:0;

    padding:0;

    font: normal 10px Arial, Helvetica, sans-serif;

    color:#000000;
    }

    .footer-top-box-right p a:link,

    .footer-top-box-right p a:hover,

    .footer-top-box-right p a:visited

    {

    margin:0;

    padding:0;

    font: normal 10px Arial, Helvetica, sans-serif;

    color:#b60205;

    text-decoration:underline;

    text-align:justify;
    }

    #108036
    Paulie_D
    Member

    I have no idea what you are trying to achieve.

    If it’s a top menu why are you quoting stuff to go in the footer?

    I also don’t understand your reference to 3rd link

    #108003
    thekchunter
    Member

    Possible spam, but one thing I do suggest is setting your left and right floats as their own style:

    .right {
    float: right;
    }

    .left {
    float: left;
    }

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.