Autor Zpráva
Eva91
Profil
Ahojky.. Začla jsem s tvorbou webu teprve nedávno.. Mám vytvořenou zatim malou část a chtěla bych někoho požádat jestli by byl ochoten mi zkontrolovat a připsat poznámky do kódu. Můžem se spojit na ICQ nebo Skype? Předem děkuji.
jenikkozak
Profil
Pravidla diskuse JPW a doporučení » 7. Nechtějte, aby vám lidi posílali odpověď mailem. Je-li veřejně dostupný dotaz, má být veřejně dostupná i odpověď.
lionel messi
Profil
Eva91:
Najlepšie by bolo, ak by si dala živú ukážku alebo aspoň výpis kódu - ako upozorňuje jenikkozak - rovno sem. K riešeniu dotazov cez web tu nepanuje najpriateľskejší prístup.
Eva91
Profil
Omlouvám se.. píšu tady poprvé tak jsem nevěděla.. V tom případě posílám menu. Má být obrázkové.. 3 obrázky nahoře, 3 dole.. Nevím si rady s nastylováním.. A celkově s tím, jestli mám html zápis dobře zapsaný

 <div id="spodni-menu">
<ul>
<li class="list1"><a id="polozka1" href="#" title="kuchyne"><img src="images/kucyhne.jpg" alt="kucyhne.jpg, 64kB" title="kuchyne" height="165" width="316"></a></li>
<li class="list2"><a id="polozka2" href="#" title="terasy"><img src="images/terasy.jpg" alt="terasy.jpg, 74kB" title="terasy" height="165" width="316"></a></li>
<li class="list3"><a id="polozka3" href="#" title="schody"><img src="images/schody.jpg" alt="schody.jpg, 68kB" title="schody" height="165" width="316"></a></li>
<li class="list4"><a id="polozka4" href="#" title="pergoly"><img src="images/pergoly.jpg" alt="pergoly.jpg, 73kB" title="pergoly" height="165" width="316"></a></li>
<li class="list5"><a id="polozka5" href="#" title="vestavene-skrine"><img src="images/vestavene-skrine.jpg" alt="vestavene-skrine.jpg, 75kB" title="vestavene-skrine" height="165" width="316"></a></li>
<li class="list6"><a id="polozka6" href="#" title="ostatni"><img src="images/ostatni.jpg" alt="ostatni.jpg, 73kB" title="ostatni" height="165" width="316"></a></li>
</ul>
</div>
   </div>
lionel messi
Profil
Eva91:
<img alt="ostatni.jpg, 73kB"> - tú veľkosť by som do altu určite nedával.
<a href="#"> - predpokladám, že tam bude reálna adresa.
</li> - nepovinne párový tag, ale môžeš ho uvádzať. Ešte by sa hodili CSS štýly - je to samé class a id, aby tá kontrola bola poriadna :-)
Eva91
Profil
lionel messi:
Děkuju.. jinak předpokládáš správně.. A s tím CSS.. popravdě jsem zatím nic nedokázala vytvořit.. Myslím u tohodle menu.. Jestli by si byl schopný mi něco nadhodit, abych se mohla něčeho chytnout? Nějaký základ jak bych měla takové obrázkové menu začít tvořit.
lionel messi
Profil
Eva91:
Máš aj nejakú konkrétnu predstavu o obrázkovom menu (videla si ho na nejakej stránke) alebo chceš iba tlačítka? Na tlačítka netreba obrázky, s CSS sa dá pekne vyhrať. S obrázkovým menu nemám veľa skúseností, som tiež iba samouk-začiatočník :(
Plaváček
Profil
Eva91:

Bohužel k tomu nemám žádné povídání, ale možná z ukázky něco vyčteš: http://klient.plavacek.net/menu.html. Principem je zachovat v navigaci i textovou informaci a obrázek použít jenom jako doplněk - efekt.
juriad
Profil
Chceš menu ve dvou řádcích?
+--------------+---------------+----------------+
| kuchyně      | terasy        | schody         |
+--------------+---------------+----------------+
| pergoly      | vest. skrine  | ostatni        |
+--------------+---------------+----------------+

<style>
#spodni-menu {
    width: 948px;/* vypocitej 3*316 */
}

#spodni-menu ul {
    margin: 0px;
    padding: 0px;
}

#spodni-menu li, #spodni-menu a, #spodni-menu span {
    display: block;
    width: 316px;
    height: 165px;
    overflow: hidden;
}

#spodni-menu li {
    float: left;
    list-style-type: none;
    position: relative;
}

#spodni-menu span, #spodni-menu a {
    position: absolute;
    top: 0px;
    left: 0px;
}

#spodni-menu li.list1 span {
    background-image: url("images/kucyhne.jpg"); /* oprav si preklep */
}
#spodni-menu li.list2 span {
    background-image: url("images/terasy.jpg");
}
#spodni-menu li.list3 span {
    background-image: url("images/schody.jpg");
}
#spodni-menu li.list4 span {
    background-image: url("images/pergoly.jpg");
}
#spodni-menu li.list5 span {
    background-image: url("images/vestavene-skrine.jpg");
}
#spodni-menu li.list6 span {
    background-image: url("images/ostatni.jpg");
}
</style>

<div id="spodni-menu">
     <ul>
         <li class="list1"><a href="#">Kuchyne <span title="Kuchyne"></span></a></li>
         <li class="list2"><a href="#">Terasy <span title="Terasy"></span></a></li>
         <li class="list3"><a href="#">Schody <span title="Schody"></span></a></li>
         <li class="list4"><a href="#">Pergoly <span title="Pergoly"></span></a></li>
         <li class="list5"><a href="#">Vestavěné skříně <span title="Vestavěné skříně"></span></a></li>
         <li class="list6"><a href="#">Ostatní <span title="Ostatní"></span></a></li>
     </ul>
</div>
Eva91
Profil
juriad:
Perfektní.. děkuju moc.. :) Přesně tohle jsem potřebovala.. Jsem ti opravdu vděčná :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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