MyCity » Web dizajn / HTML » Poravnjanje forme u ćeliji

Poravnjanje forme u ćeliji

Napisano na dan: 16.4.2006

Poravnjanje forme u ćeliji
Sledeća strana Pagination

Idi na vrh

Poslao: 16 Apr 2006 20:25
Idi na vrh
offline
  • Pridružio: 14 Nov 2003
  • Poruke: 324

Kako da namestim da se ova search forma poravna u sredini ove ćelije?
Ja sam sve uradio u Photoshop-u, izrezao, sredio, ali ova search forma neće da bude u sredini ćelije, nego "beži na gornju ivicu".




A evo i coda cele stranice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <meta name="generator" content="Adobe GoLive 6"> <title>Welcome to Adobe GoLive 6</title> </head> <body bgcolor="#d5d5d5" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" height="85"> <tr> <td width="27" background="images/backg-1.gif"></td> <td width="173"> <div align="left"> <img src="images/img-1.jpg" alt="" height="85" width="173" border="0"></div> </td> <td width="200"><img src="images/img-2.jpg" alt="" height="85" width="200" border="0"></td> <td width="185"><img src="images/img-3.jpg" alt="" height="85" width="185" border="0"></td> <td width="189"><img src="images/img-4.jpg" alt="" height="85" width="189" border="0"></td> <td width="26" background="images/backg-2.gif"></td> </tr> </table> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" height="47"> <tr height="47"> <td width="27" height="47" background="images/backg-1.gif"></td> <td width="63" height="47"><img src="images/img-5.gif" alt="" height="47" width="63" border="0"></td> <td width="80" height="47"><img src="images/img-6.gif" alt="" height="47" width="80" border="0"></td> <td width="88" height="47"><img src="images/img-7.gif" alt="" height="47" width="88" border="0"></td> <td width="80" height="47"><img src="images/img-8.gif" alt="" height="47" width="80" border="0"></td> <td width="80" height="47"><img src="images/img-9.gif" alt="" height="47" width="80" border="0"></td> <td width="80" height="47"><img src="images/img-10.gif" alt="" height="47" width="80" border="0"></td> <td width="79" height="47"><img src="images/img-11.gif" alt="" height="47" width="79" border="0"></td> <td width="80" height="47"><img src="images/img-12.gif" alt="" height="47" width="80" border="0"></td> <td width="80" height="47"><img src="images/img-13.gif" alt="" height="47" width="80" border="0"></td> <td height="47"><img src="images/img-14.jpg" alt="" height="47" width="37" border="0"></td> <td width="26" height="47" background="images/backg-2.gif"></td> </tr> </table> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" height="43"> <tr height="43"> <td width="27" height="43" background="images/backg-1.gif"></td> <td width="167" height="43"><img src="images/img-15.gif" alt="" height="43" width="167" border="0"></td> <td width="209" height="43" background="images/backg-3.gif"></td> <td align="center" valign="bottom" width="371" height="43" background="images/backg-3.gif"> <div align="center">      <FORM name=formSear action="search.html" method="GET" onSubmit="return OnSearchSubmit()">       <div align="center">        <p><input name=searWords size="35">&nbsp;<input type="image" src="images/search.gif" name="image" type=submit value=Search></p>       </div>      </FORM>     </div> </td> <td width="26" height="43" background="images/backg-2.gif"></td> </tr> </table> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="white" height="182"> <tr height="200"> <td width="27" height="200" background="images/backg-1.gif"></td> <td valign="top" width="167" height="200" background="images/backg-4.gif"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="120"> <tr> <td></td> </tr> <tr height="6"> <td height="6" background="images/backg-6.gif"></td> </tr> <tr> <td></td> </tr> </table> </td> <td width="20" height="200"></td> <td width="560" height="200"></td> <td width="26" height="200" background="images/backg-2.gif"></td> </tr> </table> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" height="41"> <tr height="41"> <td width="27" height="41" background="images/backg-1.gif"></td> <td width="747" height="41" background="images/backg-5.gif"></td> <td width="26" height="41" background="images/backg-2.gif"></td> </tr> </table> <p></p> <p> <script LANGUAGE="JavaScript" src="webdata.js"></script> <script LANGUAGE="JavaScript" src="searchfunc.js"></script> </p> <p></p> </body> </html>



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 16 Apr 2006 21:26
Idi na vrh
offline
  • Pridružio: 01 Maj 2003
  • Poruke: 1300
  • Gde živiš: Kragujevac

postavi za celiju za vertikalno da bude na "center"



Poslao: 16 Apr 2006 21:39
Idi na vrh
offline
  • Pridružio: 14 Nov 2003
  • Poruke: 324

mnicic ::postavi za celiju za vertikalno da bude na "center"

Jesam...isto sve.

Poslao: 16 Apr 2006 23:50
Idi na vrh
offline
  • Pridružio: 18 Apr 2003
  • Poruke: 8134
  • Gde živiš: U kesici gumenih bombona...

Ovo je code koji treba da radi samo sto je ovaj kod neverovatno nepregledan i izgleda kao spagete tako da ako ne radi ovaj kod sto sam dao, moguce je da je zbog toga sto ima dosta nepotrebnih stvari.

Ovo sam zamenio
<td align="center" valign="bottom" width="371" height="43" background="images/backg-3.gif">

sa ovim

<td align="center" valign="middle" width="371" height="43" background="images/backg-3.gif">

Razlika je u valign="bottom' i valign="middle".
Tebi je bilo bottom.

Sta ce ti <div unutar <td> taga? Nema potrebe, bar ne za ovo.

Ovaj kod mora da radi, ali mora da radi.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <meta name="generator" content="Adobe GoLive 6"> <title>Welcome to Adobe GoLive 6</title> </head> <body bgcolor="#d5d5d5" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" height="85"> <tr> <td width="27" background="images/backg-1.gif"></td> <td width="173"> <div align="left"> <img src="images/img-1.jpg" alt="" height="85" width="173" border="0"></div> </td> <td width="200"><img src="images/img-2.jpg" alt="" height="85" width="200" border="0"></td> <td width="185"><img src="images/img-3.jpg" alt="" height="85" width="185" border="0"></td> <td width="189"><img src="images/img-4.jpg" alt="" height="85" width="189" border="0"></td> <td width="26" background="images/backg-2.gif"></td> </tr> </table> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" height="47"> <tr height="47"> <td width="27" height="47" background="images/backg-1.gif"></td> <td width="63" height="47"><img src="images/img-5.gif" alt="" height="47" width="63" border="0"></td> <td width="80" height="47"><img src="images/img-6.gif" alt="" height="47" width="80" border="0"></td> <td width="88" height="47"><img src="images/img-7.gif" alt="" height="47" width="88" border="0"></td> <td width="80" height="47"><img src="images/img-8.gif" alt="" height="47" width="80" border="0"></td> <td width="80" height="47"><img src="images/img-9.gif" alt="" height="47" width="80" border="0"></td> <td width="80" height="47"><img src="images/img-10.gif" alt="" height="47" width="80" border="0"></td> <td width="79" height="47"><img src="images/img-11.gif" alt="" height="47" width="79" border="0"></td> <td width="80" height="47"><img src="images/img-12.gif" alt="" height="47" width="80" border="0"></td> <td width="80" height="47"><img src="images/img-13.gif" alt="" height="47" width="80" border="0"></td> <td height="47"><img src="images/img-14.jpg" alt="" height="47" width="37" border="0"></td> <td width="26" height="47" background="images/backg-2.gif"></td> </tr> </table> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" height="43"> <tr height="43"> <td width="27" height="43" background="images/backg-1.gif"></td> <td width="167" height="43"><img src="images/img-15.gif" alt="" height="43" width="167" border="0"></td> <td width="209" height="43" background="images/backg-3.gif"></td> <td align="center" valign="middle" width="371" height="43" background="images/backg-3.gif"> <div align="center">      <FORM name=formSear action="search.html" method="GET" onSubmit="return OnSearchSubmit()">       <div align="center">        <p>          <input name=searWords size="35">&nbsp;<input type="image" src="images/search.gif" name="image" type=submit value=Search></p>       </div>      </FORM>     </div> </td> <td width="26" height="43" background="images/backg-2.gif"></td> </tr> </table> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="white" height="182"> <tr height="200"> <td width="27" height="200" background="images/backg-1.gif"></td> <td valign="top" width="167" height="200" background="images/backg-4.gif"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="120"> <tr> <td></td> </tr> <tr height="6"> <td height="6" background="images/backg-6.gif"></td> </tr> <tr> <td></td> </tr> </table> </td> <td width="20" height="200"></td> <td width="560" height="200"></td> <td width="26" height="200" background="images/backg-2.gif"></td> </tr> </table> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" height="41"> <tr height="41"> <td width="27" height="41" background="images/backg-1.gif"></td> <td width="747" height="41" background="images/backg-5.gif"></td> <td width="26" height="41" background="images/backg-2.gif"></td> </tr> </table> <p></p> <p> <script LANGUAGE="JavaScript" src="webdata.js"></script> <script LANGUAGE="JavaScript" src="searchfunc.js"></script> </p> <p></p> </body> </html>

Poslao: 17 Apr 2006 07:15
Idi na vrh
offline
  • Pridružio: 14 Nov 2003
  • Poruke: 324

snoop, hvala na trudu, ali taj kod neće nikako da radi. Isto je kao i pre.
Probano u IE, Mozilli i Operi.

Poslao: 18 Apr 2006 10:29
Idi na vrh
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3747
  • Gde živiš: 127.0.0.1

probaj u ova dva <div> taga da stavis align="middle", umesto u <td>, mozda i proradi Smile mada iskreno ne vidim svrhu ta dva taga, pogotovo sto ti je <td> poravnat po sredini, a i prvi <div> tag se ne zavrsava pre nego sto pocinje drugi...

ako i to ne radi, onda probaj mozda malo glupo resenje, ali uvek radi... dodaj ovaj kod ispred <form> taga Smile

<img src="images/spacer.gif" height="3" border="0" alt=""><br>

Naravno, treba ti 1x1 px providni gif (spacer.gif) koji ces da napravis u Photoshopu (43b) i uploadujes u folder images, a njegovu visinu podesavaj prema potrebi, ja sam odokativno Smile stavio 3, mada mozda moze i 5.

Poslao: 19 Apr 2006 09:09
Idi na vrh
offline
  • Pridružio: 14 Nov 2003
  • Poruke: 324

Sve sam probao kao što ste naveli, ali neće.

Odustao sam od toga, idem na drugu soluciju.

Hvala svima na odgovorima.
Pozdrav

Poslao: 19 Apr 2006 23:05
Idi na vrh
offline
  • Blood  Male
  • Ugledni građanin
  • Pridružio: 26 Jul 2003
  • Poruke: 384
  • Gde živiš: Beograd

probaj toj celiji da dodas css klasu, a u klasi neka stoji margin-top: 5px; ili koliko ti vec treba ili ako je pozadinska slika isto u toj celiji i sa margin-top ti se pomeri onda stavi padding-top: 5px; umesto margin-top.

POzdrav!

MyCity » Web dizajn / HTML » Poravnjanje forme u ćeliji

Ko je trenutno na forumu
 

Ukupno su 1128 korisnika na forumu :: 49 registrovanih, 2 sakrivenih i 1077 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: A.R.Chafee.Jr., aleksmajstor, amaterSRB, aramis s, babaroga, bokisha253, Boris Bosiljčić, Buzdovan, Dannyboy, Denaya, DonRumataEstorski, DPera, dulleo, goxin, Hamannche, hologram, hooraay, Još malo pa deda, Karla, kjkszpj, kybonacci, laurusri, Lieutenant, mercedesamg, Mi lao shu, milenko crazy north, mrav pesadinac, nemkea71, opt1, ozzy, procesor, rodoljub, royst33, sasa87, shone34, Sirius, Sićko, slonic_tonic, ss10, Tandrkalo, theNedjeljko, vaso1, Vlad000, YU-UKI, YugoSlav, zeo, šumar bk2, 125, 79693