Maris-S
-
Posts
634 -
Joined
-
Last visited
Everything posted by Maris-S
-
Bāc, viss ok, uz ātro kopējot doctype nenokopēju, tā ka IE7 strādā bez visādiem workaroundiem. Būs vēl uz apple jāpārbaude.
-
Jā, sorry, IE6 strādā, palaidu garām conditional commentu, kurā tieši ir izlabots šis bug. Bet nācās šo padarīšanu pielietot arī IE7, bez tās vidējais div neizstiepās pa visu augstumu.
-
Izskatās ka īsti labi nestrādās. Vienlaicīga top un bottom vērtību norādīšana nestrādā uz IE6. Principā caurspīdīgi stūrīši diezgan labi sarežģī visu padarīšanu. Uz sitienu nesanāk atrast risinājumu, lai viņš strādātu arī IE6.
-
Bišku pielaboju link tagu, kas paredzēt ie6 png caurspīdīgumam (ie_png.css), ņem vērā ka tas nav saistīts ar pašu pozicionēšanu, šeit ir jābūt nepieciešamajiem, principā vari izmantot jebkuru metodi, kas Tev patīk, lai izlabotu caurspīdīguma problēmu. Sākot ar IE7 tas nav aktuāli.
-
Īsti nesaprotu, kas tieši Tev nesanāk ar pozicionēšanu? Doma Tev pareiza div ar caurspīdīgu fona bildīti un apaļiem stūrīšiem izmanto div elementus augšā un apakšā, kas ir pozicionēti absolūti. Izmanto arī z-index, lai varētu norādīt slāņa līmeni, kurā atrodas atbilstošie elementi. Jāpiebilst vienīgi ka šis propertijs strādā tikai elementiem ar absolūtu un relatīvu pozicionēšanu, noklusēti ir static, tāpēc to arī jānorāda tur kur tas ir vajadzīgs. Kods varētu būt šāds: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Pozicionēšana</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--[if lt IE 7]> <link rel="stylesheet" href="css/ie_png.css" type="text/css"> <![endif]--> <link rel="stylesheet" href="css/positioning.css" type="text/css"> </head> <body> <div id="container"> <div id="top"></div> <div id="bottom"></div> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> <p>Te nāk saturs.</p> </div> </body> </html> Css sekojošs: div#container { width: 800px; position: relative; background-image: url(../images/background.png); } div#container p { position: relative; z-index: 5; } div#top { width: 800px; height: 30px; background-image: url(../images/top.png); position: absolute; top: 0px; left: 0px; z-index: 1; } div#bottom { width: 800px; height: 30px; background-image: url(../images/bottom.png); position: absolute; bottom: 0px; left: 0px; z-index: 1; } Protams stūrīšu noapaļojumiem jābūt fona krāsā (lapas fona krāsā), ja uzliksi caurspīdīgus, tad ārējā div fona bilde būs redzama stūrīšos. Pārbaudi arī visos pārlūkos kādi ir pieejami.
-
Paņem pirmajai kolonai piedefinē sekojošu css: border-right: solid 1px silver; Trešajai kolonai tādu pašu border-left. Krāsu un platumu ieliec pēc vajadzības. Ņem vērā ka kopējais kolonas platums būs summa no pašas kolonas platuma un bordera platuma.
-
Un vēl, par to 'pozicionēšanu (minimāli absolute, vairāk relative)'. Principā nav stingru noteikumu ko var izmantot minimāli un ko daudz. Ir jāizmanto tas kas nepieciešams konkrētajā gadījumā. Piemēram, norādīt right un bottom vērtības nevar objektiem, kam ir relative pozicionēšana (nu norādīt var, bet nestrādās). Vēl piezīme, ja izmanto absolute, tad parent elementam obligāti norādi viņa pozicionēšanas veidu (absolute vai relative), savādāk tiks pozicionēts atbilstoši pārlūka logam.
-
Principā pirmais punkts par caurspīdīgu bildi ir samērā vienkāršs. Viens variants ir izveidot to bildīti kopā ar visu fonu (nelikt tos zariņus kā atsevišķu bildi), kā backgroundu var mierīgi likt viena punkta platu gradienta bildīti un pa virsu augšā tad izveidoto zariņu-fona salikumu). Ja nu tomēr ir nepieciešams caurspīdīgums, tad viens variants ir gif (diez vai sanāks, jo kvalitāti labu nesanāks dabūt), otrs variants png, bet šis ir mazliet sarežģītāks, būs jāizmanto hacki, lai png caurspīdību atpazītu IE6. Noapaļoto stūri var dabūt kā parastu bildīti ieliekot to visā platumā (zem trim koloniņām vidus daļā), nu likt viņu tā ka viņa būs pēc visa kontenta, aptuveni tā (atbilstošais fragments tām koloniņām un bildītei pēc viņām neņemot vērā kreiso maliņu), kods rakstīts uz ātro un nepārbaudīts, var būt kļūdas, bet doma kā tāda: <div id="content_container"> <div id="column_1"><div> <div id="column_2"><div> <div id="column_3"><div> <!-- Te vēl jāņem vērā nestēto float div elementu problēma mozilla pārlūkos. --> </div> <div id="rounded"></div> Atbilstoši css šiem div elementiem: div#content_container { width: 800px; background-image: url(bilde/fona/gradientam.jpg); } div#column_1 { width: 150px; float: left; } div#column_2 { width: 500px; float: left; } div#column_2 { width: 150px; float: left; } div#rounded { width: 500px; height: 10px; background-image: url(bilde/apaliem/stuuriishiem.jpg); } Izmēri protams ir sarakstīti aptuveni, kā arī jau rakstīju piezīmi par nestētiem div elementiem, šeit ir sīkāk: http://www.positioniseverything.net/easyclearing.html
-
Nu viens variants ir dabūt informāciju par failiem pirms includo headeri. Vai ir kāds specifisks iemesls kāpēc to nevarētu izdarīt?
-
Īsti jau galva šodien nestrādā, bet ja pareizi sapratu, tad laikam šis Tev derēs: http://www.dynamicdrive.com/dynamicindex1/navigate1.htm Vēl vari šeit paskatīties arī: http://www.treemenu.org Man šķiet ka viņi abi saglabā atvērto sadaļu informāciju, pats esmu izmantojis pirmo, tur arī nav salīdzinoši sarežģīts kods, var samērā vienkārši šo to pielabot, ja vajag.
-
Jā, viņa nav atbildējusi, bet es Tev to nejautāju sakarā ar viņas dizainu, bet sakarā ar Tavu izteicienu '99.9%', ja jau pozicionēšanu izmantojot visi paliek par stulbiem, tad lūdzu parādi gudru alternatīvu. Es tad varēšu to turpmāk izmantot mainīga izmēra dizainam. Pie tam es jautāju kā novietot apakšā (tātad mainīgs augstums) un lapas augstums jau nu noteikti mainīsies lielākajā daļā mājas lapu, domāju tas būs arī Renathy lapai (tieši mainīgs augstums es domāju, nevis vajadzība apakšā novietot kādu objektu, bet tas nemaina lietas būtību). Es varu Tev pateikt alternatīvu, to var izdarīt kaut vai ar iekļautajiem diviem un background-image (ja nepatīk pozicionēšana), bet tas derēs ne vienmēr un tas jau nu noteikti nav tas pareizākais un ērtākais variants. Pieļauju ka arī ir kaudze citu pieeju, bet neko ērtāku par pozicionēšanu es pagaidām neesmu atradis, vienkārši jāiemācās tā pielietot un jāpārbauda visos izplatītākajos pārlūkos. Pie tam nav jau atšķirība ko kāds izmanto, katrs dara kā viņam ir ērtāk, bet ja visi pārējie varianti ir stulbi, debili un nelietojami, tad varētu arī norādīt savas pareizās pieejas web dizaina izvietošanā. Kādas ir kritiskās kļūdas un kas ir tik novecojis w3schools mājas lapā, kas pilnīgi liedz to izmantot? Atkal apgalvojumi bez zinātniskajiem pierādījumiem. Starp citu, norādi tad arī kādu resursu kurā nav nevienas kļūdas.
-
Mefisto, izlasi uzmanīgi visus postus, es neesmu vienīgais, kas ieminējās par pozicionēšanu. Ja sauc mani par debilu par to ka es norādīju linku uz w3schools, tad lūdzu dari to pilnīgi ar visiem, kas rāda atsauces uz w3schools (būs daudz debīlo), pie tam es nekur neminēju ka tagad ir jāmācās tikai šeit, šī mājas lapa vispār nekad nav bijusi paredzēta, lai no tās mācītos, tā ir vairāk kā rokas grāmata, kur var ieskatīties, ja ko aizmirst, pie tam ļoti plaši izmantojama, jau vien pa googles prioritātei to var pateikt un Renathy arī rakstīja ka nav vairs iesācēja, tāpēc arī nemeklēju viņai iesācēju mācību materiālu, ja viņa tomēr nevarēs tikt galā, tad pajautās. Ja Tu apgalvo ka IE6 nav nekādu problēmu, tad drīzāk Tu pats ar viņu neko neesi darījis. Kas ir tik neizmērāmi slikts pozicionēšanai? Ja to pareizi pielieto un pārbauda rezultātu, nav absolūti nekā tajā slikta. Pastāsti, kā Tu bez pozicionēšanas novietosi kādu elementu iekš cita elementa, lai tas būtu vienmēr apakšā un, lai nevajadzētu par to domāt turpmāk, kad ārējais elements mainīs izmēru: tieši norādot tam garumu un platumu, pārlūka izmēru maiņas dēļ, vai satura ietekmē? Kā Tu domā izveidot kaut vai normālu drop down menu, modālo logu, pārvietojamo lodziņu bez pozicionēšanas? Tavs norādītais 99.9% ir pārspīlēts, pie tam ļoti stipri pārspīlēts. Ja jau kritizē, tad arī parādi alternatīvas.
-
Jā, tieši tā, šajā ziņā patiešām tabulām ir daudz priekšrocību. Es vienkārši gribu šo visu atrisināt uz diviem, lai mainīga platuma dizainos arī elementu skaits mainītos pēc vajadzības vienā rindiņā (šī pagaidām vienīgā priekšrocība, ko redzu div izkārtojumam šajā gadījumā). Pagaidām vienkārši lieku augstumu un platumu diviem nemainīgu, tā ka sanāk ierobežojums uz lauciņa saturu. Te patiešām būtu jājautā tiem kas protestē pret tabulām kā tādām, iespējams ka ir sakarīgi risinājumi.
-
Būs šis brīnums jāpapēta tuvāk, varbūt mazāk bremzēs uz wines.
-
Kā jau te daži minēja, tādus dizainus taisot nāksies izmantot pozicionēšanu. Principā ja dizaina izmērs ir mainīgs (mainot pārlūka izmēru), tad tos apaļos stūrīšos jēdzīgākais variants ir taisīt tieši ar pozicionēšanu. Vienīgi uzreiz varu ieteikt visu labi pārbaudīt IE6, neesmu viņu ļoti spēcīgi izmēģinājis, bet šķiet viņam dažreiz kādu dīvainu iemeslu pēc pie pozicionēšanas norādot right un bottom vērtības rodas 1 punkta nobīde. Vienai lapai tāds brīnums parādījās, tā arī neizkodu kāpēc, vienkārši sākumā izmantoju !important hacku, vēlāk uzliku pilnu fona attēlu, jo lapai nevajadzēja izmantot mainīgu izmēru. Par css hackiem var apskatīties šeit: http://www.webdevout.net/css-hacks, nu un arī pa google.
-
RewriteEngine on RewriteRule ^.htaccess$ - [F] RewriteCond %{SCRIPT_FILENAME} !-f RewriteCond %{SCRIPT_FILENAME} !-d RewriteRule ^(.*)$ index.php?url=$1&%{QUERY_STRING} Tad ar php skriptu aptuveni tā: $url=array(); if (isset($_GET['url'])) $url=explode('/', $_GET['url']); Atbilstoši tiek izveidots url masīvs, kurš satur linka elementus.
-
Te vairāk piekrītu Grey_Wolf viedoklim. Pats gan cenšos vairāk izmantot div šādās vietās, bet tā arī neesmu atrisinājis dažāda šūniņu augstuma problēmu, nu un vēl būtu pateicīgs ja kāds pateiktu priekšā kā izmantojot div elementus šos teiksim produktu lauciņus varētu izkārtot pa vidu attēlojamam laukam un vienādos attālumos, ja ir staipīgs dizains?
-
Briedis, a kā Tu domāji lielāka brīvība uz krāsām eksportējot? Vai tad adobes produkti neizmanto aptuveni vienādu 'save for web' dialogu ar līdzīgām iespējām? Vispār izskatās ka šim cena ir daudz mazāka par photošopu, būs jānokopē jāpaskatās. Kāds nav mēģinājis viņu palaist uz wine, vai nav ar to problēmu?
-
Ar aizvietošanu bij vairāk domātas open source operētājsistēmās. Ja ir windows īpaši arī meklēt aizvietojumu nevajag, tā pat viens un otrs maksā daudz, tā ka daudzos gadījumos jāiztiek ar to kas ir, bet gatavu dizainu vislabāk sagriezt tajā programmatūrā ar ko viņš taisīts oriģināli, fotošopā domāju nekādiem sarežģījumiem nevajadzētu būt, pie tam nav nācies bieži saņemt dizainus citā formātā, vienu reiz gan saņēmu illustratorā, nu un pa reizei ekselī un powerpointā (bet tas ir atsevišķs unikāls gadījums). Ja dizains ir jātaisa pašam, tad jau ērtākais būs tas ko labāk pārzina. Kaut gan neiešu apstrīdēt fireworks priekšrocības, ar to nav nācies daudz saskarties, tā ka ne visai labi viņu pārzinu.
-
Principā ja ir zināmi css pamati, tad laikam padziļinātai apgūšanai vienkārši ir jāmeklē risinājumi konkrētām problēmām ar kādiem nāksies saskarties veidojot kau ko konkrētu (kā informācijas avoti: google, forums un tml.). Pašas bildītes griešanai parasti izmantoju photoshop, grafisko redaktoru protams ir kaudze, bet tā kā dizaineri parasti atsūta photoshop failus, tad ar to arī nākas strādāt (pilnvērtīga aizvietojuma photoshopam pagaidām nav). Par pašu kodēšanu derēs jebkurš teksta redaktors (protams vēlams ar sintakses iekrāsošanu). Pats personīgi izmantoju eclipse, bet nu tur katram jāizlemj, kas labāk patīk. Ir redzēti un dzirdēti tūļi, kur css rakstīšanai izveidoti palīglīdzekļi. Savā laikā izmantoju acehtml, tur ir tā ka css propertiji ir sarakstīti un nevajag tos atcerēties, bet tieši šī iemesla dēļ neiesaku viņus izmantot, jo rakstot visu manuāli ātrāk viņus iegaumēsi un tas tikai atvieglos darbu turpmākajos projektos.
-
Tev ir divi div elementi ar id='text', izskatās ka viņš ievieto pirmajā, vispār vienādus id nevajadzētu lietot dažādiem elementiem.
-
Izskatās tiešais links viņam nestrādā. Atrast viņu var sadaļā demo/ajax file/image manager.
-
Ir iespējams integrēt tinymce un izmantot atsevišķi (licenci nelasīju, bet šķiet viņš ir bezmaksas): http://www.phpletter.com/Demo/Ajax-File--Manager Ja kāds lietos, pievērsiet uzmanību ka sourcē noklusēti nav aktivizēta autentifikācija, tāpēc zinot tiešo linku tiks failiem klāt, to vajadzētu uzreiz uzlikt (arī noklusēto paroli pēc autentifikācijas ieslēgšanas jānomaina). Nav īpaši sarežģīti viņu izkost. Perfekts viņš nav, bet nu kā mazu failu pārlūku var izmantot, sākumā ir mazliet sarežģītāk sakonfigurēt viņu, bet ir iespējams. Tinymce mājas lapā ir sadaļa ar third party pluginiem, tur arī viņu atradu, vispār tur ir vērts ieskatīties, ja ir vajadzīga papildus funkcionalitāte pašam redaktoram.
-
Thesnarkie, tāpēc ka priekšniecība un lielāka daļa mājas lapas apmeklētāju izmanto populārāko šodienas pārlūku un viņiem būs vienalga ka MS neseko web standartiem un nevar sataisīt bez bugiem savu pārlūku, pat ja uztaisīs, vienalga liela daļa neliks jaunāko versiju, bet saits ir jāuztaisa tāds kāds viņš ir sākotnēji paredzēts. Visumā tomēr daļa patiesības Tavā teiktajā ir, nav jēga noņemties, tikai nevis ar IE problēmām, bet gan ar png caurspīdīgajiem attēliem, pēc šī buga sapratu ka labāk viņus izmantot pēc iespējas retāk, kur nu patiešām tas atvieglos dizaina veidošanu, nevis to sarežģīs.
-
Bubu, paldies par linku. Mefisto, sorry, pasteidzos, nepaskrollēju uz leju, tā ir ka baigi jāsteidzās. Diemžēl IE8 ir arī tā problēma (nu, ja patiešo samazina opacity, kā rādīju piemēros, bez visādiem hackiem). Lieta tāda ka īpaši es to slideshowu nevaru pārtaisīt, nu varēt varu, bet tas ir no interneta nokopēts javascript kods, nav liels, bet vienalga ātrāk bija iekļaut fona bildi attēlos. Opacity tur tiek izmantots fade efektam, bilde mainās pirmajai lēnām izgaistot un nākošajai lēnām parādoties. Vārdu sakot IE tā arī nav pilnīgi izveidojis png caurspīdīguma atbalstu.