Pitanje u vezi CSS-a

[zaebani]

Ovako imam napravljen lijevi box u div tagu koji izgleda ovako:

#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]

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.

[zaebani]

Autor zwer

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.

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]

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.

[zaebani]

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:

<div id="zaglavlje">
<div id="logo">
<img src="image/logo.GIF" alt="logo" title="d.o.o" />
</div><!--logo-->
<div id="zaglavlje-slika">
</div></*--slika u zaglavlju--*/
</div>/*--zaglavlje--*/

Dok u cssu imam definirano:

#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]

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]

Autor zwer

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.

Znaci ovaj desni dio (zaglavlje-slika) kad stavim border na njega ili sadrzaj u njega mi se stavi ispod containera zaglavlje.

[zwer]

Autor zaebani

Nope, mozda ce slika malo vise docarat.

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

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]

Autor zwer

Covjece kak ti konfuzno pises

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
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]

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