ugrás a tartalomhoz

Szöveg és kép elhelyezése CSS-sel és divekkel

walko · 2009. Jún. 13. (Szo), 09.47
Sziasztok,

Szeretném a tanácsotokat és segítségeteket kérni a következő feladat megoldásában.

Adott egy weboldal a következő <div>-ekkel:
- 240 px header (1 db kép állandó)
- 100 px menüsor (14 db menü két sorban)
- 600 px tartalom (két div benne text és pic, mert a hasznos tartalom bal oldalon szövegből és jobb oldalon kép(ek)ből áll)
- 50 px lábléc

Tegnap sikeres táblázatos megvalósítás után olvastam el a tableless design előnyeit, szóval ma előröl az egész :)

A kérdésem:
- hogyan lehet elegánsan megvalósítani, hogy a menüpontokra klikkelve a megfelelő text és pic jelenjen meg, az adott <div>-ekeben?

Eddig egy <iframe>-ben gondolkodtam, és abba raktam bele a hasznos tartalmakat. Ha ez nem jó vagy elegáns, akkor örömmel veszem a segítséget.

Válaszotokat előre is köszönöm.
 
1

AJAX, vagy oldal újratöltés

Poetro · 2009. Jún. 13. (Szo), 10.44
Előbbi előnye hogy nincs oldal újratöltés, de a keresőmotorok nem szeretik, ha nincs a második megoldás.
2

+ info

walko · 2009. Jún. 13. (Szo), 11.08
Köszönöm a választ!
Bocsánat az előbb elfelejtettem mondani, a hasznos tartalmak már megvannak html oldalakban és ott már szét vannak szedve <div>-ekben.

Akkor végülis az <iframe> is jó és elegáns megoldás?
3

Ne keretezz

Joó Ádám · 2009. Jún. 13. (Szo), 12.16
A frame nem elegáns megoldás. Ha csak ügyféloldali technikát akarsz használni, akkor vagy minden oldalra beilleszted a közös darabokat (kézzel fárasztó lesz, főleg ha változtatni kell), vagy AJAX-ot használsz (lehet az is keresőbarát, csak diszkréten kell megírni a JavaScriptet). De ha rendelkezésre áll a környezet, akkor érdemes inkább kiszolgálóoldalon letudni, ennek a pár doboznak a beillesztése PHP-val egy-egy sor kód.
4

hol lehet elindulni

walko · 2009. Jún. 14. (V), 08.47
Köszönöm a választ. AJAX-ról hol találok ilyen leírásokat esetleg tutorialt?
5

bocsi

walko · 2009. Jún. 14. (V), 08.59
Bocsánat, kérdés visszavonva... reggel van még ;)