Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

top i bottom problem

[es] :: Web dizajn i CSS :: top i bottom problem

[ Pregleda: 1450 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

iizuzetan

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



+16 Profil

icon top i bottom problem16.05.2011. u 14:20 - pre 124 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
Developer
HYCU Inc
Zemun

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

Sajt: https://milankragujevic.c..


+163 Profil

icon Re: top i bottom problem16.05.2011. u 14:33 - pre 124 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

icon Re: top i bottom problem16.05.2011. u 14:57 - pre 124 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
Inženjer/programer
Alfanum d.o.o.
Novi Sad

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

Sajt: www.alfanum.co.rs


+547 Profil

icon Re: top i bottom problem16.05.2011. u 16:02 - pre 124 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: 400
*.dynamic.isp.telekom.rs.



+44 Profil

icon Re: top i bottom problem17.05.2011. u 11:05 - pre 124 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

[es] :: Web dizajn i CSS :: top i bottom problem

[ Pregleda: 1450 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.