Rezolutie-Website ( rog fara off topic)

Salutare... inainte de toate as vrea sa va rog un lucru.. pentru ca am doar notiuni elementare de html si java.. va rog daca stiti sa-mi dati raspunsul sa nu folositi cuvinte prea "grele":) si sa nu incepeti cum au mai inceput si altii pe alte siteuri sa spuna:"pai tu vii aici fara sa ai habar de programare...invata si dupa aia apuca-te de treaba".. deci va rog decat asa mai bine abtineti-va pt ca am nevoie de ajutor urgent.:(
Problema sta in felul urmator.. mi-am facut un site in design(singur ca n-am avut destui bani sa-i dau cuiva sa mi-l faca).. fara sa folosesc codul html decat in anumite situatii, majoritar este format din tabele centrate. Problema este ca eu am un monitor de 24 inchi cu rezolutie de 1980 cu 1080, iar siteul arata f ok pe rezolutia asta(pe acest computer am creat siteul).. dar cum ma uit la el de pe alte calculatoare cu rezolutii mult mai mici(sub 1280-1024) trebuie sa folosesc scrollul sa se vada tot siteul pe orizontal spre dreapta.. intrebarea mea este urmatoarea:
-stiti cumva un cod html,javacsript, css ceva(exact codul care trebuie pt a face o auto rezolutie pt orice tip de rezolutie ar avea monitorul)?
-ma refer exact la codul care trebuie daca se poate ca v-am spus.. n-am decat notiuni despre html si java
-si unde anume sa pun acel cod in codul html?
Va multumesc frumos.. si ma scuzati ca vreau totul chiar asa mura in gura..

Salut si bine ai venit pe Seopedia.
Frumos si elegant din partea ta ar fi sa treci intai pe aici: Prezentare forumisti
Ar fi ok sa postezi adresa siteului pentru a ne da cu parerea :)

Pai nu stiu cat de corect e ceea ce vrei sa faci, pt ca se vor micsora si fonturile si e posibil s nu se mai inteleaga nimic.
Daca spui ca e facut de tine, poti incepe sa-l modifici singur dar ai grija ca de data asta tot layoutul sa aiba o latime de aprox 950-960 pixeli.

E mai complicat decat crezi tu. Esti inca incepator, lucrezi cu tabele, iti recomand sa mergi pe o rezolutie fixa, nu mai mare de 960px width.

Dar daca tot vrei sa faci ceva serios, incepe sa inveti singur... sunt multe tutoriale, iti recomand: Cum sa transpui din Photoshop in HTML+CSS video, dar pe acelasi site ai muulte alte resurse realizate profesional.

paginea mea este: pokersofts.com ( se pare ca nu merge sa postez tot linkul daca nu sunt membru de cel putin 30 zile)

Folosind tabele, raportul cod/ continut este unul dezatruos.
Eu ti-as recomanda sincer sa iei treaba de la capat si sa folosesti un CMS.
Daca vrei sa pastrezi formatul static, cumpara-ti macar un template decent care sa arate cat de cat profi. Prima impresie a fost sa inchid browserul si sa fug. Nu ti-o spun cu rautate, dar e bine sa afli o parere obiectiva.
Na ca am dat-o in offtopic.

nu ma supar robyroy.. dar faza e ca nu gasesc template cu ce vreau eu.. ca eu vreau un template sa arate exact cum am eu siteul in mom asta dar sa arate na mai profi.. dar nu exista ca am cautat.. vad ca si tu ai site-ul din domeniul poker si sti la ce ma refer cand zic ca vreau ca siteul sa arate exact in formula in care eu l-am facut.. si in nici un fel altcumva

Multe reclame nu inseamna automat conversii bune :)
CAuta si iti garantez ca vei gasi ceva potrivit.

Site-ul nu e atractiv deloc. Si eu spun ca ar tb sa-l redesenezi de la zero (sa cauti de fapt un template). Pune mana si citeste pentru ca nu e greu, doar ca la inceput asa pare.

Problema cu tabelele nu e raportul de continut ptr ca dc ai un table curat s-ar putea sa fie mai ok codul decat cu divuri. problema la tabele este modul in care sunt randate de browser prin faptul ca trebuie sa redeseneze celula cu celula. (=> probleme de performanta... eg. IE).
On topic: designul este urat insa gusturile nu se discuta. asculta de ce zice lumea de pe aici.. fa un site cu o latime de max 960 cu margin: auto .. centreaza tabelul principal si eventual redu si din latimea zonei centrale si din latimea celorlalte.

multam de raspunsuri

css clar ai nevoie (optional un css framework), fara tabele!
din css cel mai simplu ai min-width si max-width , in functie de rezolutie se va schimba marimea unui div.

O fraza peste care am dat intr-o carte de Android:

Citat:

---

To make your interface scalable to any current and future type
of display, I recommend you always use the sp unit for text sizes
and the dip unit for everything else.

---

S-ar putea sa fie exact raspunsul la ceea ce ai tu nevoie ...

Mai pe scurt la ce au zis baietii mai sus ai 2 posibilitati:

Folosesti css in ambele cazuri, scapa de tabele te rog :D.

1. Folosesti o pozitie fixa standard ( pentru div-ul principal ), width: 960px cu proprietatea in css: margin: 0px auto;
Cam asa:

Citat:

---

#wrap {
width: 960px;
height: auto;
margin: 0px auto;
}

-Div centrat si compatibil pe toate rezolutiile ( asa spune cartea ) .

---

2. Folosesti fluid css, adica pagina web se aute-redimensioneaza in functie de rezolutia utilizatorului. Principiul este simplu, in loc de unitati de masura ( px, cm, em etc ) folosesti procente.

Citat:

---

#wrap {
width: 100%;
height: auto;
margin: 0px auto;
}

---

-Ai o pagina web compatibila pe toate rezolutiile.

Sper ca ti-am explicat bine. :)

Numai bine!

LE: Si solutia lui Iulian este foarte buna.