- This topic is empty.
-
AuthorPosts
-
August 17, 2012 at 10:56 am #39418mycarhelplineMember
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 helpWhat 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;
}August 17, 2012 at 11:28 am #108036Paulie_DMemberI 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
August 17, 2012 at 2:14 pm #108003thekchunterMemberPossible spam, but one thing I do suggest is setting your left and right floats as their own style:
.right {
float: right;
}.left {
float: left;
} -
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.