[TANYA] membuat auto-center lewat ID atau class via JS atau via CSS

Pagi Para Dewa-Dewi Master yang Budiman, saya yang super-cupu ini kembali menghadapi ke-galau-an.

In fact, saya pengguna setia blogger. Nah yang agak sedikit saya kebingungan ketika saya sudah membuat beberapa kalimat/image yang pengennya di CENTER tapi masih di LEFT.

Karena content sudah terlanjur banyak sangat tidak mungkin jika one-by-one saya sentuh.

yang menjadi pertanyaan saya adalah.

Bagaimana cara membuat Bulk - CENTER baik via JS atau CSS.

Saya sudah menggunakan

PHP:

 id="center" dan sebagian masih menggunakan class="center"

Mohon wanngsitnya para Dewa-Dewi Master.

terimakasih banyak.

 

kalau sudah di definisikan class atau id nya
tinggal tambahin css-nya

Code:

#center{text-align:center;}
.center{text-align:center;}

 

kalo tulisan rata tengah, pake text-align:center.... kalo gambar atau elemen ada di tengah2, pake display:block;margin:0 auto

 

Dewa Master, belum didefinisikan

yang udahnya cuman begini

PHP:

<h2 id="center"> atau 
<img id="center" align="middle" style="margin: 0px 0px 0px 0px;float: center" alt="xxxxxxxxxxxx" src="xxxxxxxxxxxxxxxxxxxxx"></img> 

nah supaya yang ...

PHP:

id="center"

ke tengah harus dibagaimanakan lagi atau harus bikin script seperti apa ...

Mohon pertolongannya. Terimakasih.


========
Kalau pakai yang ini

semua body text jadi di tengah.

Maksud saya ini biar center-nya di panggil via id="center"

dan untuk image pun, tidak semua image di center-kan, makanya maksud saya panggil via ID.

begitu ceritanya.

Mohon Pencerahannya

 

di quote di sini z

Siap Dewa Coding, selesai mendarat di kasur, langsung ON.

Terimakasih banyak.

 

itu udah ada yg ngasih solusi boss.
#center untuk id center
.center untuk class center

kalau msh bandel gak mau ke tengah, paksa pake ini

Code:

<center>
yg mau diketengahin
</center>

untuk img tag htmlnya gak usah pake penutup </img> boss, cukup pake penutup />

Code:

<img blablabla />

ini berlaku jg untuk tag br, hr, meta dan input

oh ya sekedar sharing pengalaman, kmarin aku habis ngoprek theme wp pake 1 id dipake berulang misal div id center ama span id center mlh keluar error yg mengatakan id hanya bisa dipake 1x dlm 1 halaman, kl mau make berulang disuruh pake class.
baru ini aku nemuin error cuma gara2 pemakain css id

 

ID jangan duplicate _http://www.w3.org/TR/html-markup/global-attributes.html#common.attrs.id

kalau mau semua center

Code:

body {
    text-align: center;
}

kalau element tertentu dg id/class tertentu

Code:

img.center {


    display: block;
    margin: 10px auto;
}


img#center {
    display: block;
    margin: 10px auto;
}

atau

Code:

.center {


    display: block;
    margin: 10px auto;
}


#center {
    display: block;
    margin: 10px auto;
}

kembali ke pertanyaan, yang mau di-CENTER itu tampilan CSS atau source HTML-nya?

 

tampilan CSSnya Dewa Master.

 

biar agan ga bingung.....coba pake inspek elemen-nya firebug gan terus kan keliatan ntar disitu bagian class dan id nya.....terus edit2 aja di situ...baru di implemenkan ke css kalau sudah seperti yg di inginkan

 

<div style="text-align:center;"><h2 id="center"> atau
<img id="center" align="middle" style="margin: 0px 0px 0px 0px;float: center" alt="xxxxxxxxxxxx" src="xxxxxxxxxxxxxxxxxxxxx"></img></div>

 

Seperti ini masgan kodenya:

Code:

#center{text-align:center;} **//Ini selector ID, jika memanggil menggunakan selector ini, maka bagian html akan menjadi ditengah//*
#center img {text-align:center;} **//Ini selector ID untuk tag gambar, jika memanggil menggunakan selector ini maka posisi gambar menjadi di tengah//*

.center{text-align:center;} **//Ini selector class, fungsinya sama seperti diatas//*
.center img {text-align:center;} **//ni selector class untuk tag gambar, fungsinya sama seperti diatas//*

Jadi yang digunakan di css seperti ini saja:

Code:

#center img {text-align:center;} atau
.center img {text-align:center;}

 

Waaaaah Terimakasih semuanya para dewa master.

Sudah ketemu solusinya dan cocok untuk template blogger saya.

Sekali lagi Terimakasih Semua.

Selamat Ramadan & Sahur untuk yang merayakannya.

THREAD CLOSE