Kezdőoldal » Számítástechnika » Weblapkészítés » 3 elem egymás mellé, több...

3 elem egymás mellé, több sorban lapozható oldalakkal, hogyan csináljam?

Figyelt kérdés

egymás mellett 3-4 kép kevés szöveggel, de egymás alatt több soron keresztül, majd 10 sor után lehessen lapozni a következő 10x3-4 elemre és így tovább...

külön div-ekbe, majd {inline}??



2012. febr. 22. 04:20
 1/5 anonim ***** válasza:
Én <ul> <li> elemeket használnék hozzá.
2012. febr. 22. 09:29
Hasznos számodra ez a válasz?
 2/5 Drone007 ***** válasza:

A kijelzést mindenképpen a div elemekkel szoktam megoldani, float: left; tulajdonsággal (többi formázást rád bízom).

A lapozhatóság már egy kicsit bonyolultabb dolog, mindenképpen php-t érdemes használni a lapozó kialakításához. Kivéve, ha nem bővíted a képeket, akkor laponként beállíthatod a html oldalakat, és a lapozó linkjeit.

A lapozóhoz tudnod kell, összesen hány képed van. Ebből fog kiderülni, összesen hány oldalon jelenítesz meg képeket. Tegyük fel, hogy 256 képed van, és 40-et jelenítesz meg egy oldalon (10x4). Ekkor 7 oldalad lesz, az utolsón csak 16 képpel.

A képek alatt, vagy felett (vagy mindkét helyen) jelenítjük meg a lapozót, számokkal jelölve az egyes oldalakat, amelyek tulajdonképpen linkek, és a további vagy előző oldal képeihez mutatnak.

Ha php segítségével programozod le a képmegjelenítést, akkor az oldalak számlinkjeire get információt rakj, ami az oldal számát tartalmazza. Ebből a php script tudni fogja, hogy melyik képeket kell megjelenítenie. Pl.: ha meghívom a 4. oldalt, akkor 40 képpel számolva a 121-160 kell megjeleníteni a képeket. Minimum: (oldal - 1)*képek száma oldalanként + 1. Maximum: oldal * képek száma oldalanként.

Ha a képek adatait egy adatbázisból hívod le, akkor még egyszerűbb a dolog, hiszen az sql lekérdezésbe csak bele kell írni a limit-et (LIMIT 121, 40).


Nem akartam konkrét kódot írni, mert úgy gondolom jobb, ha megérted a szintaktikáját, mintha kapsz egy kész kódot amit nem értesz. Inkább írd meg a saját kódod, abból tanulsz a legtöbbet.

2012. febr. 22. 09:38
Hasznos számodra ez a válasz?
 3/5 A kérdező kommentje:

Köszönöm a válaszokat!

Azt hiszem a HTML-es számok href hivatkozását fogom választani, egyenlőre ez a php, és adatbázisból való lehívás idegennek hangzik, de majd azt is megtanulom szépen sorban. Tehát csinálok <div> konténert, azon belül gondolom class-al még 3-at, float-al balra igazítom őket és a lap aljára teszek számokat amiknek adok egy <a> hivatkozást, és megcsinálom ugyanezt a html oldalt, csak elnevezem mondjuk page2-nek és kész. Ugye?


Rákeresek erre a php lapozásra, meg az adatbázisból való lehívásra. esetleg tudsz valami linket hozzá?

2012. febr. 22. 20:30
 4/5 Drone007 ***** válasza:

A php programozás kicsit bonyolultabb mint a html, de érdemes megtanulni, mert egyrészt a jelenlegi honlapok 90%-át ezzel készítik, másrészt nagyszerű dolgokat lehet vele megvalósítani.

Adok néhány linket ahol elkezdheted az ismerkedést:

[link]

[link]


És mivel a php szerveroldali programnyelv (csak a webszerveren fut le, ezért neked is rendelkeznek kell webszerverrel, hogy futtathasd), telepítened kell futási környezetet a számára:

[link]

Én ezt a progit ajánlom. Teljes webszerver környezetet telepít, így lesz egy saját weboldalad a 127.0.0.1 ip címen. A telepítéséhez, használatához elég sok infót találsz magyarul is a neten.


Sok sikert!

2012. febr. 23. 09:18
Hasznos számodra ez a válasz?
 5/5 anonim ***** válasza:

Vagy bízz meg profit weboldalad elkészítésével! Ma már elérhető áron készítenek profi oldalakat..


[link]

2012. márc. 1. 19:41
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!