[es] - top i bottom problem

iizuzetan

Član broj: 186478
Poruke: 375
*.dynamic.isp.telekom.rs.

+16 Profil

^{16.05.2011. u 14:20 - pre 157 meseci}

Hteo bih da napravim da mi se u jednom delu tabele odredjeni mali tekst ubaci na vrh odnosno pri dnu a da ne pravim tabelu u tabeli ili da umecem jos koji TR ili TD tag. KOD je sledeci:

Code:

<table border="1" width="390">
       <tr>
     <td width="87">
        <p>g</p>
        <p>g</p>
        <p>g</p>
        <p>g</p>
        <p>g</p>
        <p>g</p>
        <p>g</p>
        <p>g</p>
        <p>g</p>
             </td>
      <td width="287">
         <div style="vertical-align: top">goreeeeee</div>
         <div style="vertical-align: bottom">doleeeeee</div>
      </td>
        </tr>
</table>

Da bi bilo jasnije evo slika sta se dobije:

http://s4.postimage.org/gn4xgfffv/bottom.png

Znaci sad mi se tekstovi "gore" i "dole" nalaze po sredini tabele a ne pri vrhu i pri dnu (kao sto zelim a prikazao sam strelicama). Kako da to napravim, da se tekst "gore" prebaci na vrh a "dole" na dno, i to uvek "plivajuci" bez obzira koliko ima teksta u ostalim delovima tabele????

Odgovor na temu

Milan Kragujevic
Software Engineer

Član broj: 231903
Poruke: 2220
*.dynamic.isp.telekom.rs.

Sajt: https://milankragujevic.c..

+201 Profil

Re: top i bottom problem

^{16.05.2011. u 14:33 - pre 157 meseci}

Koristi valign
<table border="1" width="390">
<tr>
<td width="87">
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
</td>
<td width="287">
<td valign="top">goreeeeee</td>
<td valign="bottom">doleeeeee</td>
</td>
</tr>
</table>

Odgovor na temu

iizuzetan

Član broj: 186478
Poruke: 375
*.dynamic.isp.telekom.rs.

+16 Profil

Re: top i bottom problem

^{16.05.2011. u 14:57 - pre 157 meseci}

Citat:

Milan Kragujevic: Koristi valign
<table border="1" width="390">
<tr>
<td width="87">
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
</td>
<td width="287">
<td valign="top">goreeeeee</td>
<td valign="bottom">doleeeeee</td>
</td>
</tr>
</table>

Ne odgovara mi tako, treba mi u jednom TD tagu da se nadju oba teksta a ne u dva kao u tvom primeru

Odgovor na temu

valjan
Janko Valencik
Software Deployer
Schneider Electric
Novi Sad

Član broj: 158605
Poruke: 3531
*.dynamic.sbb.rs.

+553 Profil

Re: top i bottom problem

^{16.05.2011. u 16:02 - pre 157 meseci}

Iz iskustva znam da dok ne definišeš tim DIV-ovima width i height, oni će tvrdoglavo da prikazuju sadržaj po sredini. Moguće da će neki browser i da prikaže nešto drugo, ali je najlakše da im lupiš width i height (ili direktno u HTML-u, ili ga izračunaš preko JavaScript-a i dodeliš DIV-u). E sad, možda neko zna drugačije, ja sam, kao što rekoh, ovo naučio na teži način, putem "trial & error" metode...

Odgovor na temu

ivan.a
PHP developer

Član broj: 83976
Poruke: 403
*.dynamic.isp.telekom.rs.

+44 Profil

Re: top i bottom problem

^{17.05.2011. u 11:05 - pre 157 meseci}

Ne možeš definisati vertical-align ukoliko nemaš visinu (u stvari možeš, ali čemu?)

Probaj ovaj trik:

Code:
<table border="1" width="390">
       <tr>
     <td width="87">
        <p>g</p>
        <p>g</p>
        <p>g</p>
        <p>g</p>
        <p>g</p>
        <p>g</p>
        <p>g</p>
        <p>g</p>
        <p>g</p>
             </td>
      <td valign="top" width="287">
         <div style="height:290px; vertical-align: top;">goreeeeee</div>
         <div height="50" style="vertical-align: bottom;">doleeeeee</div>
      </td>
        </tr>
</table>

I hope I didn't brain my damage - Homer
if (wife.position == kitchen) {return sandwich};

Odgovor na temu