Disain ja lõikamine ja CSS

  • kass 14 a

    Heip

    Oleks pisut abi tarvis CSSi ja kujunduse korrektse lõikamise vallas.

    Pildid on praegu suvalise kvaliteediga salvestatud ning seda pole tarvis kommenteerida.

    Põhiline probleem on selles, kuidas leht oleks ilus ka väga suure resolutsiooni puhul. Ehk kuidas oleks sobilik lehe ülaosa lahti lõigata. Ning kas ma olen praeguse CSSi ja lõikamise juures mingi major vea teinud?

    Oleksin väga tänulik erinevate mõtete ning CSSi/lõikamise parendusettepanekute eest :)

    Praegu toimub mõne browseriga ka ülaosa nö "flick", mida võiks saada vältida.

    http://martin.planet.ee/test/Default.html

    Tervitades,
    Martin

    29. jaanuar 2010 - 09:02:25 · Otselink

  • Paavel 14 a

    Tekib küsimus, miks sa kasutad body elemendil sellist suurt backgroundi? Lõika see tausta gradient 1px laiusena välja ja pane repeat-x. Vigu on tegelikult ju veel, miks sa paned keskmisele kastile kõrguse, see ei veni sul ju niimoodi ja soovitaks kasutada ühte divi(wrap), mis võtab sul kogu sisuosa kokku, joondad selle keskele ja paned talle laiuse.

    29. jaanuar 2010 - 10:02:27 · Otselink

  • kass 14 a

    Tänud vastuse eest! Keskmise kasti kõrgus (see 300px) on määratud praegu lihtsalt seetõttu, et nö sisu tekitada. Panin selle siis, kui sisus veel CSSi ja pilte ei näidanud.

    Aga kas on veel mingeid mõtteid? Vahetan kõik gradiendid 1px repeat-x vastu - kas miskit veel?

    Ette tänades,
    Martin

    29. jaanuar 2010 - 10:20:50 · Otselink

  • paries 14 a

    Õppida on on veel nii mõndagi. Hetkel jääb mulje, et sa püüad HTML-i abil kujundada. See juba vale samm. Püüa mõelda välja struktuur ja siis alusta vormindamisega.

    29. jaanuar 2010 - 10:52:53 · Otselink

  • kass 14 a

    Kujundus on PSD kujul olemas ja toetun ikka sellele. Aga seda body backgroundi osa "1px repeat-x" moodi lahendada on hetkel pisut võimatu, sest vasakul ja paremal on gradiendid erinevad.

    Kas peaks vasak- ja parempoolsema gradiendi ühtlustama?

    29. jaanuar 2010 - 11:34:50 · Otselink

  • paries 14 a

    Mis gradiendid sul on erinevad? Sul ju lehekülje alguses jookseb horisontaaalselt gradient. See tee ikka 1px laiune riba ja pane body taustaks repeat-x. See valgete juttide efekt pane päise taustaks. Kogu leht siis ühe DIV-i sisse, mille paigutad horisontaalselt keskele.

    Kujundus las olla PSD-s, aga see ei tähenda, et sa PSD põhjal kirjutad HTML-i. HTML-is kirjuta ikka seda, mis sulle sinna tuleb. Kujunduse (vormingu) kirjutad CSS-is.

    29. jaanuar 2010 - 11:57:51 · Otselink

  • kass 14 a

    Heip

    Tegin illustratiivselt, millised gradiendid on erinevad. Ehk minu küsimus, et ka gradiendid 2 ja 3 tuleks ühtlustada? Et nad ei oleksid erinevad? Või annab seda ka muud moodi paika panna?

    Tunduvad küll samad aga tegelikult on mõne tooni võrra ikka erinevad...

    29. jaanuar 2010 - 12:10:23 · Otselink

  • kass- keegi ei märka seda tooni vahet, ühtlusta ära, saad koodi tunduvalt lolli(brauseri)kindlamaks.

    29. jaanuar 2010 - 14:07:53 · Otselink

  • paries 14 a

    sa isegi ei pea ühtlustama. Võid ju päise osa üldisest kastist väljapoole venitada (ehk nn left: -20px).

    Sa vaatad asja kui tervikut. Sellest need probleemid alguse saavadki. Püüa need erinevad kujunduselemendid lahti murda ja siis need CSS-i abil uuesti kokku monteerida.

    29. jaanuar 2010 - 14:12:49 · Otselink

  • Pelle† 14 a

    Ära leiuta jalgratast vaid uuri kuidas see HTML-i hookus-pookus veebimaailmas tegelikult käib. Esimene-ettejuhtuv-ja-mitte-e hk-kõige-parem-näide. Taust ja kast hoia üksteisest sõltumatuna. Elementaarne.

    29. jaanuar 2010 - 20:54:41 · Otselink

  • Pelle see ei ole jah hea näide. Kass sul kõik nö div divi sees ja see ka ei ole hea. loe seda link kindlasti http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/

    30. jaanuar 2010 - 10:15:53 · Otselink