cara agar tampilanLINK HALAMAN FILE "A" sinkron dengan tampilan LINK HALAMAN FILE "B"

di html ada kode membuat halaman saya buat tiga halaman yaitu:beranda, donate, masukan

<a href="namafiledilaptopkita.html">Beranda</a>
<a href="new.html">Donate</a>
<a href="masukan.html">Masukan</a>

NAH! lalu saya menambahkan bumbu css didalemnya sehingga menjadi seperti ini:

<a button href="HillyHtml.html" class="btn beranda">Beranda</a>
<a button href="new.html" class="btn new"> Donate </a>
<a button href="masukan.html" class="btn masukan">Masukan</a>

DAN DI FILE CSS saya beri kode:

.btn {
    border: none;
    color: white;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
}
.beranda {background-color: #4dd2ff}
.beranda:hover {background-color: #33ccff;}

.new {background-color:  #ff3333;}
.new:hover {background: #ff1a1a;}

.masukan {background-color: #99ffbb;}
.masukan:hover {background: #80ffaa;}

NAH! di halaman berandanya jadi begini TAPI dihalaman lain (donate dan masukan) malah begini

NAH! gimana tuh caranya agar tampilanya sama disemua halaman

avatar HillyProgramer
@HillyProgramer

5 Kontribusi 0 Poin

Diperbarui 5 tahun yang lalu

4 Jawaban:

html yang di file new.html dan masukan.html apa sudah ditambahkan class yang sama juga?

avatar rachmatsasongko
@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 5 tahun yang lalu

Jawaban Terpilih

taruh css disemua halaman

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 5 tahun yang lalu

kalo pakai nya .html, harus copy semua head dan footer ke semua halaman dan yang berbeda hanya body saja.. tapi jika pakai .php, harus mengerti dulu alur tampilan untuk di php.

biasanya pakai satu file index.php (master dari semua tampilan). kemudian link kan url dengan method get dan buat conditional melalui method get tersebut untuk include ke page" lain.

avatar willeylim
@willeylim

3 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

dan di

sudah saya tambahkan css nya tapi hasilnya tetap sama

avatar HillyProgramer
@HillyProgramer

5 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban