I am trying to create a navbar like this:
However, my result looks like this:
This is the code I used:
<!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">
... (Code snippet continued)
... (Code snippet continued)
... (Code snippet continued)
... (Code snippet continued)
... (Code snippet continued)
... (Code snippet continued)
... (Code snippet continued)
</head>
<body>
... (Code snippet continued)
... (Code snippet continued)
... (Code snippet continued)
... (Code snippet continued)
... (Code snippet continued)
... (Code snippet continued)
... (Code snippet continued)
... (Code snippet continued)
</body>
</html>
Please assist me with creating the desired navbar design.
I have used 2 images for the navbar:
- rj-va.uphero.com/lib/skins/crystal1/images/navbg.jpg
- rj-va.uphero.com/lib/skins/crystal1/images/ul.jpg
The sizes required are: 1. Navbar: 627px X 55px 2. UL: 98px X 23px