CSS background sa texturom

[budha]

e, ovak...
imam tablicu sa 2 reda:
prvi ima kao background pattern visine 5px, a donji ima sliku, koja se nastavlja na taj pattern.
postoji li mogucnost da mi visina prvog reda bude visekratnik od 5?
(zbog toga sto mi i 1px zbrejka sve)

edit: koristim i PHP (ak to moze pomoc...)

[maxy]

naravno da postoji
<?php

echo '<td style="height: '. $broj .'px;">'

?>

ako sam ja dobro skopcao sve

[budha]

nisi skopco (neznam ja objasnit...)

stvar je u tome sto ne znam kolika ce biti visina cell-a (jel u nju idu vijesti), ali mi je bitno da je visekratnik sa 5px, da se ne brejka pattern...

mislio sam dal postoji nekak u css-u da se background ponavlja po y-osi, ali da se ponavlja "cijeli", a ne ak je npr. cell visok 12px, da se background ponovi 2 puta cijeli + samo ostatak od 2px...

[zytzagoo]

Mozda mozes javascriptom dinamicki postaviti visinu tog cella, nakon sto content udje unutra? Znaci, puknes njuze unutra i nakon sto se stranica ucita (onload dakle), pozoves si vlastitu javascript funkciju koja ce dohvatiti trenutnu vrijednost visine cella, prilagoditi je visekratniku od 5 koji ti treba, i postaviti tu novu visinu tog istog cella...

Dohvacanje visine pojedinog elementa: http://www.mi3dot.org/forum/viewtopic.php?p=33240#33240

Nadam se da kuzis kaj sam htio reci... Mislim da bi se moglo izvesti na taj nacin...

[budha]

uff... bilo je jos nekih preinaka na siteu...

uglavnom, imam 3 cella (u koje ide dinamicki content), i sva tri trebaju biti iste visine...
sa svojim neznanjem js-a sam uspio nest iskemijat:

Code:

h1 = document.getElementById('cell01').offsetHeight; h2 = document.getElementById('cell02').offsetHeight; h3 = document.getElementById('cell03').offsetHeight; var max = 0; if (h1 > max) max=h1; if (h2 > max) max=h2; if (h3 > max) max=h3; while (max % 5 !== 0) { max++; } document.getElementById('cell01').height='\'' + max + 'px\''; document.getElementById('cell02').height='\'' + max + 'px\''; document.getElementById('cell03').height='\'' + max + 'px\'';

i radsi!
...ali samo u FF-u...

kak bi to mogao sredit da radi u IE?

[zytzagoo]

A kaj ne radi u IE-u? Mislim, jel ti pukne neki error ili nesto? Ako da - koji?
Ovaj komad koda sam po sebi bi trebao raditi, u njemu nema nista cudno... (bar ja ne vidim)

[unique]

budha wrote:

Code: h1 = document.getElementById('cell01').offsetHeight; h2 = document.getElementById('cell02').offsetHeight; h3 = document.getElementById('cell03').offsetHeight; var max = 0; if (h1 > max) max=h1; if (h2 > max) max=h2; if (h3 > max) max=h3; while (max % 5 !== 0) { max++; } document.getElementById('cell01').height='\'' + max + 'px\''; document.getElementById('cell02').height='\'' + max + 'px\''; document.getElementById('cell03').height='\'' + max + 'px\'';

1. zašto !== mislim da je dovoljno != ili
2. zašto '\'' + max + 'px\''; zar nije dovoljno samo = max
sve drugo mi se čini uredu

[budha]

zytzagoo wrote:

A kaj ne radi u IE-u? Mislim, jel ti pukne neki error ili nesto? Ako da - koji?

nema nikakvog errora... code jednostavno ne radi kak sam zamislio

unique wrote:

2. zašto '\'' + max + 'px\''; zar nije dovoljno samo = max

To je bio problem!!!

Thx!

@unique: zašto?...

ja wrote:

sa svojim neznanjem js-a sam uspio nest iskemijat

[unique]

budha wrote:

@unique: zašto?... ja wrote: sa svojim neznanjem js-a sam uspio nest iskemijat

hmm nisam siguran ali ja nikad nisam ni pokušao na onaj način, vjerovatno on traži integer a ti mu daš "50px" onda on* još doda " " pa ispadne ""50px"" to je vjerovatno to ... a mislim da bi i radilo max + "50px" -> ali zašto komplicirat
*on - ff