View previous topic :: View next topic |
Author |
Message |
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
Posted: 21.07.2004 01:51 Post subject: DIV problem..? (i td height="100%" - nebitno) |
|
|
zasto ovo ne radi?
jako mi je bitno da visina celije bude 100% jer sam stavila sliku u pozadinu koja treba biti tiled.
dakle, imam tablicu. u njoj tri reda i tri stupca - srednji stupac je merge-an tako da se sastoji od jedne celije, a susjedna dva se sastoje od tri reda.
i sad, posto namjeravam u lijevi i desni stupac stavit navigacijske trake, a u srednji pisat tekst, problem je:
kada je u srednjoj celiji vise teksta nego sto ima linkova u stupcima lijevo i desno, srednji redovi u tim stupcima ne preuzmu tu visinu na sebe, nego to naprave gornji i donji red - rezultat: umjesto da se slike lijepo nastavljaju jedna na drugu dolazi do prekida i vidi se pozadina dokumenta
ne kuzim zasto ostali redovi ne zele biti visine koje sam im zadala, nego uporno postaju veci naustrb srednjeg reda koji MORA zauzeti svu visinu jer tako zahtijeva layout. nije mi namjera za svaku stranicu posebno stavljati prozirni gif ili gomilu praznih redova u te celije, izmedju ostaoga zato sto se layout prilagodjava rezoluciji i nece na svakoj rezoluciji tekst imati isti broj redova.
definirala sam visinu tih celija 100% i u CSS-u, tako da sam sigurna da ne radi.
zasto ne radi i postoji li nacin da natjeram da proradi?
note: istu stvar imam i u headeru i footeru samo tamo se radi o width="100%" i to radi bez greske.
grrrr!
Last edited by nel`chee on 22.07.2004 22:29; edited 1 time in total |
_________________ ♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥ |
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
Posted: 21.07.2004 02:28 Post subject: |
|
|
another thing - sa sirinom funkcionira sve ok dok god nemam ovo:
Code: | <div class="title"> <strong> Naslov </strong> </div> |
css:
Code: | div.title {
text-align: center;
padding: 2px;
margin: 0px;
width: 400px;
height: 23px;
background: url(images/title.gif);
color: #000000;
} |
dakle, kad maknem div sirina se skroz prilagodi, a kad stavim div onda je sira od 800x600.
css za td: (naime tekst se nalazi unutar toga)
Code: | td.content {
text-align: center;
padding: 10px;
} |
mislim ovdje se ne radi o 10 pixela nego o 50, zbilja ne znam kako to srediti, a stvarno zelim taj div...
hvala |
_________________ ♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥ |
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
|
Back to top |
|
|
Gaston
Joined: 14 Dec 2003 Posts: 619 Location: 10310
|
Posted: 21.07.2004 10:37 Post subject: |
|
|
mislim da bi trebala definirati za background
repeat , attachment , horizontal position i vertical position
to ti u css-u nije definirano , a mislim da bi trebalo |
|
|
Back to top |
|
|
lekke
Joined: 17 Jun 2004 Posts: 860 Location: 25th floor
|
Posted: 21.07.2004 11:08 Post subject: |
|
|
Izbrisi DOCTYPE pa ce ti radit |
_________________ You need more bass. |
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
Posted: 21.07.2004 22:38 Post subject: |
|
|
@ Gaston -> nisi me razumio, naime pozidina se tile-a, inace je visina slike 5 px ali vidi se da je ipak malo tiled, samo velicina celije nije dobra i nikako to ne mogu namjestit
@ lekke -> da si virnuo u source vidio bi da nema doctype...
any other suggestions? |
_________________ ♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥ |
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
Posted: 22.07.2004 03:52 Post subject: |
|
|
na aljkav i bezveze nacin rjesila sam problem pozadine
kazem aljkav i bezveze jer je pitanje srece hoce li se pozadina jedne celije nastavit na drugu, to ovisi o kolicini teksta. da mogu rastegnut visinu na 100% ne bi bio problem jer bi imala eventualno 1 "greskicu" koja se zbog tekstualnog contenta ne bi niti primjetila.
imam drugo rjesenje, a to je da idem napravit isto ovo ispocetka, mislim znam sto i kako samo mi se tako ne da ispocetka kad je vec ovo ispalo ok... ali da, znam, ok is not good enough
molim vas, ima li netko ideju zasto ovi div titlovi imaju nekakve "margine" koje ja ne vidim??
CSS |
_________________ ♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥ |
|
Back to top |
|
|
Platypus
Joined: 07 Feb 2004 Posts: 235
|
Posted: 22.07.2004 13:01 Post subject: |
|
|
evo ovako... ako sa dobro shvatio problem
u prvi stupac u gornji red stavi onu sliku koja ti vec stoji tu... kao pozadinu stavi pozadinu srednjeg reda.. i stavi vertikalno poravnanje na "top".. isto to napravis i sa donjim redom samo stavis poravnanje "bottom".. u srednji red samo stavis pozadinu... |
|
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 22.07.2004 13:49 Post subject: |
|
|
nel`chee wrote: | molim vas, ima li netko ideju zasto ovi div titlovi imaju nekakve "margine" koje ja ne vidim?? |
Zato jer imas <p> </p> prije <div class="title">... |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
Posted: 22.07.2004 21:47 Post subject: |
|
|
Platypus wrote: | evo ovako... ako sa dobro shvatio problem
u prvi stupac u gornji red stavi onu sliku koja ti vec stoji tu... kao pozadinu stavi pozadinu srednjeg reda.. i stavi vertikalno poravnanje na "top".. isto to napravis i sa donjim redom samo stavis poravnanje "bottom".. u srednji red samo stavis pozadinu... |
to sam napravila u ovoj zadnjoj verziji (moj predzadnji post) i ne svidja mi se jer se vide greskice, ako sto rekog. ma nema veze sad to, napravila sam novi na istu foru ali sam tako slozila sliku da nece bit problema.
@ zytzagoo --> ovo u novom fajlu nemam, i opet isto. rec bi da taj p nema veze... uostalom, on ionako samo prebacuje u novi red, ne mijenja nista na alignu i slicno
any other ideas? molim vas? pa mora postojat neki nacin... |
_________________ ♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥ |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 23.07.2004 01:25 Post subject: |
|
|
nel`chee wrote: | @ zytzagoo --> ovo u novom fajlu nemam, i opet isto. rec bi da taj p nema veze... |
<p> je imao veze u onom fajlu... pogotovo jos sa paddingom koji si mu dala...
Quote: | uostalom, on ionako samo prebacuje u novi red, ne mijenja nista na alignu i slicno |
Na alignu ne, ali ima defaultnu top i bottom marginu. Aka space oko sebe.
Quote: | any other ideas? molim vas? pa mora postojat neki nacin... |
A kako tocno bi trebalo izgledati? U firefoxu izgleda kako si definirala, stoji unutar td-a sa classom "content" koji ima padding od 10 pixela lijevo i desno, a div.title ima padding od 2px sa svake strane.. Ne kuzim na koje margine mislis? Mozes na slici nekoj nacrtati tocno sto te smeta ili u kojem browseru ne vidis kako spada, a u kojem vidis? |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
Posted: 23.07.2004 22:31 Post subject: |
|
|
ovo je kad je otprilike 800x600, kao sto se vidi na scrollbaru stranica nije stala u prozor, a oko naslova ima lufta da se moze jos shrinkat... kad maknem heading / div (probala sam oboje i isti rezultat) onda se lijepo sve namjesti i stane u svaku rezoluciju (mozda bi cak u onu 480xNesto uspjela se zgurat, a cim stavim heading ili div opet isto sranje.
radi se o IE-u. nisam provjerila u drugima (jos) jer sam ljena i nisam nijedan drugi stavila (novi komp pa ono...) |
_________________ ♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥ |
|
Back to top |
|
|
zrco
Joined: 08 Sep 2003 Posts: 11 Location: Abu Dhabi
|
Posted: 24.07.2004 07:25 Post subject: |
|
|
Da bi ti layeri i tabele bili 100% visine potrebno je da u body stavis height: 100%;. Naravno treba da definises visinu tabele i layera na ist nacin. Ukoliko koristis DW MX 2004 iz doctype treba da uklonis url:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Jedan savet, kada radis style za layere dovoljno je da posle div stavis # i id layera jer na ovaj nacin nema potrebe da se pise class="" na samom layeru.
Primer
div#title {
text-align: center;
margin: 0px;
width: 400px;
height:100%;
background: #000000;
color: #000000;
left: 0px;
top: 0px;
}
layer
<div style="position:absolute; z-index:1" id="title"></div> |
|
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 24.07.2004 13:48 Post subject: |
|
|
Rupa iznad brushes je zbog nacina na koji si slozila tablicu... Ukljuci border na njoj pa ces vidjeti da <h1> nema nikakvu marginu, nego je to prostor cella od rowa iznad... Od onog u kojem ti je headerback.gif u pozadini... |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
Posted: 24.07.2004 17:54 Post subject: |
|
|
ja mislim da mene nitko nije razumio o cemu pricam... oke zrco ovo se cini helpful, to sa 100%, mada sam ispocetka cijeli layout napravila pa sad to vise nije problem.
ali zytzagoo, ja ne pricam o rupi IZNAD, nego o rupama SA STRANE!! to ja zovem margine, i kao sto vidis naslov je ostavio mjesta sa obje strane umjesto da se prilagodi i sam sirini prozora. |
_________________ ♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥ |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 24.07.2004 20:57 Post subject: |
|
|
nel`chee wrote: | ali zytzagoo, ja ne pricam o rupi IZNAD, nego o rupama SA STRANE!! |
Dala si mu fixnu širinu od 400px. Stavi mu width u postocima ili nesto takvo... Ili makni width skroz.
Quote: | to ja zovem margine |
Sorry, nisam skuzio... |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
|