Tinklapio išvaizda

Kaip padaryti, kad per centrą būtų pvz užrašas MAMA MIA , o šone to teksto lentelė su kokiais nors dalykais :) nu aš programuot moku, tik vat web dizaine nenusimanau :) Jei kaas nesuprato tai kaip pvz smszona.lt, kaip padaryt kad per vidury būtų tie skelbimai o sone galimybė įdėt skelbimą?

Sourcinau, bet nlb supratau :)

table arba css jėgą panaudok

Tai padaryti labai paprasta. Sukurk du blokus su div HTML žymėmis ir nurodyk atitinkamus CSS aprašus.

<div id="skelbimai">

Čia talpinami skelbimai (skelbimų lentelė).

</div>

<div id="sonas">

Šoninė juosta.

</div>

#skelbimai { width: 60%; float: left; }
#sonas { width: 35%; float: right; }

arba galima geriau (tik senesni IE nupjaus grybą)

<div id="wrap">
<div id="skelbimai">

Čia talpinami skelbimai (skelbimų lentelė).

</div>

<div id="sonas">

Šoninė juosta.

</div>
</div>

css:

#wrap {display:table-row;}
#skelbimai {display:table-cell;}
#sonas {display:table-cell;}

Taip elementai bus vienodo aukščio.

Taip aš nedaryčiau, nes realiai nėra prasmės su CSS imituoti lentelių, nebent tai tikrai būtina. Be to, IE5.5, IE6, IE7 ir IE8 su IE7 mode naršyklėse tokie aprašai neveiks, tad neverta užsikrauti papildomų problemų.

Geriau jau į skelbimų bloką dėti įprastas HTML žymes, apibrėžiančias lentelę.

<div id="skelbimai">

<table width="100%" border="0">
	<tr>
		<td></td>
		<td></td>
	</tr>
</table>

</div>

adijux, neklaidink žmonių. Net nesuvoki apie ką kalba eina :huh:

Jei nematai skirtumo tarp html bei css kalbų - tavo bėda. Bet nors neskleisk erezijų.

adijux, neklaidink žmonių. Net nesuvoki apie ką kalba eina :)

Jei nematai skirtumo tarp html bei css kalbų - tavo bėda. Bet nors neskleisk erezijų.

Tavim dėtas patylėčiau. Tu manęs nepažįsti ir nežinai, ką aš sugebu, ir ko ne. Svetainių kūrimu užsiimu jau eilę metų, tad nevaizduok išminčiaus. Pats tu nesuvoki, ką aš norėjau pasakyti savo paskutine žinute šioje temoje. Žmogui patariau, kad nenaudotų tokių CSS savybių, kadangi ne visos naršyklės jas palaiko.

Naglumo viršūnė! Mat HTML nuo CSS neskiriu... :huh:

adijux, tai tu siūlai žmogui žiūrėti į praeitį ne į ateitį?

Taip, nesupranti kuom skiriasi html nuo css. Sprendžiu pagal šitą tavo pasakymą "nes realiai nėra prasmės su CSS imituoti lentelių". Tau lentelės siejasi su duomenų atvaizdavimu. Iš čia ir yra tavo neskirimas.

HTML - žymi duomenis.

CSS - juos atvaizduoja.

Sunumeruokim pateiktus kodo pavyzdžius: 1) tavo pavizdys su dviem div'ais ir float'inimu. 2) mano pavizdys su trim divais (#wrap tik dėl duomenų struktūros) bei display:table-*; 3) tavo pavizdys su lentelėm.

Taigi ką mum sako tie pavyzdžiai:

1) Duomenys aprašomi kaip du blokai, stovintys vienas šalia kito. Atvaizduojami išimant juos iš puslapio flow ir padedant viena į dešinę, kitą į kairę. Nėra clear: tai duomenys/blokai nuplauks neaišku kur bei visiškai nebus įtakojami šalia esančių elementų. Semantiškumas išlaikytas.

2) Duomenys aprašomi kaip du blokai, stovintys vienas šalia kito. Atvaizduojami (ne imituojami) kaip lentelės eilutė, kurios celėmis yra minėti blokai. Taip jie pasilieka dokumento flow'e, taip pat įtakoja aplink juos esančius elementus (ir vice-versa). Kadangi jie yra vienos virtualios eilutės celės tai reiškia, kad jų aukštis bus vienodas (kas kartais, bei pagal pateiktą pavyzdį, yra labai svarbu). Kitaip tariant atvaizduojami būtent taip kaip norėjo temos autorius. Semantiškumas išlaikytas.

3) Duomenys aprašomi kaip lentelė. Atvaizduojami kaip lentelė. Semantiškumo nėra.

Kadangi temos autorius nori atvaizduoti puslapio elementus kairėj ir dešinėj, o ne kažkokius tai duomenis lentelėje (kai kam yra sunkiau suprasti kas per daiktas yra tabular data) tai trečias variantas čia netinka visiškai. Netinka todėl, kad duomenys pateikiami klaidingai, o tu nežinai kas bus po metų ar dviejų. Kokios technologijos atsiras. Kokiais būdais galėsim "traukti" duomenis iš puslapių. Standartų laikymasis visad yra pagirtinas. O nesąmonių darymas vien todėl, kad Onutės iš Petrašiūnų Internet Explorer 5.5 nerodo pagal standartus - žiūrėjimas į praeitį. Browserių kūrėjai turi taikytis prie standartų, o ne standartai prie kiekvieno kūrėjo. Galų gale yra http://stopie6.com/widgets.html kur visiem web developeriams siūlyčiau apsilankyti.

Taip pat nepamirškim aklųjų ir jiem skirtų "screen reader" programų.

Beje, nematau reikalo tylėti. Man nelabai svarbu ką tu sugebi ir ko ne. Tu tiesiog esi neteisus. Tą tau ir pasakiau. Kaip tu tai priemi - tavo reikalas. Jei netiki mano žodžiais, tai maloniai kviečiu panaršyti po www.w3.org Tada galėsim pratęsti diskusiją ;)

Oho, tiek daug prirašei visai be reikalo. Bandei parodyti, kiek išmanai. Gerai, laikyk mane durniumi, jei tiek nori. Tik nesuprantu, prieš ką čia nori apsimesti tokiu „mandru“.

Parašiau ne tą žodį ir tu iš karto puoli mane kaip noob'ą mokinti, kas ir kaip. Atsipeikėk, nereikia man tavo aiškinimų.

adijux, tai tu siūlai žmogui žiūrėti į praeitį ne į ateitį?

Ką čia tuo norėjai pasakyti? Tu nueini pas darbdavį ir taip sakai? :huh: O kaip patirtis įgaunama? Žiūrint į ateitį ir tikintis, kad stebuklingai įgausi patirties? Aš tą sakinį apie tai, kiek laiko užsiimu svetainių kūrimu, parašiau todėl, kad suprastum, jog manęs už rankos vedžioti nereikia, tačiau, kaip matau, darai atvikrščiai.

Nežadu daugiau su tavim diskutuoti, matau, kad esi nemalonus žmogus. Purvais spjaudaisi tai į kairę, tai į dešinę. Fui.

Kur aš sakiau, kad tave laikau durniumi? Aš pasakiau tik kur tu klysti. Kaip matau - tave tai įžeidė. Čia tavo reikalas.

Na jei tu nežinai kas per dalykas yra display:table-* ir/ar kuom tai skiriasi nuo <table> - kuom blogai, kad paaiškinau? Beto aiškinau labiau temos autoriui.

Prie ko čia darbdavys? Atėjo žmogus, paklausė "kaip man padaryti tiap ir taip?". Atsakėm. Aš pataisiau tave. Nesuprantu ko taip užpykai.

Dėl tavo patirties tai nieko asmeniško ir įžeidžiančio nenorėjau ir nenoriu pasakyti, tiesiog gali visą gyvenimą būti mūrininku, bet vistiek kaip suprojektuoti namą - neišmoksi. Taigi patirtis patirčiai nelygu. Ypač tokioje sferoje kaip IT. Kaip pavyzdį galim paimti, kad ir šią temą - pasiūlei žmogui daryti su <table>. Padarė jis tarkim, įgavo patirties. Blogos patirties. Tai vien, kad padarė kažką blogai, bet padarė tai daug kartų - jau geras web developeris skaitosi?

Tu kol kas su manim ir nediskutavai. Tiesiog bandai mane įžeisti :huh: Nei vieno mano argumento nepaneigei.

Nesipykim. Gal ir perdėjau su tom erezijom, bet nieko blogo apie tave nenorėjau pasakyti. :)

Tiesą sakant nelabai suprantu, kodėl <table> jau toks blogas? Ir tas dar pasakymas - žiūrėkit į ateitį. Be praeities nebus ir ateities. Kas seniau veikė be priekaištų tas veiks ir dabar, nors tam pačiam dalykui padaryti išrasta dar n būdų. Yra daugybė žmonių, naršančių senom naršyklėm ir net nesirūpinančių jas atsinaujinti. Ir dėl to jie turi kentėti? Mano nuomone, lentelės - geriausias sprendimas šiuo atveju. Ir tokie išvedžiojimai ir noras pasireikšti man atrodo juokingi... Tai ką, jei vairuoju seną mašiną, tai ji jau ne mašina?

Naršyklės suryja atminties šimtais megų, nes gi jos turi palaikyti ir kreivą "old school" kodą ir tą pagal standartus rašomą. Tiek džiaugsmo iš to "palaiko viską".

<table> nėra blogai, kai naudojamas pagal paskirtį. Šiuo atveju jis netinka.

Tu tuom tikras, kad kas seniau veikė be priekaištų tai veiks ir ateity? Pasidomėk ko nebeliks HTML5 kalboje. Manau, kad tu asmeniškai nustebsi :D

Dėl daugybės žmonių naršančių senom naršyklėm - tai čia jų problema. Jie gali rinktis naujesnes naršykles. Jos nemokamos. Bet jie pasirenka seną - vadinasi turi susitaikyti su tuom, kad puslapį jiem atvaizduost kreivai. Čia jų pasirinkimas. Šiaip ar taip jau IE8 yra...

O kaip pavyzdžiui dėl aklųjų? Jie negali rinktis naujų akių, taigi naudojasi screen reader'iais, kurie blogai nuskaito jūsų puslapius, nes ten priveltą beprasmių <table> ir kitokių nesąmonių.

Beje, tavo pasakymas "...jei aš vairuoju seną mašiną..." kažkoks nei šioks nei toks. Tiksliau būtų "Tai ką, jei aš blogai vairuoju - aš jau nebe vairuotojas?". Manau atsakymas į tokį klausimą visiem aiškus.

Šiaip ar taip kol kas nepateiket nei vieno kotraargumento. "Aš manau", bei "tu nori pasirodyt mandru" - nesiskaito. :D Atminkit, kad klausia žmogus kuris tik pradeda mokytis (x)html ir css tai neklaidinkit pradedančiojo.

Naršyklės suryja atminties šimtais megų, nes gi jos turi palaikyti ir kreivą "old school" kodą ir tą pagal standartus rašomą. Tiek džiaugsmo iš to "palaiko viską".

<table> nėra blogai, kai naudojamas pagal paskirtį. Šiuo atveju jis netinka.

Tu tuom tikras, kad kas seniau veikė be priekaištų tai veiks ir ateity? Pasidomėk ko nebeliks HTML5 kalboje. Manau, kad tu asmeniškai nustebsi :D

Dėl daugybės žmonių naršančių senom naršyklėm - tai čia jų problema. Jie gali rinktis naujesnes naršykles. Jos nemokamos. Bet jie pasirenka seną - vadinasi turi susitaikyti su tuom, kad puslapį jiem atvaizduost kreivai. Čia jų pasirinkimas. Šiaip ar taip jau IE8 yra...

O kaip pavyzdžiui dėl aklųjų? Jie negali rinktis naujų akių, taigi naudojasi screen reader'iais, kurie blogai nuskaito jūsų puslapius, nes ten priveltą beprasmių <table> ir kitokių nesąmonių.

Beje, tavo pasakymas "...jei aš vairuoju seną mašiną..." kažkoks nei šioks nei toks. Tiksliau būtų "Tai ką, jei aš blogai vairuoju - aš jau nebe vairuotojas?". Manau atsakymas į tokį klausimą visiem aiškus.

 

Šiaip ar taip kol kas nepateiket nei vieno kotraargumento. "Aš manau", bei "tu nori pasirodyt mandru" - nesiskaito. :D Atminkit, kad klausia žmogus kuris tik pradeda mokytis (x)html ir css tai neklaidinkit pradedančiojo.

Na jei jau taip viską žinai, tai gausi mane pamokyt :D :D

Viską žinau? Kur aš taip sakiau?

ačiū adijux, labai padėjo. O kaip padaryt, kad paspaudus ant nuorodos nereikėtų visų tų šoninių juostų rašyt, o jos būtų savaime , reiktų tik tą centrinę juostą pvz rašyt? :D

EDIT: Kodėl neveikia float: center ???

ačiū adijux, labai padėjo. O kaip padaryt, kad paspaudus ant nuorodos nereikėtų visų tų šoninių juostų rašyt, o jos būtų savaime , reiktų tik tą centrinę juostą pvz rašyt? :D

Nelabai supratau klausimo, gali šiek tiek detaliau aprašyti, ko tau tiksliai reikia?

EDIT: Kodėl neveikia float: center ???

Neveikia, nes CSS savybė float neturi tokios reikšmės center. Float galimos reikšmės: left, right, none. :D

Nu kaip php fusion visada kairėj pusėj būna saito meniu.

Kaip padaryti, kad per centrą būtų pvz užrašas MAMA MIA , o šone to teksto lentelė su kokiais nors dalykais :) nu aš programuot moku, tik vat web dizaine nenusimanau :) Jei kaas nesuprato tai kaip pvz smszona.lt, kaip padaryt kad per vidury būtų tie skelbimai o sone galimybė įdėt skelbimą?

 

Sourcinau, bet nlb supratau :)

Pasistojo toks klausimas, tai ką tu programuoji? :))

Jau sugalvojau kaip. Net keista, kad nesugalvojau :)

Wap wml programavau, dabar jau žengiu į css, html ir web bandau kai laisvo laiko yra :)