Belajar CSS untuk WordPress | WordPress.org Indonesia

acepsdr
(@acepsdr)

15 years, 9 months yang lalu
Saya lagi belajar buat template sendiri sesuai dengan format standard wordpress dengan mengandalkan desain menggunakan CSS. Saya mau belajar+latihan dari teman2 yang sudah mahir/bisa disini nih 🙂

Pertanyaan Pertama:
Isi style.css saya sbb:
```
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #666666;
}

#page {
	margin: 5px;
	height: 500px;
	width: 750px;
}
#page {
	background-color: #FFFFFF;
}
```
Dan di header.php kuranglebih sbb.:
```
<body>
<div id="page">
```
Tapi klo aku buka di FireFox dan IE tampilannya (formatnya) kok tidak sama ya? Sepertinya marginnya tidak cocok antara yang di IE & FireFox. Kira-kira ada yang mesti di set atau ditambahkan di style.css saya yang diatas tidak ya?

Melihat 5 balasan - 1 sampai 5 (dari total 5)

Moderator Huda Toriq
(@hudatoriq)

15 years, 9 months yang lalu

Mendingan diupload aja Pak, oret2annya ke hostingan Bapak, biar kita-kita bisa langsung mbuka halamannya di browser secara online trus ngelihat visualnya 😉

Memang masalah cross browser dalam CSS agak tricky. Soal margin yg beda, di sebelah mananya? Mohon diunggah aja, biar lebih enak mbahasnya :D.

Pencetus Utas acepsdr
(@acepsdr)

15 years, 9 months yang lalu

Ok, saya sudah upload ke hosting, bisa dilihat di http://test.acepsudrazat.com.

Sepertinya top marginnya yang bermasalah kali’ ya…
Moderator Huda Toriq
(@hudatoriq)

15 years, 9 months yang lalu
Kayaknya karena margin default untuk elemen body beda2 antara Firefox & IE. Diset aja Pak, misal dikasih nilai 0:
```
body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #666666;
}
```
Pencetus Utas acepsdr
(@acepsdr)

15 years, 9 months yang lalu

Oo iya benar, ternyata masalahnya disitu. Sudah saya set margin untuk body ke 0 dan sekarang sudah bagus. Thanks.
Pencetus Utas acepsdr
(@acepsdr)

15 years, 9 months yang lalu
Pertanyaan Kedua:

Kalau menggunakan css, bagaimana menampilkan logo sebagai H1 dan ada daftar menu disampingnya? kalau menggunakan table kira-kira formatnya sbb:
```
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="25%"><h1>My Logo</h1></td>
    <td width="9%" align="center">Home</td>
    <td width="10%" align="center">Forum</td>
    <td width="14%" align="center">Hubungi Saya </td>
    <td width="42%">&nbsp;</td>
  </tr>
</table>
```
Nah, kalau bentuk format css-nya bagaimana? Halaman yang saya coba mau buat bisa dilihat di http://test.acepsudrazat.com

Melihat 5 balasan - 1 sampai 5 (dari total 5)

Topik ‘Belajar CSS untuk WordPress’ tertutup untuk balasan baru.

Tampilan