Meletakkan Logo dan Gambar Di Tengah

Kalo anda sudah pernah baca blog ini, anda pasti akan liat bahwa logo gambar blogger Gresik di kanan atas diletakkan mepet kiri atau disebut align left. Tanpa ditambahi kode HTML rupanya default setting browser akan meletakkan gambar image di sebelah kiri.

Saya ingin meletakkan gambar logo blogger Gresik itu ada di tengah. Supaya keliatan rapih dong temtunya.

Maka buka-buka buku HTML coding dimulai. Dan menemukan fakta bahwa meletakkan gambar di tengah ternyata lebih susah dari meletakkannya mepet kanan atau kirim (align left atau align right). Dan meletakkan gambar di tengah ternyata tidak bisa sekedar menambahkan kode align=”center”. Ternyata kode HTML itu bukan sebuah kode yang valid. Jadi browser akan menganggap sepi kode itu. Ngga ngaruh apa-apa.

Kode pertama yang saya coba adalah ‘<center><img src= dst   ></center>’. Ternyata kode ini tidak bekerja di Firefox 3.0.5 saya. Maka saya coba kode alignment gambar yang kedua yaitu ‘<p align=”center”><img src= dst></p>. Eeeeh ternyata berhasil. Jadi sekarang gambar logo blogger Gresik saya sudah ada di tengah. Alhamdulillah.

Oya satu fakta lagi, bahwa kode-kode di atas ternyata berstatus deprecated code. Artinya suatu saat nanti kode-kode itu akan dihapus dari status kode valid HTML. Browser-browser masa depan akan tidak mengacuhkannya sehingga ngga ngaruh. Jadi ngga usah kaget kalo suatu saat gambar saya jadi mepet kiri lagi.

Makasih sudah mampir.

3 responses to “Meletakkan Logo dan Gambar Di Tengah

  1. aku cari kode lengkapnya
    salam kenal

    • la ya cuma gitu to, sepasang ‘center’ sebelum dan sesudah kode html anda. coba sini mana kode anda, ntar tak tambahin ‘center’ nya.

  2. valenZia RahmaN

    Aduh.. ini yang kucari”…
    makasih kang…
    jadi tambah ilmu nih…

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s