PC Ekspert Forum

PC Ekspert Forum (https://forum.pcekspert.com/index.php)
-   Web dizajn, programiranje i ostalo (https://forum.pcekspert.com/forumdisplay.php?f=39)
-   -   Pitanje u vezi CSS-a (https://forum.pcekspert.com/showthread.php?t=161208)

zaebani 01.10.2009. 16:51

Pitanje u vezi CSS-a
 
Ovako imam napravljen lijevi box u div tagu koji izgleda ovako:

Code:

#lijevo{
width:400px;
height:370px;
float:left;
margin:0px;
background:url(image/6a00d83452242969e200e54fa794c58833-800wi.jpg)
repeat-x top left;
}

Problem je u tome sto on sliku ne ponavlja, tj. dali recimo ako je slika 300px meni treba 600px height ili bi trebao dio slike uzet i stavit na preostalih 70px?
Nadam se da kuzite.

Drugo pitanje koje su standardne dimenzije kod izrade weba?
Znaci glavni box kolike bi trebao imat dimenzije?

zwer 02.10.2009. 07:15

Malo si nejasno naveo, jer neznam sto tocno znaci "ako je slika 300px". jel to visina ili sirina? I cemu 600 px height ako ti je container 370px? Jednostavno napravi 370 px pozadinu i ponavljaj po X-osi. Ovo top left mozes maknut.

Znaci recimo da imas 370x400 container, ili sklepaj pozadinu istih dimenzija i nemoj uopce ponavljat, ili napravi okomitu crtu visine 370px i ponavljaj je po x-osi. I problem rjesen. Ili ako je neki tile, jednostavno ju ponavljaj po obe osi i pokrit ce cijelu povrsinu containera.

http://www.w3schools.com/css/pr_background-repeat.asp

Standardne velicine (tj. širine) su 720-760 pixela za 800x600 rezolucije i 900 pixela za 1024x768 i vise. Drzi se jedne od tih, ja najcesce ipak radim 720-760px width siteove. :beer:

zaebani 02.10.2009. 19:20

Citiraj:

Autor zwer (Post 1445508)
Malo si nejasno naveo, jer neznam sto tocno znaci "ako je slika 300px". jel to visina ili sirina? I cemu 600 px height ako ti je container 370px? Jednostavno napravi 370 px pozadinu i ponavljaj po X-osi. Ovo top left mozes maknut.

Znaci recimo da imas 370x400 container, ili sklepaj pozadinu istih dimenzija i nemoj uopce ponavljat, ili napravi okomitu crtu visine 370px i ponavljaj je po x-osi. I problem rjesen. Ili ako je neki tile, jednostavno ju ponavljaj po obe osi i pokrit ce cijelu povrsinu containera.

http://www.w3schools.com/css/pr_background-repeat.asp

Standardne velicine (tj. širine) su 720-760 pixela za 800x600 rezolucije i 900 pixela za 1024x768 i vise. Drzi se jedne od tih, ja najcesce ipak radim 720-760px width siteove. :beer:

Nisi me skuzio.
Zamisli sad lijevi izbornik i na tu lijevu stranu stavim pozadinu od 200px(height), a ukupni lijevi izbornik mi je recimo 370px(height).
Stavim ponavljanje po -y osi, dali ce on ponoviti sliku posto je 200*2=400px, a ja imam 370px ukupno?
Ili ce on uzet samo dio te slike i ponovit ga?

Btw. 720(width)?

zwer 02.10.2009. 23:55

Slika se ponavlja unutar containera. Znaci ako ti je div container recimo 500 px, a ti ponavljas sliku velicine 300 px, ponovit ce ju dvaput, ali se onih 100 px viska od "drugog ponavljanja" nece vidjet. Govorimo o sirini, isto vrijedi i za visinu.

I da, 720 width, tj. 900 width.:goood:

zaebani 06.10.2009. 23:30

Imam jos jedan problemcic, evo pri kraju sam sa stranicom i sad sam bas isao bacit border na desni dio zaglavlja i uporno mi ga stavlja ispod zaglavlja.
Svi divovi su na mjestu samo ovaj zajebaje stvar.

U htmlu to izgleda ovako:

Citiraj:




/*--zaglavlje--*/
Dok u cssu imam definirano:

Citiraj:


#zaglavlje{
width:730p;
height:94px;
}
#logo{
width:355px;
height:94px;
padding:0 0 0 10px;
}

#zaglavlje-slika{
width:355px;
height:94px;
border:1px solid red;
}

zwer 07.10.2009. 06:20

Sto tocno znaci desni dio zaglavlja? Zelis crveni border samo na desnoj stranici containera "zaglavlje-slika"? Ako je to, onda ne stavljas border solid 1px red, vec mora bit border-right solid 1px red.

Vidi tu: http://www.w3schools.com/CSS/pr_border-right.asp

zaebani 07.10.2009. 10:22

Citiraj:

Autor zwer (Post 1449494)
Sto tocno znaci desni dio zaglavlja? Zelis crveni border samo na desnoj stranici containera "zaglavlje-slika"? Ako je to, onda ne stavljas border solid 1px red, vec mora bit border-right solid 1px red.

Vidi tu: http://www.w3schools.com/CSS/pr_border-right.asp

Nope, mozda ce slika malo vise docarat.
http://www.imagesforme.com/thumb/thumb_59c20340.jpg
Znaci ovaj desni dio (zaglavlje-slika) kad stavim border na njega ili sadrzaj u njega mi se stavi ispod containera zaglavlje.

zwer 08.10.2009. 07:30

Citiraj:

Autor zaebani (Post 1449584)
Nope, mozda ce slika malo vise docarat.
http://www.imagesforme.com/thumb/thumb_59c20340.jpg
Znaci ovaj desni dio (zaglavlje-slika) kad stavim border na njega ili sadrzaj u njega mi se stavi ispod containera zaglavlje.

Covjece kak ti konfuzno pises :D

Aj da probam svejedno... DAkle, ako imas neki wrapper container koji omotava sve druge containere, sirine recimo 100px, bez bordera. I sad ti unutra stavis neki logo sirine 50px (border=0) i zaglavlje-slika od 50px (border=0) desno od logoa (kao na slici)... sve radi. 50+50 = 100 px. Ali ako sad recimo stavis border=1 na zaglavlje-slika, to znaci da ce border bit sirok 1 pixel sa svih strana zaglavlje-slike... dakle zaglavlje-slika ce bit 50+1+1 (lijevi i desni border).

I sad ti taj zaglavlje-slika dio vise ne stane desno od logoa jer je limit 100px, i CSS renderer ga automatski postavlja u novi red, ispod logo-a.

zaebani 08.10.2009. 20:15

Citiraj:

Autor zwer (Post 1450538)
Covjece kak ti konfuzno pises :D

Aj da probam svejedno... DAkle, ako imas neki wrapper container koji omotava sve druge containere, sirine recimo 100px, bez bordera. I sad ti unutra stavis neki logo sirine 50px (border=0) i zaglavlje-slika od 50px (border=0) desno od logoa (kao na slici)... sve radi. 50+50 = 100 px. Ali ako sad recimo stavis border=1 na zaglavlje-slika, to znaci da ce border bit sirok 1 pixel sa svih strana zaglavlje-slike... dakle zaglavlje-slika ce bit 50+1+1 (lijevi i desni border).

I sad ti taj zaglavlje-slika dio vise ne stane desno od logoa jer je limit 100px, i CSS renderer ga automatski postavlja u novi red, ispod logo-a.

Probat cu bolje :D
Sa bilo kojom sirinom i visinom mi ga baca ispod, probao sam stavit 100*20 i isto ga stavlja ispod.
Ovaj border u CSS-u je tu samo kako bi vidio dal ce mi bacit sadrzaj tamo gdje treba.
A i probaj zbrojit gore one dimenzije pa ces vidit da i ovak pase, al neznam zasto mi ga nece stavit na potrebno mjesto.

zwer 08.10.2009. 23:25

Onda radi kao i svi normalni ljudi, guglaj CSS layouts, i nadji onaj koji ti odgovara po formi stupaca i redaka i modificiraj ga :goood::beer:


Sva vremena su GMT +2. Sada je 08:02.

Powered by vBulletin®
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 1999-2024 PC Ekspert - Sva prava pridržana ISSN 1334-2940
Ad Management by RedTyger