menu aan passen website.(joomla) - Softwareontwikkeling

maandag 22 oktober 2012 12:14

Acties:

Topicstarter

Een kennis van mij vroeg of ik even naar zijn website wou kijken en een paar kleine aanpassingen wou doen.
Zo als het menu veranderen.
Dit is zijn menu hoe het nu is.

Er zitten grote gaten tussen de menu kopjes. hij wil graag dat ze bij elkaar aansluiten. in de template staat dat de menu knoppen 84 pixels breed moeten worden. ik dacht dan zet ik dat wat kleiner maar dan gaan legmethodes en advies door elkaar heen.

Ik heb al wat zitten zoek op google en wat geprobeerd maar ik kom er niet uit.
De website draait op Joomla.

menu code:

code:

div#header {

}
div#header p {
  margin: 0;
  padding: 0;
}
div#header p img {
  padding: 0;
}

div#header ul.menu {
    border-top: 1px solid #694835;
    height: 80px;
    margin: 0;
    padding: 0;
}

div#header ul.menu li, div#header ul.menu li a, div#header ul.menu li a:visited  {
    display: inline-block;
  *display: inline;
  zoom: 1;
    font-size: 13px;
    padding: 5px 30px 0 0;
    text-decoration: none;
    text-transform: uppercase;
    width: 84px;
}
div#header ul.menu li ul {
  position: absolute;
}
div#header ul.menu li ul li, div#header ul.menu li ul li a, div#header ul.menu li ul li a:visited {
    display: inline-block;
  *display: inline;
  zoom: 1;
    font-size: 12px;
    height: 35px;
    line-height: normal;
    margin-top: 5px;
    padding: 0 33px 0 2px;
    text-decoration: none;
    width: 78px;
  font-weight: normal;
}
div#header ul.menu li ul li {
  border-left: 1px solid #000;
}

div#header ul.menu li ul {
  left: -999em;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
/* This "unhides" the sub-menus (left: -999em is what hides them) */
div#header ul.menu li:hover ul, div#header ul.menu li.active ul  {
  left: auto;
  margin-left: -154px;
  background-color: #fff;
  z-index: 1;
}

div#header ul.menu li.item-115.active ul {
  margin-left: -110px !important;
  z-index: 0;
}
div.chronoform {
  visibility: hidden;
}
div#header ul.menu li a:hover, div#header ul.menu li.current a, div#header ul.menu li.active a {
  font-weight: bold 
}
div#header ul.menu li.active ul li a {
  font-weight: normal;
}
div#header ul.menu li ul li a:hover, div#header ul.menu li ul li.current a {
  font-weight: bold;
}
div#header ul.menu li:hover, div#header ul.menu li.current, div#header ul.menu li.active {
  background: url('../images/bg_menu.png') no-repeat top left transparent;
}
div#header ul.menu li ul li:hover, div#header ul.menu li ul li.current, div#header ul.menu li ul li.active {
  background: none;

iRacing Profiel

maandag 22 oktober 2012 12:18

Acties: