Autor Zpráva
scarvein
Profil *
Ahoj,

jen pred kratkou dobou jsem zacal z html/css a snazim se vyresit pro mne velice obtizny problem. Udelal jsem si po svem takove pop-up menu, ve ktere kdyz clovek najede na obrazek, ten se rozsviti a 'rozbali se' zbytek menu. Funguje mi to ovsem funguje jenom v IE (verze 7 a vyssi), ale v mozille :( Tak jak to funguje v IE se mi to presne libi.

Jiste se vam to bude zdat jako velice neohrabane reseni, ale velice bych ocenil, pokud by nekdo vedel rict co s tim. (Nebo jestli to komplet predelat)

Zde je vynatek z kodu:

Html cast:

<MENU class="menu">
<li class="menu1"><img src="./Fonts/fontA1.png"></li>
<li class="item"><a href="uvod.html"> Kto sme </a></li>
<li class="item"><a href="uvod.html"> Projekty </a></li>
<li class="item"><a href="uvod.html"> Zoznam clenov </a></li>
</MENU>


Stylesheet:

Vseobecna cast:

a {
color: black;
border: none}

a:hover{
color: white;}


Specificka cast:

.menu {
text-align: center;
list-style-type: none;
width: 170px;
margin: 0px;
border: 0px;
}

.menu:hover .item{
display: block;}

.item {
text-align: center;
display: none;
border-left: 1px solid black;
border-right: 1px solid black;
}

.menu1:hover{
background-image: url('./Fonts/FontA2.png');
}



Doufam ze jsem nezapomnel na nic. Jeste jednou diky za pripadne odpovedi.
panther
Profil
scarvein:
Zde je vynatek z kodu:
nechce se mi tím přehrabovat, odkaž nám celou stránku.
scarvein
Profil *
Tak som to v rychlosti nahostoval sem, zatial som sa s tym hral len u seba na locale. Stranka pouziva vecentrovane absolutne pozicovanie ako design, ospravedlnujem sa za velke obrazky, zatial som chcel len to menu riesit.

Skuste si to otvorit v IE, tam je vidiet ako by som to rad videl fungovat. Vo firefoxe to nema ziaden efekt.

Dik vopred.

http://upload.coolpage.biz/
Bubák
Profil
Oprav si !doctype.
scarvein
Profil *
Omg.. co som si s tym hlavu nalamal ... nejak som ten doctype neskumal vobec, ani ma to nenapadlo.

Dakujem, si moj hrdina!

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0