[Tutorial] Sekilas Cascading Stylesheet (CSS)

Forum diskusi pemrograman web lain.

Moderator: irzan2010

Re: [Tutorial] Sekilas Cascading Stylesheet

Postby theheicle » 28 Apr 2011, 18:44

Mantap neh Om PB Tutorialnya... ^:)^ ^:)^

Izin Nyimak om
Follow My Twitter
My Facebook


Jangan Lupa Ya Kirim Pesan Dulu sebelum ngeadd :D Seperti Contoh

Code: Select all
Helo Nama Gw theheicle gw Member I - Bego
User avatar
theheicle
Prajurit Satu
Prajurit Satu
 
Posts: 144
Joined: 19 Nov 2010, 16:08
Location: Tasikmalaya, Jawa Barat
Memberi kopi: 2 cangkir
Mendapat kopi: 5 cangkir

Re: [Tutorial] Sekilas Cascading Stylesheet (CSS)

Postby TUarik » 08 May 2011, 20:10

Saya mau coba jawab pertanyaan saya sendiri...xiixixixi...

dalam tag html :
Code: Select all
[..]
<body>
<div id="WRAPPER">
<div id="HEADER"></div>
<div id="CONTENT">
<div id="LBAR"></div>
<div id="RBAR"></div>
</div>
<div id="FOOTER"></div>
</div>
</body>
[..]


syntax CSSnya :
Code: Select all
*{margin:0;padding:0;}
body{background:#eee;}

#WRAPPER{display:block;width:900px;height:auto;margin:0 auto;}
#HEADER{display:block;width:inherit;height:180px;background:#333;}
#CONTENT{display:block;width:inherit;height:auto;background:#ccc;}
  #LBAR{display:block;width:200px;min-height:100px;background:#666;float:left;}
  #RBAR{display:block;width:700px;min-height:100px;background:#FFF;margin-left:200px;}
#FOOTER{display:block;width:inherit;height:80px;background:#999;clear:both;}


Note : value= "auto" ; berarti valuenya otomatis mengikuti isi didalamnya.
value = "inherit" ; berarti valuenya mengikuti inang atau elemen yang menyelimutinya...
#:-s #:-s #:-s


salam CSS... \m/
Selama bumi ini masih berotasi,,,, saya akan tetap belajar pemrograman
User avatar
TUarik
Prajurit Satu
Prajurit Satu
 
Posts: 185
Joined: 14 Mar 2010, 19:04
Location: di depan laptop ACER 4540 yang sederhana....
Memberi kopi: 14 cangkir
Mendapat kopi: 6 cangkir

Re: [Tutorial] Sekilas Cascading Stylesheet (CSS)

Postby masbied » 25 Nov 2011, 19:26

CSS ni yang bikin ribet banget di mata. Dah terlalu lama di wordpress, ngerjain blogspot jadi kelabakan.
Maklum, masih nuwbie.
Eh, oom ... Selain ngasih kode padding:0 untuk membuat list rata kiri, ada cara lain ndak ya?
Blog ane link yang pake LI UL LI tu baris bagian keduanya ndak bisa rata ma yang atas, selalu menjorok ke kiri sejajar ma icon LISTnya.
masbied
Prajurit Dua
Prajurit Dua
 
Posts: 7
Joined: 25 Nov 2011, 19:19
Memberi kopi: 0 cangkir
Mendapat kopi: 0 cangkir

Re: [Tutorial] Sekilas Cascading Stylesheet (CSS)

Postby pujanggabageur » 26 Nov 2011, 08:43

Coba pakai:
Code: Select all
li {
margin: -20px
}
Wajib hukumnya mematuhi Peraturan Memposting!
Diajar babarengan
User avatar
pujanggabageur
Global Moderator
Global Moderator
 
Posts: 2817
Joined: 13 Mar 2010, 14:15
Location: di depan LCD ViewSonic
Memberi kopi: 159 cangkir
Mendapat kopi: 293 cangkir

Previous

Return to Other

Who is online

Users browsing this forum: No registered users and 1 guest