Oldal: 1 / 2 12 UtolsóUtolsó
Eredmény: 1 - 10 (16) összesen

Téma: Lenyíló menü css-ben

  1. #1
    Bölcs djarni logója
    Csatlakozott
    08-05-08
    Hely
    Székesfehérvár
    Hozzászólás
    5.177
    Begyűjtött 558 köszönetet
    427 hozzászólásával

    Alapbeállítás Lenyíló menü css-ben

    Firefox-ban és Chrome-ban szépen megjelenik, ahogy kell, pont úgy, ahogy én akarom a következő képpen:

    Lenyíló menü css-ben-ff-gchr.gif

    IE-ben viszont nem úgy jelenik meg. A lenyíló menü nem a főmenü alatt, hanem mellette jelenik meg.

    Lenyíló menü css-ben-ie.gif

    Mit kéne változtatnom, hogy jó legyen, illetve ugyanúgy nézzen ki ie-ben is, mint ff-ben és chrome-ban?

    Az alábbi kódoth használom jelenleg:

    CSS:
    HTML kód:
    #top-menu {
    	float:left;
    }
    #top-menu li {
    	display:inline;
    	list-style:none;
    	float:left;
    }
    #top-menu li a {
    	display:block;
    }
    
    #top-menu li ul {
    	display:none;
    	position:absolute;
    	z-index:1;
    	border: double #AAA;
    	border-width:0 3px 3px;
    }
    
    #top-menu li li {
    	float:none;
    	list-style:none;
    	margin:0;
    	padding:0;
    	border:0;
    }
    
    #top-menu li:hover ul {
    	float:none;
    	display: block;
    }
    
    #top-menu li li a {
    	display:block;
    	overflow:hidden;
    }
    FORRÁS:
    HTML kód:
    <ul id="top-menu">
    <li><a href="/">Szolgáltatásaink</a>
    	<ul>
    		<li><a href="/">valami1</a></li>
    		<li><a href="/">valami2</a></li>
    	</ul>
    </li>
    Arni


    Prémium Linképítés - sikerek, kockázatok nélkül - Linképítés számokban.

  2. #2
    Rubyist Geri logója
    Csatlakozott
    07-12-15
    Hely
    \x90
    Hozzászólás
    5.607
    Begyűjtött 1.334 köszönetet
    829 hozzászólásával

    Alapbeállítás re: Lenyíló menü css-ben

    Idézet djarni eredeti hozzászólása Hozzászólás megtekintése

    Mit kéne változtatnom, hogy jó legyen, illetve ugyanúgy nézzen ki ie-ben is, mint ff-ben és chrome-ban?
    IE-ben csak linknek lehet hover eventet adni css-bol.



  3. #3
    cuccos
    Csatlakozott
    11-02-02
    Hely
    Bedő
    Hozzászólás
    1.561
    Begyűjtött 126 köszönetet
    97 hozzászólásával

    Alapbeállítás re: Lenyíló menü css-ben

    position:absolute -nal szerintem van a bibi, meg kell adni h bottom, left, vagy amit akarsz
    pl
    position: absolute;
    bottom: 0px;

    apdet: hulyeseg amit irtam


    Utoljára módosítva: akarmi által : 2011-04-07 13:41 Oka: apdet

  4. #4
    a pulykakakas Kvarclovag logója
    Csatlakozott
    10-08-20
    Hely
    Budapest
    Hozzászólás
    1.017
    Begyűjtött 8 köszönetet
    8 hozzászólásával

    Alapbeállítás re: Lenyíló menü css-ben

    Kérem nézd el, hogy nem akarok most tesztelni, de nézz rá erre, ha ez jó neked küldöm a kódot (nekem minden böngészőben ok):

    _http://vallalatiranyitasi-rendszer.info/



  5. #5
    Bölcs djarni logója
    Csatlakozott
    08-05-08
    Hely
    Székesfehérvár
    Hozzászólás
    5.177
    Begyűjtött 558 köszönetet
    427 hozzászólásával

    Alapbeállítás re: Lenyíló menü css-ben

    Nekem is megy több másik oldalon, de az istenért nem tudom ezen összehozni. Ezért raktam be a kódomat, hogy min kéne javítani..

    Az ie-hez kell valami js, hogy menjen vele? Vagy js nélkül is át lehet írni úgy a kódot, hogy jó legyen mindenhol?

    Arni



  6. #6
    a pulykakakas Kvarclovag logója
    Csatlakozott
    10-08-20
    Hely
    Budapest
    Hozzászólás
    1.017
    Begyűjtött 8 köszönetet
    8 hozzászólásával

    Alapbeállítás re: Lenyíló menü css-ben

    Idézet djarni eredeti hozzászólása Hozzászólás megtekintése
    Az ie-hez kell valami js, hogy menjen vele?
    Ha jól látom nálam csak az ie6-hoz kell js, egyébként nem. (Nem én írtam, csak használom.)



  7. #7
    a pulykakakas Kvarclovag logója
    Csatlakozott
    10-08-20
    Hely
    Budapest
    Hozzászólás
    1.017
    Begyűjtött 8 köszönetet
    8 hozzászólásával

    Alapbeállítás re: Lenyíló menü css-ben

    Kipróbáltam a kódodat, nálam IE7-8-9-ben jól jelenik meg. Tehát valószínűleg nem a bemásolt kóddal lesz a gond.



  8. #8
    Bölcs djarni logója
    Csatlakozott
    08-05-08
    Hely
    Székesfehérvár
    Hozzászólás
    5.177
    Begyűjtött 558 köszönetet
    427 hozzászólásával

    Alapbeállítás re: Lenyíló menü css-ben

    Jó, akkor látszik, hogy mégsem csinálok hülyeséget Ez vígasztal. De, hogy mi okozza, az a nagy kérdés. Majd még körbenézem a kódot, hátha máshol van gubanc. Bár a feljebb lévő css szinten nem látok semmit. Egyébként még mindig elviselhető ez az állapot, mert legalább megjeleníti, csak kicsit másként. A legundorítóbb az, amikor szétesik az oldal, azt nagyon utálom.

    Arni



  9. #9
    Adminisztrátor BagiZoli logója
    Csatlakozott
    07-04-26
    Hely
    8200, Királynék városa
    Hozzászólás
    3.855
    Begyűjtött 320 köszönetet
    154 hozzászólásával

    Alapbeállítás re: Lenyíló menü css-ben

    Első ránézésre hiányolom a felső szintű ul li elemek szélességének definiálását. Valamint, ha definiálsz absoluteosition-t, akkor top, és left értéket is célszerű megadni.



  10. #10
    cuccos
    Csatlakozott
    11-02-02
    Hely
    Bedő
    Hozzászólás
    1.561
    Begyűjtött 126 köszönetet
    97 hozzászólásával

    Alapbeállítás re: Lenyíló menü css-ben

    Idézet akarmi eredeti hozzászólása Hozzászólás megtekintése
    position:absolute -nal szerintem van a bibi, meg kell adni h bottom, left, vagy amit akarsz
    pl
    position: absolute;
    bottom: 0px;

    apdet: hulyeseg amit irtam
    meg a vegen kiderul hogy csak jol irtam



Oldal: 1 / 2 12 UtolsóUtolsó

A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •