Jump to content

Problem Adjust Drop Down Menu


turntabletux
 Share

Recommended Posts

I am running into another little road block here. I was able to code up a simple drop down menu for my portfolio website and I'm having a little trouble lining them up horizontally. I tried putting them in a table, but the table will expand when I roll over it and it drops down. What would be the best way to go about doing this?I'm sorry if I am not being as clear as I could be. I did not finish coding the drop down list because I wanted to figure this out before I went ahead, it'll just be copy and paste anyways. The code below is not positioned in a table:

<!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>Portfolio</title><link rel="stylesheet" type="text/css" href="style_1.css" /><style type="text/css"><!--body,td,th {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;}a:link {	text-decoration: none;}a:visited {	text-decoration: none;}a:hover {	text-decoration: none;}a:active {	text-decoration: none;}#Container {	position:absolute;	left:185px;	top:42px;	width:630px;	height:239px;	z-index:1;}#contact_menu{	width: 100px;	height: auto;}.contact_menu ul{	list-style:none;	margin:0;	padding:0}.contact_menu ul li {	display:none;}.contact_menu :hover ul li{	display:block;	}--></style></head><body><div id="Container"><img src="images/portfolio_03.gif" /><img src="images/portfolio_04.gif" /><img src="images/portfolio_06.gif" /><img src="images/portfolio_07.gif" /><img src="images/portfolio_08.gif" /><img src="images/portfolio_09.gif" /></div><a href="Home.html">Home</a><div class="contact_menu" id="contact_menu"> <ul>Contact	<ul>	<li><a href="about_me.html">About Me</a></li>	<li><a href="contact_info.html">Contact Info</a></li>	</ul></ul>						</div><a href="resume.html">Resume</a> <a href="clients.html">Clients</a><!--coded by Anthony--></body></html>

Any help would be greatly appreciated! Thanks in advanced.

Link to comment
Share on other sites

This is a really great site! Thanks for the link, I will post back if I encounter anymore problems. Thanks again!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...