Datuve :: Forums :: Arhīvs :: css pielāgošana

Datuve

Mana Datuve

Reģistrācija | Noteikumi | Paroles atjaunošana



Forums

Ieskaties


Raksti

Lietotāji online

Lietotāji online: 72

Reģistrētie lietotāji online: 0

Viesi online: 72

Datuve.lv video
Top.LV

css pielāgošana

Ievietoja: aigarsa @ 2009.11.23 17:27  

nepieciešams uzveidot css tā, lai tas pagarinātu bildi lai piepildītu visu atlikušo lapas platumu, jo ja sataisa tādu bildi, tad atkarībā no monitora izšķirtspējas var aiziet ārpus bortiem, bet problēma tāda, ka bilde sastāv no 2 horizontālām līnijām apmēram vienāda platuma.
neesmu tik spēcīgs css, lai varētu sataisīt. it kā var likt tabulā un pielikt klases, bet to bildi nevaru dalīt 2 daļās..
varbūt kādi ieteikumi?
paldies.

Komentāri:

#1 rumis @ 2009.11.23 17:30

Neko nesapratām. Kodu studijā. Zīlējot kafijas biezumos, bildei pieliec background-repeat:repeat-x; (pavairo bildi platumā) un elementam, kas iekļauj to bildi width:100%; (lai neaiziet ārpus "bortiem") (tas ir gadījumā, ja tā bilde tev vsp tur atrodas, izmantojot CSS).

#2 ManaDatuve @ 2009.11.23 17:38

Emm... varbūt norādi height:100%, lai piepildītu visu.

Edit: Bāc, hitrožopijs rumis jau palaboja savu postu. :)

#3 aigarsa @ 2009.11.23 17:58

ne tur tā problēma!
šeit:
http://jacorre.com/design/cssbackgrounds.htm
ir aprakstīts, kā uzlikt repeat, bet man repeat neder, jo bilde nav viendabīga. tā es varētu to  izmantot.
bet situācija līdzīga. iedomājies, ka bilde ir tikai līdz pusei un man ar CSS palīdzību jāaizpilda atlikusī daļa ar tām pašām 2 krāsām, lai tā turpinātos līdz pilnai izšķirtspējai.
tur nav nekāda sakara ar Heigh, te ir par platumu runa.
un width 100% ir norādīts.

#4 ManaDatuve @ 2009.11.23 18:07

bet to bildi nevaru dalīt 2 daļās

Tādā gadījumā bildi vienkārši nevari pastiept līdzi divam ?

#5 aigarsa @ 2009.11.23 18:16

un kā izskatīsies teksts, kas atrodas uz bildes un tiks arī nepatīkami izstiepts..

#6 ManaDatuve @ 2009.11.23 18:23

Es parasti sadalu vairākās daļās un vidu aizpildu ar vienkrāsainu krāsu jeb faktūru, kas atbilst attēlam, tad var staipīt logu cik gribi izkatās normāli.

jo ja sataisa tādu bildi, tad atkarībā no monitora izšķirtspējas var aiziet ārpus bortiem

Tu uztraucies ka tā bilde ies pāri vai neaizpildīs? Cik liela ir tā bilde? Teksts uz bildes centrēts? Ja viņa ir pietiekami plata var vienkārši ļaut, lai tā iziet ārpus un noslēpt malas aiz diva. Vai es kaut ko ko neiebraucu.. Būtu labāk ja tu parādītu to bildi...

#7 aigarsa @ 2009.11.23 18:43

kā jau teicu. ja es uztaisu PSā to bildi piemēram 1500x100, tad pie izšķirtspējas 1024x768 man tā bilde izies ārpus ekrāna un būs jāskraida pa kreisi/pa labi..tas man neder. tāpēc jānogriež pēc iespējas mazāka tā bilde, lai ielien minimālajā izšķirtspējā un ar CSS tad automātiski piepilda nepieciešamo daudzumu pēc ižšķirtspējas lieluma.

#8 ManaDatuve @ 2009.11.23 18:54

1v. Nu tad piepildi, ja bilde nav vienmērīga, tad piepildītā daļa tikuntā atšķirsies.. Var uztaisīt malās vienmērīgu pāreju un aizpildīt neizmantoto daļu ar kaut ko kas atbilst jebšu uzlikt fonā citu lielāku bildi, bet atšķirsies tik un tā.

2v. Vienkārši taisi to bildi maksimālajā izmērā, bet atstājot malas un visu bildes saturu veido centrā mazajai izšķirtspējai, ja būs mazāka izšķirtspēja userm vienkārši pazudīs nevajadzīgās daļas aiz malām bildi nocentrē un malas noslēp ar overflow. IMO tas ir vienīgais veids ja tu gribi grafisku bildi ar vienmērīgu saturu.

3v. Es eju skatīties hoķi cya :>

#9 aigarsa @ 2009.11.23 19:18

sorry, 2. variants nederēs, jo labajā pusē ir cita bilde + vēl search modulis, tāpēc nevaru likt tik lielu bildi in slēpt ar overflow.
būs jāpameklē kāds cits variants vai arī beigās vienkārši jāaizpilda ar vienu krāsu, ja nekā neizdosies.

#10 kalis @ 2009.11.23 19:48

http://css-tricks.com/perfect-full-page-background-image/
domāju ka no šitā kautko izzīst varētu, vai arj javascript

#11 aigarsa @ 2009.11.25 02:16

paldies. vispār izdarīju tā, kā biju iedomājies. izgriezu tikai to mazu daļiņu, kādu vajadzēja, lai backgroundā būtu un cssā uztaisīju repeat līdz ar to viss kārtībā. paldies.