[ask] edit css untuk menu

Discussion in 'Desain Web dan Programming' started by artayoga, 26 Aug 2014.

Thread Status:
Not open for further replies.
  1. artayoga

    artayoga New Member

    Messages:
    9
    Likes Received:
    0
    Trophy Points:
    1
    permisi teman-teman... saya mengalami kesulitan pada script css dalam pembuatan sebuah menu.
    Berikut gambarnya agar lebih mudah saya menjelaskan permasalahan saya :
    [​IMG]
    Berikut adalah script css & htmlnya :

    <style type="text/css">
    .container { height:300px; width:500px; background-color:#F00; position:relative; padding:0px; }
    .menu { position:absolute; }
    .menu li { color:#fff; background-color:#0F0; width:150px; display:block; }
    </style>

    <div class="container">
    <div class="menu">

    <ul>
    <li>Semua yang </li>
    <li>Semua yang ada disini akan kita coba lagi</li>
    <li>Semua yang ada disini akan terbaik</li>
    <li>Semua yang ada disini</li>
    <li>Semua yang ada disini akan kita coba lagi</li>
    <li>Semua yang ada disini akan terbaik</li>
    <li>Semua yang ada disini tes</li>
    <li>Semua yang ada disini tes</li>
    <li>Semua yang ada disini tes</li>
    </ul>

    </div>
    </div>

    dari gambaran permasalahan yang saya hadapi, saya ingin agar tulisan yang berwarna hijau ketika sudah sampai batas bawah kotak merah maka secara otomatis akan berlanjut ke bagian atas kanan seperti yang saya tunjukkan pada tanda panaha tersebut. saat ini tulisan dan kotak hijau tersebut, ketika saya buat perulangan dia terus saja lari ke bawah.. mohon bantuannya teman-teman
     
Loading...
Thread Status:
Not open for further replies.

Share This Page

Loading...