3 replies to this topic

[welton122]

hi all,

okay this navigation menu was working perfectly in every type of browser but for some reason I have come back to it and its no longer working. basically this menu bar should display horizontally but it containues to display verticually. I dont kow if i have deleted anything.

I can't seem to see anything missing but can you all help me please?

Heres the CSS code:

div#navigation1 ul {

	background: url('Images/background2(LD).png') repeat-x;

	position:absolute;

	top:127px;

	right:0px;

	left:0px;	

	height: 22px;

	text-decoration: none;

}

div#navigation1 li {

	border-left:1px solid #999;

	border-right:1px solid #999;

	width:101px;

	height: 22px;

	list-style:none;

	text-decoration:  none;

	display: inline-block;

}

div#navigation1 a {

	color:#555;

	display:block;

	text-align:center;

	height: 22px;

	text-decoration:  none;

}

div#navigation1 a:hover {

	background:#e3e3e3;

	color:#555;

	height: 22px;

	text-decoration:  none;

}

div#navigation1 .active {

	background:#e3e3e3;

	color:#777;

	text-decoration:  none;

	height: 22px;

}

Thanks,
Jake

[WingedPanther]

Which version of IE are you testing under? Different versions of IE have different levels of support. Also, what is the HTML code you are using with it?

[welton122]

Im using IE 8 Version 8.0.7600.16385 and the HTML code is below:

<div id="navigation1">

<ul style="text-align: center;">

<li><a href="index.php">Home</a></li>

<li><a href="aboutme.php">About Me</a></li>

<li><a href="mywork.php">My Work</a></li>

<li><a href="contactme.php">Contact Me</a></li>

<?php if(!isset($userid)) { ?>

<li><a href="register.php">Register</a></li>

<?php } else { ?>

<li><a href="notifications.php">Notifications</a></li>

<?php } ?>

<?php if(isset($userid)) {?>

<li><a href="logout.php">Logout</a></li>

<?php } else { ?>

<li><a href="login.php">Login</a></li>

<?php } ?>

</ul>

</div>


<?php if (isset($userid)) {?>


<div id="navigation2">

<ul style="text-align: center;">

<li><a href="file.php">Files</a></li>

<li><a href="bookmark.php">Bookmarks</a></li>

<li><a href="friends.php">Friends</a></li>

<li><a href="settings.php">Settings</a></li>

</ul>

</div>

</div>

[Orjan]

just a small comment...
your code

<?php if(!isset($userid)) { ?> 

<li><a href="register.php">Register</a></li> 

<?php } else { ?> 

<li><a href="notifications.php">Notifications</a></li> 

<?php } ?> 

<?php if(isset($userid)) {?> 

<li><a href="logout.php">Logout</a></li> 

<?php } else { ?> 

<li><a href="login.php">Login</a></li> 

<?php } ?> 

could be a lot simplier just doing this:

<?php if(!isset($userid)) { ?> 

<li><a href="register.php">Register</a></li> 

<li><a href="login.php">Login</a></li> 

<?php } else { ?> 

<li><a href="notifications.php">Notifications</a></li> 

<li><a href="logout.php">Logout</a></li>

<?php } ?>