Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)
Avatar
bunny
Neregistrovaný
Avatar
bunny:6.7.2013 21:25

hezký večer,
udělal jsem menu kde jsou odkazy, ale nevím proč jsou ty odkazy malý rozměrově, chtěl bych aby uživatel mohl kliknout kdekoliv v <li> a ne v <a>. Asi jsem to nepopsal nejlíp, ukaziju kod

<style type="text/css">
                nav
        {
                position: static;
                margin-left: auto;
                margin-right: auto;
                width: 70%;
                margin-top: 15%;
        }
        nav ul
        {
                margin: 0px;
                padding: 0px;
        }
        nav ul li
        {
                list-style: none;
                display: inline-block;
                background-color:green;
                padding: 5%;
                margin: 5px;
        }
        nav ul li a
        {
                list-style-type: none;
                display: inline-block;
                background-color:red;
                padding: 5%;
                margin: 5px;
                height: 100%;
                width: 100%;
                color: black;
                text-align: center;
        }
        </style>
                <nav>
                        <ul>
                                <li><a href="#">neut</a></li>
                                <li><a href="#">rane</a></li>
                                <li><a href="#">fale</a></li>
                                <li><a href="#">iria</a></li>
                        </ul>
                </nav>
 
Odpovědět 6.7.2013 21:25
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na bunny
Honza Bittner:7.7.2013 0:14

Nedělej marginy, paddingy, vlastně nic v % ...

Když chceš mít klikatelné celou položku v menu udělej to takto :

li
{
  width: 50px;
  height: 25px;
  padding: 0px;
  float: left;
}

a
{
  list-style-type: none;
  color: red;
  width: 50px;
  height: 25px;
  float: left;
}

Mělo by to fungovat :)

Editováno 7.7.2013 0:15
Nahoru Odpovědět 7.7.2013 0:14
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
bunny
Neregistrovaný
Avatar
bunny:7.7.2013 8:49

díky, funguje

 
Nahoru Odpovědět 7.7.2013 8:49
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.