Membuat Link Form Button Berjejer / Horizontal

Jika sebelumnya saya pernah memposting tentang membuat form button,sekarang kita akan membahas tentang membuat form button berjejer.

Untuk sebuah form,jika di sejajarkan akan mengalami sedikit kesulitan.

Disini kita akan mengakalinya dengan menambahkan tabel,untuk meletakkan form-form yang akan kita publikasikan.

Untuk contohnya seperti di bawah ini:






<p align="center"><table border="0" cellspacing="1"
width="104"><tr>
<td width="72"><form method="get"
action="http://www.google.com/"target="_blank"><p><input type="submit"
value="Google"
name="1"></form></td>

<td width="69"><form method="get"
action="http://www.yahoo.com/"target="_blank"><p><input type="submit" value="Yahoo"
name="2"></form></td>
<td width="69"><form method="get"
action="http://www.youtube.com/" target="_blank"><p><input type="submit" value="Youtube"
name="3"></form></td>
<td width="69"><form method="get"
action="http://www.Friendster.com/" target="_blank"><p><input type="submit" value="Friendster"
name="4"></form></td>
</tr></table>

Untuk tulisan warna hijau,rubah sesuai atribut blog anda,jika anda ingin memposisikan form-form diatas,ke kiri,tinggal merubah baris kode yang berwarna merah.

Untuk posisi tengah="center", kiri="left" sedangkan untuk kanan="right",namun masalah posisi,biasanya browsre IE yang berfungsi dengan baik.

Untuk hasil eksekusi diatas,jika anda menginginkan link akan terbuka,pada window yang sama,gantilah kode _blank gantilah dengan _self.
Gimana? minat mau mencoba?



2 komentar:

  1. Teman - teman kesulitan untuk Belajar Komputer karena kesibukan? kini kami memfasilitasi kursus komputer jarak jauh via online, silahkan kunjungi website kami di asianbrilliant.com, Master Komputer, Kursus Online

    Ayah, Bunda..butuh guru untuk mengajar anak-anak dirumah ? kami memfasilitasi 1000 guru untuk anak-anak ayah dan bunda datang kerumah, silahkan kunjungi website kami di smartsukses.com, Bimbingan Belajar, Les Private

    BalasHapus
  2. Terima kasih ya untuk informasinya, sungguh sangat bermanfaat...

    BalasHapus

 
DISCLAIMER : Wenda ShopOnline™ | Online Shop and Share Anything: Membuat Link Form Button Berjejer / Horizontal is an Independent Blog that is private. This does not represent the Company, Agency or any Organization. All content on this blog aims to promote and share information.