Új hozzászólás Aktív témák

• #3238 dnbmax csendes tag

  Új Válasz 2010-08-31 20:42:19 #3238

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  dnbmax

  csendes tag

  Sziasztok, az lenne a kérdésem hogy hogy lehetne egy menübe több féle gombot rakni?

  

  Amint látjátok a képen a baloldali sima szöveg menü balra igazítva, ez sárgára vált ha ráviszem az egeret, viszont a jobb oldali kép, jobbra igazítva és sötétzöldre vált egér alatt ahogy a képen látszik. A problémám az, hogy a jobboldali, amilyen módon ezt elértem úgy nem működik mint gomb és nem visz el a cél linkre..

  HTML kódja a menünek:

  <div id="menu">
  <ul>
  <li class="current_page_item"><a href="#">Home</a></li>
  <li><a href="#">Blog</a></li>
  <li><a href="#">Photos</a></li>
  <li><a href="#">About</a></li>
  <li><a href="http://www.mozilla-europe.org/hu/firefox/">Contact</a></li>
  <li><b href="http://www.mozilla-europe.org/hu/firefox/"><img src="images/ff2.png"></b></li>
  <li><b href="#"><img src="images/ff2.png"></b></li>
  </ul>
  </div>

  Stlye kódja a menünek:

  #menu {
  width: 950px;
  height: 45px;
  margin: 0 auto;
  background: #6AA2FD url(images/img04.gif);
  }
  
  #menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
  
  #menu li {
  display: inline;
  }
  
  #menu a {
  display: block;
  float: left;
  background: url(images/img15.gif) no-repeat right 100%;
  padding: 10px 30px 0 30px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #000000;
  }
  
  #menu b {
  display: block;
  float: right;
  padding: 10px 10px 5px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #000000;
  }
  
  #menu a:hover {
  height: 45px;
  background: url(images/img16.gif) repeat-x right 0%;
  color: #000000;
  }
  
  
  #menu b:hover {
  height: 45px;
  background: url(images/img16b.gif) repeat-x right 0%;
  color: #000000;
  }

  Tehát az <a href="....tökéletesen működik(bal oldali gombok) de ha <b href="..(jobb oldali gombok)-t próbálok úgy sehogysem jó csak a hátteret váltja ha ráviszem az egeret...
  Lehet hogy nem lehet ilyet, de valahogy külön kéne szedni mivel az egyik jobbra másik balra igazított, viszont nem rakhatom külön divbe mert akkor sortörés van és nem lesz 1 menübe.

  Ha valaki esetleg tudna erre jó megoldást nagyon megköszönném

  [ Szerkesztve ]

Új hozzászólás Aktív témák