CSS + DIV (html)

Sveiki ;)

 

Kadangi jau man tokia tema parūpo, norėčiau kiek įmanoma detaliau išsiaiškinti viską apie šį dalyką. Tikiuosi padėsit.

 

Kaip yra ruošiamas .PSD darbui su CSS ir DIV'ais? Sukarpomas su photoshopu o po to į DIV'us dedami paveikslėliai, ar kaip nors kitaip? Kaip galima išspręsti problemas, kai vienoje naršyklėje vaizdas rodomas vienaip, o kitoje kitaip?

 

Na, trumpiau tariant, parūpo visas webo statymo su css ir divais procesas.

 

Labai dėkingas iš anksto, kas padėsit ;)

Redagavo Kovo 14, 2008 Nano

.psd kažkaip specialiai neruošiamas. Bet kurį paveikslėlį gali su PS sukarpyt.

Aš pirmiausiai kodinu viršų, paskui apačią, galiausiai vidurį.

 

Skirtingas vaizdas per skirtingas naršykles nėra problema. Jei dizainas labai sudėtingas, naudoji retesnius CSS elementus, tai gali kiekvienai naršyklei atskirą CSS failą sukurt.

 

Aš siūlyčiau iš karto imtis praktikos. Pirmi darbai tikriausiai bus prastoki, bet bent žinosi kas ir kaip. ;)

Rašyk temoj, kai bus neaiškumų, padėsim.

O kokius tools'us galit patarti naudoti? Svarbu, kad kuo labiau palengvinti darbą, nes aš ir pradinukas, o ant nosies laukia rimtesnis darbas ;)

Nu ir klausimas ;)

Aš kodinu su Notepad++. Spalvotas kodas, programa greitai užsikrauna. Dėl to man lengviau. Man.. Jūs gi pradinukai, tiksliau pradedantieji.

Jei mėgsti sunkias programas, tai siųskis dreamwaverį

Na, bent jau aš asmeniškai mokinausi visą teoriją , o tada kodavau simple saitus be paveiksliukų o tik su backgroundo spalvom rankomis notepadu. Ir lyg gaudavosi padoriai.

 

Tačiau kai atėjo reikalas tikrai dizainą sutvarkyti, iškilo tokių problemų, kad nepavykdavo naršyklėms užkrauti external CSS failo, nors jame kodas buvo geras. Arba, pvz. sudėjus į divus saito paveiksliukus, per IE viskas liuks, per FF koks nors šonas pasisilinkęs per daug į dešinę ( jį paslinkus taip, kad gerai rodytų per FF, tada atitinkamai į kitą pusę pasisilinkdavo IE), o per Operą išvis visi image'ai padrikai. Tai dėl to ir teiraujuosi pačios technologijos, nuo ko pradėti visą procesą.

 

Nebesinori naujai mokinantis koduoti dizainus mokintis atgyvenusią Table. Būtų žingsnelis atgal, tai dėl to ir yra tokių problemų. Ačiū Jonaičiui ;)

idomia tema uzkabinot. o kokiu budu kiekvienai narsyklei rasomas atskiras css failas ? head'e su if'ais ?

Redagavo Kovo 14, 2008 klemkas

Cia kaip suprantu turbut HTTP_USER_AGENT naudoja narsyklei nustayt o paskui jau su ifais css faila parenka ar kitos budas yra? ;)

Cia kaip suprantu turbut HTTP_USER_AGENT naudoja narsyklei nustayt o paskui jau su ifais css faila parenka ar kitos budas yra? :)

 

su javascriptu galima

Cia kaip suprantu turbut HTTP_USER_AGENT naudoja narsyklei nustayt o paskui jau su ifais css faila parenka ar kitos budas yra? :)

Šiaip reikia stengtis, kad visoms naršyklėms tiktų tas pats CSS failas, tačiau dažniausiai su IE kyla problemų, tad kuriamas papildomas CSS failas Internet Exploreriui.

Ir nenaudojama jokie JavaScript ar USER_AGENT'ai. Paprasčiausiai CSS failas į head'ą įterpiamas taip:

<!--[if IE]><link type="text/css" rel="stylesheet" href="iestyles.css" media="all"></link><![endif]-->

Arba, jei reikia tik IE 7 versijai, tai taip:

<!--[if IE 7]><link type="text/css" rel="stylesheet" href="ie7styles.css" media="all"></link><![endif]-->

 

Na iš dalies IF'ai, bet čia tokie HTML'iniai, o ne php. :)

http://reference.sitepoint.com/css/conditionalcomments kiek daugiau apie t-mix minėtą sprendimo būdą, paaiškinami operatoriai ir keli pavyzdžiai :)