| Autor | Zpráva | ||
|---|---|---|---|
| Stalker Profil |
#1 · Zasláno: 1. 1. 2013, 16:17:50
Vzorové stránky: www.ritc.ic.cz
Všechno jsem si už nastavil přesně tak jak chci. Bílý rámeček simuluje odkaz a změnu barvy po najetí na odkaz, žlutý rámeček pak simuluje obrázek na pozadí jednotlivých odrážek <li>. Rámečky jsem si nastavil pro lepší pochopení a vizualizaci elementů pro následné pozicování. Problém nastává ve chvíli, kdy chci odstranit žlutý rámeček. Jakmile ho odstraním, tak není brán ohled na stylování, viz screen bez rámečků: 
|
||
| Stalker Profil |
#2 · Zasláno: 2. 1. 2013, 12:19:09
Problém jsem vyřešil pomocí relativního pozicování. Nevím, zda to je zrovna nejlepší možný postup, ale nic jiného mě nenapadlo. To, proč odstranění rámečků "zrušilo" stylování furt nechápu ale musím se posunout o krok dál. Kdyby se na to chtěl někdo podívat, posílám screeny a kousek kódu, protože na ritc.ic.cz pokračuji dál.
<ul id="menu2"> <!-- Leve navigacni menu -->
<li></li>
<li><a href="schedule.html"><p class="m2">Schedule</p></a></li>
<li><a href="prizes.html"><p class="m2">Prizes</p></a></li>
<li><a href="contact.html"><p class="m2">Contact</p></a></li>
</ul>
#menu2{ /* Styl pro leve navigacni menu */
list-style-type: none;
font-weight: bold;
font-size: 2.1em;
text-shadow: 2px 3px 5px #000;
font-variant: small-caps;
}
#menu2 li{
background-image: url('../img/tlacitko.jpg');
width: 286px;
height: 40px;
margin-bottom: 5px;
border: 1px solid yellow;
}
#menu2 a{
display: block;
width: 166px;
margin: -12px 0 0 45px;
padding-left: 30px;
border: 1px solid white;
}Screeny rozdílů: 
|
||
|
Časová prodleva: 11 let
|
|||
0