Problem: layout w CSS

[Johny]

Witam

Mam nastepujacy problem, musze zrobic prosta stronke, ktorej konstrukcja wyglada mniej wiecej tak:

 

 

Prosty header z menu we flashu (czerwone pole) + ponizej zawartosc strony (niebieskie) + 2 elementy (zolte) ktore sa powielane w zaleznosci od szerokosci okna przegladarki (czerwone + niebieskie zawsze wycentrowane). Potrafie to zrobic w oparciu o tabele, z tym ze chcialbym aby po kliknieciu w ktorys z przyciskow w menu zmieniala sie zawartosc niebieskiego pola. Z metod mi znanych pozostaje tylko podzielic to na ramki :/ ale chyba nie tedy droga bo z tego co wiem w dzisiejszych czasach mamy CSS :) Problem w tym ze kompletnie nie wiem jak sie za to zabrac, nie mam nawet podstaw i czasu zeby sie tego teraz uczyc. Bylbym wdzieczny za gotowe rozwiazanie.

 

Za pomoc moge zaoferowac piwo w warszawie :)

 

pozdrawiam

[zdunek89]

tu masz kurs html, przejżyj sobie o pozycjonowaniu

http://www.kurshtml.boo.pl/css/pozycjonowanie.html

 

ogólnie musisz robić na divach, w takim przypadku proponuję zrobienie divach na pozycjonowaniu absolutnym, i te dwa zółte to jeden div, i nad którym będzie to flashowe menu...

 

jeśli bym wiedział dokładnie jak to wygląda to bym mógł dokładniej opisać

[Gość User190]

Jeśli nie chcesz za każdym razem przeładowywać całości to użyj AJAXa.

[Johny]

zdunek89 - za bardzo nic mi to nie mowi :( wiem ze sa jakies divy i cos tam umieszcza sie w kodzie html strony, a wiekszosc w pliku css, ale naprawde nie mam czasu teraz sie tego uczyc. Strona wyglada dokladnie tak jak na rysunku wyzej , z tym ze te 2 zolte elementy sa od siebie rozne i jeden ma sie powielac z lewej, a drugi z prawej, sa takiej samej wysokosci jak header-menu. Jezeli wiesz jak to rozwiazac bede naprawde wdzieczny za pomoc :)

 

M@Ti - z czym to sie je? jesli to jakies skrypty to odpadam :( moze jakis przyklad takiego uzycia?

[Gość User190]

http://pl.wikipedia.org/wiki/AJAX

za wiki: http://www.adaptivepath.com/publications/essays/archives/000385.php

[Knysha]

No to ja jeszcze podrzuce cos takiego:

http://dynamicdrive.com/dynamicindex17/ajaxtabscontent/

[zdunek89]

zdunek89 - za bardzo nic mi to nie mowi :( wiem ze sa jakies divy i cos tam umieszcza sie w kodzie html strony, a wiekszosc w pliku css, ale naprawde nie mam czasu teraz sie tego uczyc. Strona wyglada dokladnie tak jak na rysunku wyzej , z tym ze te 2 zolte elementy sa od siebie rozne i jeden ma sie powielac z lewej, a drugi z prawej, sa takiej samej wysokosci jak header-menu. Jezeli wiesz jak to rozwiazac bede naprawde wdzieczny za pomoc :)

gdybym widział dokładnie jak wygląda lay, tz rodzaj grafiki i rozłożenie(nie wiem jak wytłumaczyć o co mi chodzi) to pewnie bym kod zrobił w godzinkę

jeśli do niedzieli tego nie zrobisz to napisz Mi na gg:6734930

a do niedzieli, bo do tego czasu jestem bardzo zajęty...

[avant.garde]

wiem ze sa jakies divy i cos tam umieszcza sie w kodzie html strony, a wiekszosc w pliku css, ale naprawde nie mam czasu teraz sie tego uczyc.

 

Hmmm, z takim podejściem to daleko nie zajdziesz.

[SSn4k3]

Generalnie to jest 15 minut roboty, zeby taki layout napisac. Zapoznaj sie z float: i Clear, display:block i będzie dobrze. Później postaram sie cos napisac przykładowego:)