PHP.EE FOORUM   
Nimi:   Pass:   Mäleta mind! 
   Teemad | php.ee esilehele | registreeri | Märgi kõik teemad loetuks | #php.ee Skype vestlus | RSS
UUS TEEMA  OTSI  Lehekülgi: 1 2 3 
RE: HTML ja tema veidrused brauseritega
Postitaja: zeratul 2009-02-14 22:08:42
TSITEERITUD:


Õnneks pole siiamaani kohanud kliente, kes kasutajaliidese HTML-is tuhniksid ja vinguksid, et miks "div" tage pole "td" asemel :P

Enveis, inimesed ju erinevad. Mõnel tuleb peast korrutamine lihtsamini kui jagamine, mõnel jälle vastupidi.

Kas oleksid Sa muidu nõus oma div-induse skille demoma ühe üsna krõbedate nõuetega kujunduse HTMLiseerimisel? Iseenesest on too juba lõplikult valmis, tabeldatud kujul ja kulunud aeg on mul enam-vähem teada. Mind huvitab, et kas tõesti oleks mõtet div-indus endale selgeks teha.


Mis minu praktikasse puutub, siis 90% klientidest oskavad kohe öelda, et ei mingeid tabeleid.
Mis korralikesse div-lahendustesse puutub, siis vaata mu eespool toodud näiteid.
RE: HTML ja tema veidrused brauseritega
Postitaja: Karl_Punk 2009-02-14 23:58:40
ma tegelt lootsin, et sa midagi eriti keerulist siia paned, ainuke natuke keerukam asi selle ülesande juures on need ümarate nurkadega uudiste ja contendi kastid, need nõuavad nokitsemist pisut.

Umbes tunnike kulub sellise asja tegemise peale (max. 1,5), Sõltub kui kiiresti kirjutad, sest mõelda siin pole vaja, puhas html + CSS kribamise vaev.

Õnneks ma õlli ei joo ja raha ka ei taha :) aga ausõna tunniga teeksin ära :)

TSITEERITUD:
Fire at will, divi-kahurid :) Mul kulus sarnase tabelimajanduse peale 5 tundi. Algse kujundustooriku leiab http://hot.ee/divordie/data/div.zip (md5_file == 'eb915aa4e5dbfbb13beee7edf35c6c31') ja kell kukub 15.02.2009 23:59:59


N6uded HTMLile:

* valideerub w3c validaatoris roheliseks (vahet pole, millena)

* n2eb enam-v2hem yhesugune v2lja ja toimib sarnaselt brauserites >= (IE6, FF2 ja Safari 2)

* htmlis pole yhtki "table" elementi ja CSS ei sisalda yhtki "display: table-cell" vms deklaratsiooni

* htmliseeritud kujundus on "liquid" ehk et brauseriakna suuremaks/v2iksemaks venitamisel k2itub tervikuna intelligentselt

* headeri ja footeri k6rgus on fikseeritud ning contendiosa (betoonitekstuuriga pind) resizeb intelligentselt, s.o. t2idab 2ra kogu vaba ruumi, mis headeri ja footeri vahele j22b ning seda olenemata brauseriakna suurusest kusjuures maximeeritud akna puhul peaks vertikaalne kerimisriba olema "hall"

* peamenyy joondub brauseriakna vasakusse 22rde

* keeltemenyy joondub brauseriakna paremasse 22rde

* pildikast uudistekasti kohal joondub alati brauseriakna paremasse 22rde olenemata kuidas brauseriakent resizeda

* uudistekasti laius on fikseeritud ja joondub vasakule j22des samale vertikaalsele joonele kus asub ka pildikasti vasak 22r

* textiosa laius on "liquid", st. t2idab intelligentselt uudiste/pildikasti jupist ylej22va ruumi kui brauseriakent suvaliselt resizeda


Muu jutt:

* kujundus ise on autori6igusega kaitstud seega kui keegi peaks tahtma seda muuks otstarbeks kasutada, siis ei tohi. omalt poolt luban, et valminud divkujundusi loojate loata kusagil mujal ei kasuta.

* ei maksa muretseda kui yksteise peal olevate elementide taustamustrid kokku ei l2he, see oleks hetkel out-of-scope

* div-kujunduse demoyritusest osav6tuks postita divkujundust sisaldav zip-arhiivi link foorumisse koos failist tehtud md5_file outputiga

* "stopper" l2heb kinni foorumipostituse ajaga samal hetkel ja kes ees see mees v6i naine..

* kui 6llede vastu huvi tunned, siis lisa zipile meil.txt ja sinna sisse oma meiliaadressi md5, millelt kontaktid plaanid saata, et keegi teine sinu nime alt trollides 6llet endale n6uda ei saaks


PS. Kui m6ni tabelimees/naine tunneb, et suudaks divimeestele/naistele pika puuga 2ra panna, siis v6ib kolmandat n6uet ignoreerida ja nii8elda vabakuulajana kaasa lyya. Paraku 6lledele niisugune lahendus ei konkureeri..
RE: HTML ja tema veidrused brauseritega
Postitaja: Priidupoja 2009-02-15 10:25:12
Mis teil viga on !? Ärge minge nüüd teemast mööda...
CSS ja Tabelimeeste kohta ma arvan nii, et see kes ei taha see ka ei taha selles kiiresti teha. Või teisaltpidi pole ammu teinud ja siis ei oska enam võtteid kasutada.


Aga no teemasse tagasitulles... Minuarust väga paljud said muidugi aru, aga nendele kes aru ei saanud:
http://img213.imageshack.us/img213/4935/htmlbugge4.png
RE: HTML ja tema veidrused brauseritega
Postitaja: Karl_Punk 2009-02-15 11:20:44
ei ma mõtlen, et kas mingi disain on sul mis nõuab just sellist tabeliga asja? Näita disaini, milline peab lõpptulemus olema.

Kas seal alumises "probleemses" kastis peab ka mingi sisu olema?

Antud juhul oskas soovitada: tee tabelite ja div'de kombinatsioon.

Tee lihtsalt ühe rea ja kolme tulbaga tabel.

ja kumbagi äärmisesse tulpa tee valign="top" ja pane 2 DIV'i ja ülejäänud jama (see mis peab alumises pikas kastis olema, kuni tabeli lõpuni) kirjuta viimase divi alla :) see on inetu, aga peaks töötama :)
RE: HTML ja tema veidrused brauseritega
Postitaja: asdman 2009-02-15 14:12:17
Mida sa niisama targutad siin, inimene vajab abi!

TSITEERITUD:
Point on selles, et sa ei selgita, mida sa teha tahad. Sa küsid kuidas teha nii nagu sa tahad teha.

Joonista pilt, milline peab tulemus olema, siis saad ehk rohkem ettepanekuid.

Miks on vajalik, et üks või teine asi oleks nii nagu ta sul on planeeritud. Siis saad kindlasti paremaid vihjeid.

Hetkel meenutab see natuke olukorda: "Andke vihjeid kuidas puust nuga rauda panna lõikama" Rahvas on segaduses, sest ei viitsi nii keerulist lahendust sulle leiutada :D

Tabelid on hea, lihtne ja arusaadav vahend, aga kahjuks ei ole nii lihtne asi kuigi paindlik.

RE: HTML ja tema veidrused brauseritega
Postitaja: rtfm 2009-02-15 15:11:32
Nii tegin kiirelt pohmakaga, ajakulu 30 minsa. Koos piltide lõikumisega ja stiilide täpsustamisega läheks vist tund juurde. Struktuur on sulle oluline vist, sisu oskab igaüks muuta.

http://www.hot.ee/readthefinematerials/tabletodiv.html

ei viitsi nende md5 -tega jamada jne, aga lisaks sinu saidile on võimalik vaadata suvalise asjaga mis htmli toetab , stiilifailid on ainult ekraaniesitluseks, ilma stiilifailita kuvab sisu loogilises järjestuses tekstiversioonina
RE: HTML ja tema veidrused brauseritega
Postitaja: kix 2009-02-16 12:27:34
omk!

hm, divimehed - 6petage siis mind ka natuke palun.

2 probleemi on:

1) div'i sisse vaja panna pilt. pildi suurust ei tea, aga see on maksimaalselt 200 x 200px. tahaks pilti tsentreerida divi keskele (div ise on 250x250px) ja et oleks pildil link ka kyljes.

2) on vaja teha selline rida:


--------------------------------
| | | |
| 2 | mingi pikem | veel midagi|
| | tekst | |
--------------------------------


ysnaga, et on cellid yksteise k6rval, tekst on nende sees centreeritud, laiused fiksitud ja tekst wrapib mitmele reale kui ei mahu 2ra. taustav2rv on ka, aga see pole eriti oluline vist. kogu rea k6rgus on ka fikseeritud minimaalselt 50px ntx.


ma t2iesti ausalt tahtsin teha neid divide ja cssiga ja veetsin selle kallal way rohkem kui see 47 minutit, mis maksimaalselt ette n2htud on ja no ei tulnud v2lja.

kokkuv6ttes - kuidas ma saan elemente tsentreerida vertikaalselt div'i sees ilma position: absolute; kasutamata?

tundub nagu j6le tobe kysimus, aga ma t6esti ka p2rast suht pikka googeldamist ei leidnud vastust.
RE: HTML ja tema veidrused brauseritega
Postitaja: geo__ 2009-02-16 12:52:48
TSITEERITUD:
omk!

hm, divimehed - 6petage siis mind ka natuke palun.

2 probleemi on:

1) div'i sisse vaja panna pilt. pildi suurust ei tea, aga see on maksimaalselt 200 x 200px. tahaks pilti tsentreerida divi keskele (div ise on 250x250px) ja et oleks pildil link ka kyljes.

2) on vaja teha selline rida:...



nu, proovi seda:
(muu HTML pane ise paika.)

<style type="text/css">
<!--
#container {
position:absolute;
left:1px;
top:1px;
width:800px;
z-index:1;
}
.centercontent {
width:250px;
min-height:50px;
float:left;
text-align:center;
padding:5px;
height:auto;
border:solid #FF9900 1px;
background-color: #FFFFCC;
}
-->
</style>

<div id="container" >
<div class="centercontent">
<p>text</p>
<p><a href="#"><img src="mingipilt.jpg" border="0" /></a></p>
Surramurra xxxxx
</div>
<div class="centercontent">
<p>text</p>
</div>
<div class="centercontent">
<p>text</p>
</div>
</div>
RE: HTML ja tema veidrused brauseritega
Postitaja: kendo 2009-02-16 18:50:47
TSITEERITUD:

Mis minu praktikasse puutub, siis 90% klientidest oskavad kohe öelda, et ei mingeid tabeleid.


Jaajaa kuule vaata sul suu suitseb :)

Minu 8+ aastase töökogemuse juures pole MITTE ÜKSKI klient öelnud, et "ma ei taha HTMLis näha tabeleid".

Sinu jutu põhjal võiks arvata, et niisuguseid leidub, aga mina pole yhtki kohanud. Järeldus? Maailm on suur ja lai ja väga kirju, mitte ühetooniline.

TSITEERITUD:
Nii tegin kiirelt pohmakaga, ajakulu 30 minsa. Koos piltide lõikumisega ja stiilide täpsustamisega läheks vist tund juurde. Struktuur on sulle oluline vist, sisu oskab igaüks muuta.


Nojah. Kasutuskõlbuliku ja lõpuni viimistletud asjaga ei saanud keegi hakkama. Isegi mitte rohkem kui 48 tunni jooksul.

Mingi suvalise käki v6ib+olla viskabki 30 minsaga valmis, aga see ei demonud absoluutselt mitte midagi, peale selle, et ligi 24h tundi pärast teema algust ütlesid, et sul võttis 30 min aega:) Tühjagi:)

TSITEERITUD:

geo__
position:absolute;


Inimene ju küsis ilma "position:absolute;" kasutamata.
RE: HTML ja tema veidrused brauseritega
Postitaja: rtfm 2009-02-16 19:36:08
TSITEERITUD:


Jaajaa kuule vaata sul suu suitseb :)

Minu 8+ aastase töökogemuse juures pole MITTE ÜKSKI klient öelnud, et "ma ei taha HTMLis näha tabeleid".



See mis ma sulle tegin ei ole päris suvaline käkk, lihtsalt liquid layout mis valideerub ja downgradeb ennast tekstiversiooniks, kui seade millega sa seda lehte vaatad juhuslikult htmli ei toeta. Tabeliga saaks sama asja tõsti ja võibolla kiiremini , aga fallback jääks vajaka ja saidi struktuuri muutumisel nutaksid ning oleks väga jäigalt seotud sellega mis järjestuses tekstiversioonis sisu peaks esitlema või peaksid tekstiversioonile, mobiiliversioonile tegema eraldi template.

Kui sinu 8+ aastane kogemus sellise lihtsa layoutiga kauaks nuputama sunnib ja foorumist selliseid triviaalseid asju küsima sunnib, siis kuidas sa postimehe suguse layoutiga maha saaks tööpäeva jooksul või tänapäeval aega nädal selliste asjade slicemiseks?
RE: HTML ja tema veidrused brauseritega
Postitaja: kix 2009-02-17 09:59:09
TSITEERITUD:

nu, proovi seda:
(muu HTML pane ise paika.)


ei toimi nii - http://terryf.struktuur.ee/ctr.html panin sellele sisudivile height: 250px ja sisu ei tsentreerita sinna vertikaalselt.

RE: HTML ja tema veidrused brauseritega
Postitaja: geo__ 2009-02-17 11:14:03
TSITEERITUD:


Nojah. Kasutuskõlbuliku ja lõpuni viimistletud asjaga ei saanud keegi hakkama. Isegi mitte rohkem kui 48 tunni jooksul.

Mingi suvalise käki v6ib+olla viskabki 30 minsaga valmis,....


Heh, mis sa mõtled et, sisestad probleemi, paned stopperi käima ja saad viimistletud lahenduse?

unista edasi.
RE: HTML ja tema veidrused brauseritega
Postitaja: geo__ 2009-02-17 11:14:51
TSITEERITUD:


ei toimi nii - http://terryf.struktuur.ee/ctr.html panin sellele sisudivile height: 250px ja sisu ei tsentreerita sinna vertikaalselt.



uuri sealt edasi: http://www.student.oulu.fi/~laurirai/www/css/middle/
RE: HTML ja tema veidrused brauseritega
Postitaja: zeratul 2009-02-17 15:50:31
TSITEERITUD:


Jaajaa kuule vaata sul suu suitseb :)

Minu 8+ aastase töökogemuse juures pole MITTE ÜKSKI klient öelnud, et "ma ei taha HTMLis näha tabeleid".

Sinu jutu põhjal võiks arvata, et niisuguseid leidub, aga mina pole yhtki kohanud. Järeldus? Maailm on suur ja lai ja väga kirju, mitte ühetooniline.



Nojah. Kasutuskõlbuliku ja lõpuni viimistletud asjaga ei saanud keegi hakkama. Isegi mitte rohkem kui 48 tunni jooksul.

Mingi suvalise käki v6ib+olla viskabki 30 minsaga valmis, aga see ei demonud absoluutselt mitte midagi, peale selle, et ligi 24h tundi pärast teema algust ütlesid, et sul võttis 30 min aega:) Tühjagi:)


No mis seal ikka, minu aktiivne töökogemus selles bisnesis on 2 aastat, enne seda veel teist sama palju passiivset töökogemust ning siiani on kaks klienti olnud, kes ei öelnud, et soovib justnimelt tabelivaba kujundust. Need olid ka kõige esimesed tellijad mul.

Minu hinnangul pani rtfm-i lahendus tabel vs div teemale lõplikult punkti ning kui sa loodad, et keegi hakkab siin valmislahendust tegema lihtsalt selleks, et sulle tõestada ja näidata, et ta oskab, siis ma küll hästi ei tahaks uskuda, et sa 8+ aastat selles bisnesis aktiivselt ja esireas tegutsenud oled. Sel juhul peaksid sa väga hästi teadma, palju sellise lahenduse lahtilõikamine maksab ning eeldaksid, et kellelgi pole huvi sellist aega/raha lihtsalt lambist korstnasse kirjutada.
RE: HTML ja tema veidrused brauseritega
Postitaja: rtfm 2009-02-17 16:08:36
TSITEERITUD:

No mis seal ikka, minu aktiivne töökogemus selles bisnesis on 2 aastat, enne seda veel teist sama palju passiivset töökogemust ning siiani on kaks klienti olnud, kes ei öelnud, et soovib justnimelt tabelivaba kujundust. Need olid ka kõige esimesed tellijad mul.


oleneb mis asju teha :) samas on suhteliselt tavaks juba saanud , et üle 50k asjadele tellitakse hiljem ka audit kolmanda osapoole poolt kes süsteemianalüüsis ja disainis näpuga järgi annab ja totruseid välja üritab tuua.

lihtsalt sellise suhtumisega, et ah teen vanatviisi sa ei jõua kunagi järjekordse twitteri, digi või mingi sellise tekkestaadiumi tasemenigi, sest innovatsioon (või maailmas juba olemasoleva rakendamine) piirdubki sellega, et "oh tegin liquidlayouti tabeliga kuna diviga on nõme" ning see kuidas pärast seda tehtut pead päevas kasvõi tühised miljon pageviewd rahvale tavalise virutaalserveri tingimustes edastama jääbki ilmselt mustaks maaks.

lihtsalt mõtteaineks tabelimeestele, et kui sa annad oma rakendusele stiilidega layouti kaasa, siis on sul põhimõtteliselt kaks loogikakihit mida sa ilma pikema mõtlemata oma rakenduse jaoks täna ja kohe saad:

a. eraldi arendada , versioonida
b. eraldi hostida, cacheda, deployda

pelgalt see, et stiilifaili saad eraldi kasutaja masinas cacheda on edev, tabeliga, aga nussid kõike läbi ühe toru ja su rakendus ei hakkagi kasutajaliidese küljelt kunagi skaleeruma.


RE: HTML ja tema veidrused brauseritega
Postitaja: Endel 2009-02-17 22:19:09
Kogu see div-tabeli vaidlus meenutab mulle kahte tola Monty Pythoni Püha Graalis, kes hakkasid vaidlema kas pääsuke oli Euroopa või Aafrika oma :))

Priidupoiss - sul on tingimata vaja et kaks ülemist oleks nii kõrged kui neis sisu on? Meie disaineri-preili kasutab sellistel puhkudel fix kõrgusega divve ikka.

Kix - keskele joondamiseks divviga proovi margin: auto. Aga siis peab olema XHTML strict, muidu IE7 ei söö. Probleem 2 lahendub ka ehk samamoodi ära - teed 3 divi üksteise kõrvale ja igaühe sisse uus div, milledele "margin: auto 0;".
RE: HTML ja tema veidrused brauseritega
Postitaja: muig 2009-02-17 22:37:29
TSITEERITUD:
...aga nussid kõike läbi ühe toru ...


mõnele ju meeldibki ainult ühte toru/auku kasutada, mis selles halba on? :P
RE: HTML ja tema veidrused brauseritega
Postitaja: kix 2009-02-18 10:13:27
TSITEERITUD:


uuri sealt edasi: http://www.student.oulu.fi/~laurirai/www/css/middle/


et siis nii ongi? et cssiga ei saagi vertikaalselt alignida asju (h2kid mis erinevatel brauseritel ei t88ta, ei ole minu jaoks reaalsed v6imalused)? maitea, minu jaoks on see t2iesti uskumatu - see on ju t2iesti elementaarne asi ...

ma t6esti ei n2e enam rohkem m6tet vaidlustel, kumba kasutada, kas tabeleid v6i div'e.

RE: HTML ja tema veidrused brauseritega
Postitaja: kix 2009-02-18 10:21:09
TSITEERITUD:
Kix - keskele joondamiseks divviga proovi margin: auto. Aga siis peab olema XHTML strict, muidu IE7 ei söö. Probleem 2 lahendub ka ehk samamoodi ära - teed 3 divi üksteise kõrvale ja igaühe sisse uus div, milledele "margin: auto 0;".


mul ei s88 seda ka ff3 ja xhtml strict kasutamine on ka ... hm. keeruline.

tegin selle xhtml strict peale ja panin margin: auto; http://terryf.struktuur.ee/ctr.html

aga ei ole keskel vertikaalselt.
RE: HTML ja tema veidrused brauseritega
Postitaja: Endel 2009-02-18 11:38:50
TSITEERITUD:
mul ei s88 seda ka ff3 ja xhtml strict kasutamine on ka ... hm. keeruline.

tegin selle xhtml strict peale ja panin margin: auto; http://terryf.struktuur.ee/ctr.html

aga ei ole keskel vertikaalselt.


Tõsi... ega ma ausaltöelda ei proovinud seda... annan alla - tee tabelid parem :P
RE: HTML ja tema veidrused brauseritega
Postitaja: kassu 2009-02-18 13:52:21
http://www.jakpsatweb.cz/css/css-vertical-center-solution.ht

Ja tabelimeestele tahaks lisada, et see on loogiline, element peabki olema nii kõrge nagu talle öeldakse või nii kõrge, kui palju teksti on (default). Lahendus, kus kaks tulpa on kõrvuti, 1 on mõttetult pikk ainult seetõttu, et teises on rohkem infot, on jube kole disainiliselt.
RE: HTML ja tema veidrused brauseritega
Postitaja: Koodikeevitaja 2009-02-18 14:27:54
Täiesti mõtetu vaidlus. olen siiani teinud sellega millega omale soovitud tulemuse kõige paremini kätte saan ja JOKK.
Tellijat huvitab ikkagi tema soovide järgi töötav asi, mitte see, mitu orgasmi fanaatiline koodinikerdaja sai.
RE: HTML ja tema veidrused brauseritega
Postitaja: divipoiss 2009-02-18 15:24:39
tabelimehed, tehke selliseid disaine tabelitega
http://www.branded07.com/
http://www.webdesignerwall.com/trends/best-of-css-design-200

tabelitega läheks vist raskesks :)


Tabelid on ikkagi tabelinfo jaoks. Ülejäänu värgi jääks ikka muu.
RE: HTML ja tema veidrused brauseritega
Postitaja: rtfm 2009-02-18 17:30:05
Põhiline asi mille pärast tundub, et tabeliga on lihtsam on veebiesitluse "box model" olemuses kus kõik elemendid on tegelikult kandilised.

Sellest tulenevalt ongi väga lihtne asju tabelina endale ette kujutada. Layouti ja koodi lahushoidmine cssi abil omab hoopis teisi eesmärke millele on siin ka viidatud, samas tabel kujundab koodi tasandil ja seetõttu ei olegi eriti mõttekas teda üldise layouti kirjeldamisel kasutada.

Kui sul on andmed tabelkujul, siis anna tuld, tabelit ei pea kartma. Kui sul on vaja ühe elemendi sees elementi vertikaalselt joondada keskele, siis määra elemendile kõrgus ja sama kõrge reakõrgus ning kasuta vertical-align: middle. sisemistele elementidele määra seejärel normaalne reakõrgus ja oledki oma ülesande saavutanud. Tabel ei oma siin mingit reaalset eelist asjade tegemisel kuna ka tabeli kõrguse kontrollimine on erinevate brauseritega problemaatiline.
RE: HTML ja tema veidrused brauseritega
Postitaja: kix 2009-02-19 09:35:54
kassu, kui hakata cssis kasutama asju nagu display: table-cell, siis mispoolest see <table> elemendist parem on? ma ei pea seda lahenduseks.

rtfm, tegin selle reak6rguse, mida sa pakkusid: http://terryf.struktuur.ee/ctr.html ei toimi.


Leheküljed: 1 2 3 

©2002-2013 Martin Rebane & PHP.ee kaasautorid
  0.095556974411