0
Welcome Guest! Login
0 items Join Now

Centering Menu with images only

Last Post
Search Topic
    • DrewD's Avatar
    • DrewD
    • Newbie
    • Posts: 18
    • Thanks: 0

    Centering Menu with images only

    Posted 12 years 10 months ago
    • Greetings,
      I have created some simple horizontal menus in Joomla that I have dubbed quick link menus, with icons that are about 60x60px, they are simply link icons in a standard joomla module. I added the following code to create a module class suffix that makes the menu horizontal. I am now trying to center the icons so that I don't have an akward gap at the end as shown in the screenshot. Here is the code I added.
       
.horizontal_menu li
 
{
display:inline;
list-style-type:none;
padding-right:4px;
float:left;
}
 

      https://www.dropbox.com/s/yv06vavbywj294w/screenshot%20menu.png

      You can see the extra space that the right hand end of the screenshot. Please advise.
      Thanks!
    #835693
    • Ben Simon's Avatar
    • Ben Simon
    • Elite Rocketeer
    • Posts: 4301
    • Thanks: 8
    • Full-time web developer

    Re: Centering Menu with images only

    Posted 12 years 10 months ago
    • Hi Drew,

      Thanks for the detailed info. A link to your site would help greatly in this case and allow me to give you the quickest solution for the issue.
    • B e courteous to staff and members that volunteer their time helping you
      E ssential Tool - FireBug
      N ever assume I know what version you're talking about

      S earch the forum for a solution first
      I nclude a link to the problem
      M ark your resolved issues as [SOLVED]
      O nly PM moderators if they request it first
      N o...
    #835831
    • DrewD's Avatar
    • DrewD
    • Newbie
    • Posts: 18
    • Thanks: 0

    Re: Centering Menu with images only

    Posted 12 years 10 months ago
    • Ben,
      Please see your pm, my site is currently offline, I have sent you login info to access it. The links I am speaking of are on the front page.
    #835842
    • Ben Simon's Avatar
    • Ben Simon
    • Elite Rocketeer
    • Posts: 4301
    • Thanks: 8
    • Full-time web developer

    Re: Centering Menu with images only

    Posted 12 years 10 months ago
    • Thanks for the info. You could do something as simple as this:
      .horizontal_menu .module-content {
margin-left: 30px;
}
      template.css would be a good place for it.
    • B e courteous to staff and members that volunteer their time helping you
      E ssential Tool - FireBug
      N ever assume I know what version you're talking about

      S earch the forum for a solution first
      I nclude a link to the problem
      M ark your resolved issues as [SOLVED]
      O nly PM moderators if they request it first
      N o...
    #835860
    • DrewD's Avatar
    • DrewD
    • Newbie
    • Posts: 18
    • Thanks: 0

    Re: Centering Menu with images only

    Posted 12 years 10 months ago
    #835861
    • Ben Simon's Avatar
    • Ben Simon
    • Elite Rocketeer
    • Posts: 4301
    • Thanks: 8
    • Full-time web developer

    Re: Centering Menu with images only

    Posted 12 years 10 months ago
    • Clear you browser cache and reload the page.
    • B e courteous to staff and members that volunteer their time helping you
      E ssential Tool - FireBug
      N ever assume I know what version you're talking about

      S earch the forum for a solution first
      I nclude a link to the problem
      M ark your resolved issues as [SOLVED]
      O nly PM moderators if they request it first
      N o...
    #835874

Time to create page: 0.058 seconds