Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc

[dasinn]

buna.o intrebare.caut un model de cod java script pentru ca pagina sitului sa-mi apara la fel pe fiecare monitor.
sper ca am pus bine problema.
cred ca se poate face in css dar nu am timp acum pt ca sunt grabit cu un site.
stie cineva un model de script?multumesc.

[NooK]

O rezolvare css : folosesti procente.
Alta rezolvare : aflii rezolutia si incarci pentru fiecare rezolutie un stil diferit.Nu ar trebui sa fie foarte diferite intre ele, ar trebui sa umblii doar la width-uri.

[hunt_h_er]

javascript e pentru layer-ul behavior.. pentru prezentare folosesti, dupa cum zicea si NooK, css. Invata sa folosesti div-uri, float-uri si pozitionari. Documenteaza-te si vezi cum se fac fluid layouts.

[dasinn]

buna.am cautat o gramada pe google pentru layoturi lichide dar nu am gasit decat franturi.
tot ce am inteles e ca nu se pot face pentru fiecare rezolutie in parte si trebuie sa-ti alegi o rezolutie in care se cam incadreaza userii.
ce am gasit doar, e pentru fixarea bgului de imagine in functie de rezolutie si pentru fonturi.dar asta e prea putin si e si in java script.
stiu sa fac in css cu procente dar arata asa de aiurea...

rugamintea mea si intrebarea ,in acelasi timp :nu stie nimeni un tutorial foarte bun si complex care sa cuprinda toate rezolutiile ,sau macar cat mai multe rezolutii?
de ce spun asta?
m-am gandit cum e sa-mi vad situl pe un telefon mobil?
daca se poate pe un telefon mobil cred ca se poate si pentru toate rezolutiile.
va multumesc foarte frumos!!

[saitek]

E foarte simplu sa faci ceva fluid uite un mic exemplu:
Cod:
div.main{
width:100%;
}
div.left{
float:left;
width:70%;
}
div.right{
float:left;
width:30%:
}
<div class="main">
<div class="left">
left content
</div>
<div class="right">
right content
</div>
</div>

Simplu, si eu m-am jucat un pic cu ele..

[dasinn]

buna.am resit sa fac.dar imi da 2 pixeli diferenta intre divuri.
am un content.si trei divuri incluse,cu float left si display inline.


.content{width:100%;height:237px;background:#08090b;border-bottom:1px solid #444444;border-top:1px solid #2c2c2c;float:left;}

.contentleft{float: left;
width:10%;height:50px;
background-color: #ffffff;

}



.contentcenter{float:left;height:70px;
width:20%;
background-color: #ff2e46;
}
.contentright{float: left;
width:20%;
height:50px;
background-color: #ff6749;
}

asa.stau pe el de ceva ore.am cautat o gramada pe google pentru ceva hackuri dar nimic.
imi spune cineva sau sa ma trimita la un tutorial unde sa vad cum rezolv problma celor 2 sau 3 pixeli diferenta intre divuri.da sigur diferenta intre ie si ff.

multumesc

multumesc mult.

[ebogdan]

Oricum, dacă ai vreo imagine, niciodată n-o să-ţi arate site-ul la fel, exceptând cazul în care scalezi şi imaginile, ceea ce nu e tocmai practic.

[dasinn]

stiu ce vrei sa spui.m-am confruntat cu chestia asta.pai am imagini care nu afecteaza deignul.aa mi-m fcut designul incat a fie ok daca se modifica imaginile.
de ce nu e recomndat a du resize la imagini?sunt curios.
se ditorsioneaza ?atat?exista alt motiv?

[mihaitha]

Da, se distorsioneaza. Eu zic ca e suficient motiv.

Plus ca imaginea trebuie sa existe pentru rezolutia maxima posibila, deci vei ajunge poate sa incarci o imagine de 2 mega ca sa afisezi 100x200 px (not practical).

[dasinn]

e ok asta am inteles.si siturile care se pot vedea pe un telefon mobil cum sunt?la imagini ma refer ...
daca vorbesc aiureli va rog sa ma corectati

[mihaitha]

Site-urile care merg pe mobile (wap mai exact) merg pe tehnologia WML care e cu totul alta mancare de peste.

[dasinn]

multumesc pentru raspuns.eram curios sa vad cum sa pot vizualizez pe telefon mobil.o sa ma documentez.

[PHPRomania Bot]