1 Temat przez Konrad

  • Konrad
  • Nowy użytkownik
  • Nieaktywny
  • Zarejestrowany: 2012-06-15
  • Posty: 1

Temat: Poziome submenu

Witam. Stworzyłem w programie Artisteer skórkę i mam mały problem. Wszytko ładnie działa, tylko nie mogę zrobić poziomego podmenu. Można to zobaczyć tutaj.

Podaję kod odpowiedzialny za submenu:

/* begin MenuSubItem */
.art-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 25px;
   background-image: url('images/subitem.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 2px;
   border-style: solid;
   border-top-width: 0;
   border-color: #ffffff;
   min-width: 7em;
   text-align: center;
   text-decoration: none;
   line-height: 25px;
   color: #ffffff;
   font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
   font-weight: bold;
   font-size: 14px;
   margin:0;
   padding: 0 22px;
}

.art-hmenu ul>li:first-child>a
{
   border-top-width: 2px;
}

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active
{
   text-align: center;
   text-decoration: none;
   line-height: 25px;
   color: #ffffff;
   font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
   font-weight: bold;
   font-size: 14px;
   margin:0;
   padding: 0 22px;
}

.art-hmenu ul li a:hover
{
   color: #4A5F04;
   background-position: left bottom;
   border-color: #F9FAFB;
   border-top-width: 2px !important;
}

.art-hmenu ul li a.art-hmenu-before-hovered
{
   border-bottom-width: 0 !important;
}

.art-hmenu ul li:hover>a
{
   color: #4A5F04;
   background-position: left bottom;
   border-color: #F9FAFB;
   border-top-width: 2px !important;
}

/* end MenuSubItem */

Próbowałem zmienić display: block na inline, ale to tylko pogorszyło sprawę. Nadal się wyświetlało pionowo.