Home/ Questions/Q 6993605
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T19:47:09+00:00

I’m just starting out with HTML and Dreamweaver. Basicly, I’m trying to create a

  • 0

I’m just starting out with HTML and Dreamweaver. Basicly, I’m trying to create a simple, horizontal menu bar with mouseover and “browser resize” so the bar will be stretched to span the browser window etc.

Maybe someone could recommend a good tutorial for getting started with these beginner tasks.

I stuck a picture below so you know what I mean by “horizontal”.

picture

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This should get you in the ballpark. You may need to tweak it a bit to your liking. But the underlying concept is there.

    <html>
<head>
<title></title>
</head>
<body>

<style type="text/css">

#navbar {
width:100%;
height:40px;
background-color:#000;
}

#navbar ul {
width:80%;
margin:0 auto 0 auto;
}

#navbar ul li {
float:left;
color:#CC0000;
padding:0 20px 0 20px;
border-right:1px solid #FFF;
border-left:1px solid #FFF;
height:40px;
list-style:none;
display:block;
line-height:40px;
text-align:center;
cursor:pointer;
}

#navbar ul li:hover {
background-color:#CCC;
}

</style>
    <div id="navbar">

        <ul>
            <li>Link 1</li>
            <li>Link 2</li>
            <li>Link 3</li>
            <li>Link 4</li>
            <li>Link 5</li>
        </ul>

    </div>
</body>
</html>

    FIDDLE:

    http://jsfiddle.net/xbf5xq3n/1/

    • 0