Bikin menu horizontal itu sebenarnya cuma butuh pengaturan di CSS-nya.

tapi, ini ada kode sederhana untuk mbikin menu itu.

di antara tag <head> dan </head> masukkan kode ini :

<style type="text/css">
<!--
#nav {
list-style:none;
padding:1px;
margin:3px;

}
#nav li {
*display:inline;*
padding: 2px 10px 2px 10px ;
border:1px solid #999999;
text-align:center;
}
-->

</style>

terus, di bagian yang mau dipasangi menu, masukkan kode ini :

<ul id="nav">
<li>menu 1</li>
<li>menu 2</li>
<li>menu 3</li>
</ul>

itu, ada bagian yang saya bold, itu penting untuk mengurutkan isi dalam tag
<li> dan </li> secara horizontal.
perhatikan juga penamaan ID.
Penamaannya saya pakai dengan nama *#nav *dan *#nav li* di css. Berarti
penggunaannya di tag pertama harus ditambahi* id="nav" *
seperti di atas,
*<ul id="nav">*
<li>menu 1

dst... dst...

-- 

http://profmustamar.com
http://cimut.orangbiasa.com
http://orangbiasa.com

Reply via email to