Autor Zpráva
hrncal.junior
Profil
Ahoj,
mám opět menší problém a už nwm co s tím. Určitě se to tady řešilo.
Potřebuji udělat menu (to mám), ale při najetí na určitou položku pořebuji změnit barvu (to vím jak udělat) a zároveň aby ta barva barva by měla "přetékat text" o 10 px - udělá to takový hezký rámeček.

#menu{
background-color:#f9c649;
width:578px;
height:75px ;
border-radius:2px;
margin-left:auto;
margin-right:auto;
margin-bottom:18px;

}

#menu li {
  float: left;
  display: inline;
  list-style-type: none;
    line-height: 75px;
    color:white;
}

#menu li a {
  text-decoration: none;
  color: white;
  float: left;
  display: inline;
  margin-left:50px;
  font-weight:bold;
}

#menu li a:hover {
  text-decoration: none;
  color: white;
  background-color: red;
  left: 0; top: 0; width: 100%; background: #8ECCF0; text-align: center;
  
}

<div id="menu" style="">
  <ul>
  <li><a href="">ÚVOD</a></li>
  <li><a href="">SPUSTIT TEST</a></li>
  <li><a href="">ZAJÍMAVOSTI</a></li>
  <li><a href="">KONTAKT</a></li>
  </ul>
  
  </div>
user243
Profil
ahoj,
přidej odkazům vnitřní okraj (padding);
hrncal.junior
Profil
Aha. Takže dát vnitřní okraj a nadefinovat mu barvu?
user243
Profil
přidáním vnitřního okraje odkazu se Ti vlastně rozšíří aktivní oblast odkazu; takže se po najetí kurzorem změní barvu i ta rozšířená část;
nejlíp to pochopíš, když si to vyzkoušíš;

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: