A-Z Bar

0
Hey i am having problem fixing my a-z bar...can you help me. i want the bar to fix in the center of the web page. how can i do this? May be i can it in two rows half of the letter on the top and half on the bottom or adjust the letter size. Help me Make it look good... PLZ Thanks in advance.

Here is how it looks as of now.
http://desitrax.com/main/index.php?option=com_muscol&view=search&Itemid=64
Responses (13)
  • Accepted Answer

    sukhpreet
    sukhpreet
    Offline
    Tuesday, February 02 2010, 02:27 AM - #Permalink
    0
    why dont u put your Latest ,Popular and Archive in bottom it more look good and that way u can have your a-z bar in center srry bro that's all i can do wait for germini
    The reply is currently minimized Show
  • Accepted Answer

    Tuesday, February 02 2010, 04:16 PM - #Permalink
    0
    go to your tempalte.css file, line 61

    you find this:

    #mainbody ul, #mainbody li {
    margin-left:10px;
    }

    remove this property
    The reply is currently minimized Show
  • Accepted Answer

    Thursday, February 04 2010, 05:15 AM - #Permalink
    0
    Hey thankx alot.that was really helpful.
    The reply is currently minimized Show
  • Accepted Answer

    Friday, February 26 2010, 06:35 AM - #Permalink
    0
    Hey My A to Z bar doesn't look good. Can you take a look at it. And tell me how to fix it? The bottons dont look like the way they look on your demo. Thanks in advance.
    The reply is currently minimized Show
  • Accepted Answer

    Friday, February 26 2010, 03:42 PM - #Permalink
    0
    well, of course I cant help you if you dont post a link to your site! :lol:

    but I can tell you that this wil be the solution: theres a property on your template CSS file that is adding MARGIN and PADDING to your UL and LI elements.

    you should delete it
    The reply is currently minimized Show
  • Accepted Answer

    Friday, February 26 2010, 03:45 PM - #Permalink
    0
    Sorry about that,

    http://desitrax.com/main/index.php?option=com_muscol&view=album&id=18&Itemid=64

    Can you tell me where exactily that is?
    The reply is currently minimized Show
  • Accepted Answer

    Friday, February 26 2010, 03:48 PM - #Permalink
    0
    template.css line 102

    ul li {
    background:url("../images/bullet.gif") no-repeat scroll 18px 8px transparent;
    line-height:180%;
    padding-left:30px;
    }

    delete it

    YOU GUYS ARE LAZY!!!!!!!!! YOU COULD DO THIS YOURSELF! come on! you're mantaining a web site!!!! :lol: :lol:
    The reply is currently minimized Show
  • Accepted Answer

    Friday, February 26 2010, 03:51 PM - #Permalink
    0
    your the best....... :laugh: :laugh:
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Saturday, February 27 2010, 11:45 AM - #Permalink
    0
    x
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Saturday, February 27 2010, 12:16 PM - #Permalink
    0
    Sorry, double posted.

    I am going crazy trying to figure this out as well. I can't seem to find the css entry that matches your above post that would allow me to center the A-Z Bar. Could you point out to me what I would need to change?

    I spent an hour going through all the css files, even did a search with dreamweaver for all the tags. Only tags I see are ones that are mixed in with other elements which I am not sure would be something I should change. I am seeing similar tags within the js and xml files, but I doubt those are it. The default templates I have I had no problem finding the file to change, but this last template I purchased is throwing me off.

    My web address for my test site is: link removed by poster

    Thanks in advance.
    The reply is currently minimized Show
  • Accepted Answer

    Saturday, February 27 2010, 12:22 PM - #Permalink
    0
    well, if what you want is to CENTER the letterbar, then the fastest way is... go to /assets/letter.css
    line 22

    add some margin, for instance:

    margin-left:45px;

    that should do the trick
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Saturday, February 27 2010, 12:28 PM - #Permalink
    0
    Ahh I see, so add a greater margin on the left to add padding so it looks centered when using a fixed width on the template. Probably wouldn't work on dynamic width setup, but then again there are a few items in muscol that seem to get really messed up on any template when going to a dynamic width and trying to stretch it further than the default demo. So I'll probably just stick to the fixed width.

    I'll give that a try. Thank you for your help.
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Saturday, February 27 2010, 12:36 PM - #Permalink
    0
    Thanks, that worked! That is probably the easiest way to do it on fixed width templates as it is not template dependent. I added that line within the ul.inicials element with how much space was needed and it looks great. You were also right on the money on the exact amount of space, 45 was the magic number :) Thanks again!
    The reply is currently minimized Show
Your Reply