Facebook bejelentkezés
Üdvözlünk az oldalon!
Lépj be, vagy regisztrálj
Felvéve: 13 éve, 9 hónapja
Címkék: css, html, rollover, weblap, honlap
Megtekintve: 26335
Értékeld a videót:
16 szavazat alapján
Értékeléshez lépj be!

további opciók »

A(z) "HTML menü készítése CSS segítségével" című videótipp megosztásához használhatod a saját leveleződet, vagy ezt a felületet:
Neved:

E-mail címed:

Címzett e-mail címe:
Üzenet (opcionális):

Ez a videótipp a következő klub(ok)ba tartozik:

  • Ez a videó nem még nem tartozik egy klubhoz sem.

Ha van egy kis időd, nézz szét meglévő klubjaink között!

  • Nyomtatás

    HTML menü készítése CSS segítségével

    2010. június 30. 16:59:28 |

    Készítette: cyrexone

    Egyszerű menükészítés HTML+CSS-ben. Az egyes menüpontok háttérszíne megváltozik ha az egérmutatót a menüpont fölé mozgatjuk. A legjobb megoldás a rollover effekt készítésére JavaScript használata nélkül.

    HTML menü készítése CSS segítségével részlet

  • Amire szükségünk van

    számítógép

Vélemények, hozzászólások

Rendezés:
Hozzászóláshoz jelentkezz be, vagy regisztrálj!
Előző oldal 1 2 3 4 5 6 7. oldal 8 9 10 Következő oldal
Blade2 (13 éve, 7 hónapja)
2010. szeptember 15., 13:02:22 , kommentjeim száma: 11 db

17

Megoldottam egy "kis" csalással. Sokkal több munka lesz szerkeszteni, de legalább középre került.
A menu div-et betettem egy keret div-be, ami 859pixel, a menu divet pedig lecsökkentettem a menü tényleges méretére ( 549px), és rátettem a margin-t. Annyi a hátránya, hogy ha bővül a menü, akkor mindig ki kell kísérletezni, hogy a menu div-nek mennyi a szélessége, ahol még nem növeli meg két sorra. Ha pedig megkezdem a második sornyi menüt, akkor külön kell egy 2. div amiben a 2.sor van, hogy azt is középre hozzam, mert a 2. sor megint balról kezd. Ráadásul ezt a menüt a html lapok hívják meg amolyan fejlécnek, így mikor összejön a 2. 3. sor, minden html elejét át kell írni.
cyrexone (13 éve, 7 hónapja)
2010. szeptember 14., 22:01:22 , kommentjeim száma: 82 db

16

Ha fellövöd nekem valahova ahol látom a forrást, megnézem, fejben nem teljesen tudom összerakni
Blade2 (13 éve, 7 hónapja)
2010. szeptember 14., 20:57:42 , kommentjeim száma: 11 db

15

Ezt használom a teljes lapnál. Van egy body a háttérnek, és a lap div ami az egész weboldal egy 1024x576pixeles margin 5px auto 5px auto. ebben van egy fejléc egy menü és egy tartalom majd egy lábléc div. A menüből a link include-olja a html és php lapokat a tartalom div-be. Az egyik ilyen lapra csináltam 3 dobozt a "Lekerekített doboz létrehozása HTML és CSS segítségével" videód alapján (abból is az elsőt használom, ami IE alatt nem kerekít ). Ezeket kellene középre tenni, de az auto margin nem csinál vele semmit. Az van neki megadva, hogy margin: 0px 34px 0px 34px; Csak ez mindhárom dobozra érvényes, 209px széles 4px-es borderrel, így még elfér a 3 doboz egy sorban, de a dobozok között ugye 2x akkora a hely, mint a bal szélén, jobb oldalt padig pár pixelel szélesebb, mint a bal. Nem sokkal, azt hiszem 4 pixel maradt le. A másik lapon ugyanez van a menünél.
cyrexone (13 éve, 7 hónapja)
2010. szeptember 14., 16:39:52 , kommentjeim száma: 82 db

14

A div-nek fix szélességet kell adni, és rá kell írni: margin-left: auto és margi-right: auto
Ekkor fog középre kerülni. Függőleges középre igazítás nincs a block level elemeknél, ezt a padding és line-height elemekkel szokták kitrükközni, meg negatív marginokkal, de elég körülményes és értelmetlen dolog.

A menü szélessége attól nyúlhat meg, hogy border kerül rá a hover-nél, vagy a padding értéke más amikor fölé mozog az egér. Nem jó, ha változik a mérete, az alapra is kell border, vagy pedig le kell venni a hoverről.
Blade2 (13 éve, 7 hónapja)
2010. szeptember 14., 16:29:14 , kommentjeim száma: 11 db

13

Egy ilyen, vagy ehhez hasonló menüt hogy lehet középre zárni? Lehet, hogy nem lényeges, de a menü szélessége az kurzor gomb fölé tartásával megnő egy kicsit, kivéve az utolsó gomb, mert azzal csökken. Így alapból baloldalt van, és jobbra nyúlik. Azt szeretném, hogy középen legyen, és abban reménykedem, hogy akkor mindkét irányba nyúlik majd az egér gomb fölé tartásától. Álló helyzetben is jobb lenne középen. A menü egy div-ben van. // A másik, hogy egy div-en belül van 3 div, és ezekben még fejenként egy-egy div. Lényegében olyan mint 3db kártya. Hogy tudom ezt középre zárni?
Előző oldal 1 2 3 4 5 6 7. oldal 8 9 10 Következő oldal

Statisztika

Megtekintések száma: 26335 Hozzászólások: 47
- VideoSmart.hu-n: 26335 Kedvencek között: 15
- Más oldalon: 0 Értékelések: 16
cyrexone kicsi avatar cyrexone

cyrexone további videótippjei »

Egyszerű menükészítés HTML+CSS-ben. Az egyes menüpontok háttérszíne megváltozik ha az egérmutatót a menüpont fölé mozgatjuk. A legjobb megoldás a rollover effekt készítésére JavaScript használata nélkül. (több infó) (kevesebb infó)

Videó beillesztése:

(hogyan működik?)