...

View Full Version : menu question



Gl0rY
08-11-2011, 06:50 PM
Hello.

I have a question. What is the easies way to get my menu in to a box or make the background in a different color only on the menu.

i try to put <div style="background-color:white;height:270px;width:450px;float:right;"> arount it but it just make it worst

And try a lot more things to but i dont get the result i wanted

<h3>1</h3>
<ul id="meny">
<li><span class="style3"><a href="1"></a></span></li>
<li><strong><a href="1"></a></strong></li>
<li><strong><a href="1></a></strong></li>
<li><strong><a href="1"></a></strong></li>
<li><strong><a href="1"></a></strong></li>
</ul>
<ul id="meny">
<li><strong><a href="1"></a></strong></li>
<li><strong><a href="1"></a></strong><a href="1">&nbsp;</a></li>
</ul>

sorry if my english is bad

resdog
08-11-2011, 06:54 PM
The easiest way is to put it in a div.

One of your problems is that you have the id "meny" assigned to two items, which you can't do and will cause problems.

You say that adding the div around your menu makes it worse, but we need to know what happens and see the actual code in order to help you.

teedoff
08-11-2011, 07:08 PM
<h3>1</h3>
<div id="navBar">
<ul id="meny">
<li><span class="style3"><a href="1"></a>One</span></li>
<li><strong><a href="1"></a>One</strong></li>
<li><strong><a href="1"></a>One</strong></li>
<li><strong><a href="1"></a>One</strong></li>
<li><strong><a href="1"></a>One</strong></li>
</ul>
<ul id="many">
<li><strong><a href="1"></a>One</strong></li>
<li><strong><a href="1"></a>One</strong></li>
</ul>
</div>


#navBar {
background-color: #00F;
width: 200px;
}

Gl0rY
08-11-2011, 07:41 PM
thx but i want it in a Horizontal and not in vertical

vikram1vicky
08-11-2011, 08:20 PM
thx but i want it in a Horizontal and not in vertical




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
padding:0;
margin:0;
}
#navi {
background:#32BE98;
width:400px;
margin:10px auto;
overflow:auto;
height:1%;
padding:10px;
}
#navi ul {
list-style:none;
font:bold 12px Arial, Helvetica, sans-serif;
}
#navi ul li {
display:inline;
}
#navi ul li a {
width:50px;
float:left;
background:#1B4983;
color:#FFF;
text-align:center;
padding:5px;
margin:0 2px;
}
</style>
</head>

<body>
<div id="navi">
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
</ul>
</div>
</body>
</html>




Hope this is what you were looking for :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum