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

Téma: Vízszintes menü

  1. #1
    Törzsvendég thomasz logója
    Csatlakozott
    09-10-08
    Hozzászólás
    168
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás Vízszintes menü

    Sziasztok bocs hülye kérdés lesz de hogy csinálhatok olyasmi menüt mint ami jelenleg az elitgamer.net oldalamon van? IE-ben nem jelenik meg és egy olyan megoldás kéne amiben az összes böngészőben úgy működik mint firefoxban.



  2. #2
    Tag mrkera logója
    Csatlakozott
    09-09-03
    Hely
    Keszthely
    Hozzászólás
    86
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Vízszintes menü

    melyikre gondolsz? A sima felső menüre?
    "Főoldal Hírek Fórum Cikkek....."
    erre?



  3. #3
    Törzsvendég thomasz logója
    Csatlakozott
    09-10-08
    Hozzászólás
    168
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Vízszintes menü

    Idézet mrkera eredeti hozzászólása Hozzászólás megtekintése
    melyikre gondolsz? A sima felső menüre?
    "Főoldal Hírek Fórum Cikkek....."
    erre?
    igen

    Az üzenete túl rövid. Kérjük írjon többet az üzenetbe, legalább 25 karaktert.



  4. #4
    Tag mrkera logója
    Csatlakozott
    09-09-03
    Hely
    Keszthely
    Hozzászólás
    86
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Vízszintes menü

    <style>
    #menu{
    text-align: center;
    background: #333;
    padding: 5px;
    }

    #menu a{
    padding: 0 10px;
    font-weight: bold;
    color: #ccc;
    text-decoration: none;
    }

    #menu a:hover{
    color: #fff;
    }

    </style>

    <div id="menu">
    <a href="#">menü</a>
    <a href="#">menü</a>
    <a href="#">menü</a>
    <a href="#">menü</a>
    </div>

    a style teg közöttit a headba, vagy szebb, ha külön stíluslapra, a <div id="menu">... -t meg oda ahová a menü kell

    Persze az egésznek megadhatsze egy olyan lekerekített hátteret is mint az oldalon, ebben az esetben a
    background: #333; helyett
    background: url(menuhattere.jpg);



  5. #5
    Hekker 0xFF logója
    Csatlakozott
    09-08-21
    Hozzászólás
    1.079
    Begyűjtött 168 köszönetet
    118 hozzászólásával

    Alapbeállítás re: Vízszintes menü

    hXXp://www.cssmenumaker.com/
    hXXp://www.cssmenubuilder.com/build-horizontal-menu



  6. #6
    Törzsvendég thomasz logója
    Csatlakozott
    09-10-08
    Hozzászólás
    168
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Vízszintes menü

    Idézet mrkera eredeti hozzászólása Hozzászólás megtekintése
    <style>
    #menu{
    text-align: center;
    background: #333;
    padding: 5px;
    }

    #menu a{
    padding: 0 10px;
    font-weight: bold;
    color: #ccc;
    text-decoration: none;
    }

    #menu a:hover{
    color: #fff;
    }

    </style>

    <div id="menu">
    <a href="#">menü</a>
    <a href="#">menü</a>
    <a href="#">menü</a>
    <a href="#">menü</a>
    </div>

    a style teg közöttit a headba, vagy szebb, ha külön stíluslapra, a <div id="menu">... -t meg oda ahová a menü kell

    Persze az egésznek megadhatsze egy olyan lekerekített hátteret is mint az oldalon, ebben az esetben a
    background: #333; helyett
    background: url(menuhattere.jpg);
    ez függőleges nem?



  7. #7
    Hekker 0xFF logója
    Csatlakozott
    09-08-21
    Hozzászólás
    1.079
    Begyűjtött 168 köszönetet
    118 hozzászólásával

    Alapbeállítás re: Vízszintes menü

    Rengeteg CSS menü példa van, és a töbségen az alapja egy lista
    HTML kód:
    <div id="menu">
    <ul>
          <li><a href=index.php?p=home>Home</a></li>
          <li><a href=index.php?p=rolunk>Rolunk</a></li>
          ....
    </ul>
    </div>
    Majd ezt CSS ben úgy variálod ahogy akarod, pl:
    HTML kód:
    #menu ul {
    list-style-type:none; // Nincs se pont se semmi a lista elemek elött.
    }
    #menu li {
    float:left;    //Mindegyik elem Balra igazodik, igy vizszintes lesz.
    display:block;
    border:1px solid red; // Piros keret.
    }
    #menu a, a:visited {  
    display:block;
    font-size:12px;
    color:#CCC;
    }
    #menu a:hover {  // Amikor az egér rajta van
    display:block;
    font-size:16px;
    color:#000;
    }
    most irtam nem biztos hogy müködik is de ez az alapja, lehet a háttérképet "cserni" elcsúsztatni stb stb.

    Itt egy video, elgéggé el van magyarázva.



  8. #8
    Tag mrkera logója
    Csatlakozott
    09-09-03
    Hely
    Keszthely
    Hozzászólás
    86
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Vízszintes menü

    Idézet thomasz eredeti hozzászólása Hozzászólás megtekintése
    ez függőleges nem?

    Hogyan lenne már függőleges???!!?!?!?
    Az a elemek alapból egymás mellé fognak kerülni ha csak nem szűkebb befoglaló elem.

    Vagy, ha szemantikai gondok vannak akkor:

    Ez vízszintes:
    ______

    Ez meg függőleges:
    |
    |
    |



    De parancsolj, a fenti kód amit írtam, annak a következő az eredménye:
    http://datacube.hu/vizsmenu.php

    Amúgy valóban a többség alapja lista főleg cms-eknél, ez azért van így, hogy könnyebb legyen formázni, de ebben az esetben nem szükséges, külön listaelemet használni.
    Mellesleg, ha már listaelemet használsz ott a dl-dd/dt, több lehetőséget rejt és az azonos tulajdonságú, különböző nevű dd/dt belső listaelem, nem beszélve arról, hogy nem előjeles így nincs szükség a list-style: none; paraméterezésre, amivel máris gyorsítottunk egy sornyit a css lefuttatásán


    Utoljára módosítva: mrkera által : 2009-10-18 19:32

  9. #9
    Törzsvendég thomasz logója
    Csatlakozott
    09-10-08
    Hozzászólás
    168
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Vízszintes menü

    köszi én voltam csak hülye be is sikerült már raknom a hátteret középre igazítottam de szerintem nincs teljesen középen egy két pc-el hogy lehet jobbra igazítani még? vagy csak nálam nincs pont középen?



  10. #10
    Tag mrkera logója
    Csatlakozott
    09-09-03
    Hely
    Keszthely
    Hozzászólás
    86
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Vízszintes menü

    hát ha hátteret bedobsz és megadod neki, hogy
    background-position: center;
    akkor az tuti, hogy mind horizontálisan, mind vertikálisan középen lesz

    Kedves: KForum
    Most nézem a kódod, miért kellett az "a" elemből (is) blokk szintű elemet csinálni?


    Utoljára módosítva: mrkera által : 2009-10-19 04:19

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
  •