Hallo

Ik heb nu een menu, waar ik niet echt tevreden over ben. Ik zou het graag wat mooier willen. Ik heb 2 screens.

Zo ziet hij er nu uit (beetje rommel):


Zo wil ik hem:


Kan iemand dit zo voor mij maken?

Het script:

Config.php:

Code:

<div id="header">
      	<div id="leftside">
<a class="logo" border="0" href="<?php global $url; echo $url; ?>index">

<!-- STEP ONE: Insert this code into the HEAD section of your HTML document  -->

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
loadImage1 = new Image();
loadImage1.src = "http://www.famox.nl/images/logohover.png";
staticImage1 = new Image();
staticImage1.src = "http://www.famox.nl/images/logo.png";

// End -->
</script>

<!-- STEP TWO: Insert this code into the BODY of your HTML document  -->

<a href="http://www.famox.nl/" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="http://www.famox.nl/images/logo.png" border=0></a>



</div>  
      	<div id="leftsidelinks">
      <a class="menu" href="<?php global $url; echo $url; ?>index">Home</a>

       <a class="menu" href="<?php global $url; echo $url; ?>forum">Forum</a>


       <?php if (empty($_SESSION['login']) && empty ($_COOKIE['web_login']))
       {
       ?>
       <?php
       }else{
       ?>
       <a class="menu" href="<?php global $url; echo $url; ?>nieuws">Nieuws</a>


       <a class="menu" href="<?php echo $url; ?>priveberichten">Priveberichten</a>


       <a class="menu" href="<?php echo $url; ?>instellingen">Voorkeuren</a>


 <a class="menu" href="http://<?php echo'' . $_SESSION['login'] . '.famox.nl/'; ?>">Mijn profiel</a>


       <?php
       if ($uFetch['status'] > "0")
       {
        ?>
       
        <?php
       }
       ?>
      
       <?php
       }
       ?>
            </div>  
        	<div id="rightside"> 
            



       <?php if (empty($_SESSION['login']) && empty ($_COOKIE['web_login']))
       {
       ?>
       <a class="menu" href="<?php echo $url; ?>inloggen">Inloggen</a>

<a class="menu" href="<?php echo $url; ?>registreren">Registreren</a>

       <?php
       }else{
       ?>

       <?php
       if ($uFetch['status'] == "2")
       {
        ?>
        <a class="menu" href="<?php echo $url; ?>abeheer">Beheer</a>


        <?php
       }
       ?>
       <?php
       if ($uFetch['status'] == "1")
       {
        ?>
        <a class="menu" href="<?php echo $url; ?>mbeheer">Beheer</a>


        <?php
       }
       ?>
       <?php
       if ($uFetch['status'] == "3")
       {
        ?>
        <a class="menu" href="<?php echo $url; ?>bekijksupport">Support</a>


        <?php
       }
       ?>
       <?php
       if ($uFetch['status'] == "10")
       {
        ?>
        <a class="menu" href="<?php echo $url; ?>vip">VIP</a>

        <?php
       }
       ?>
       <a class="menu" href="<?php echo $url; ?>uitloggen">Uitloggen</a>
       <?php
       }
       ?>


            </div>
        </div>

Style.css:

Code:

#leftside { 
	padding: 0;
	margin: 0 auto;
	margin-bottom: 0px;
	width: 25%;
	position: relative;
	margin: 0px 0px 0px 0px;
	float: left;
	border: none;
	display: inline;
	margin-top: 0px;
	font-weight: small;
}
#leftsidelinks { 
	padding: 0;
	margin: 0 auto;
	margin-bottom: 0px;
	width: 40%;
	position: relative;
	margin: 0px 0px 0px 0px;
	float: left;
	border: none;
	display: inline;
	margin-top: 16px;
	font-weight: small;
}
#rightside { 
	margin: 0px 0px 0px 0px;
	width: 35%;
	float: right;
	display: inline;
	margin-top: 16px;
	font-weight: small;
	color: #000;

}

Alvast bedankt,
Jan Moorman

Je stelt eerst je margin in #leftside margin: 0 auto; Maar daarna zeg je weer: margin: 0px; Niet echt logisch. Dit zou het kunnen zijn.

Daarnaast zou ik gewoon een container om heel je code heel zetten, en daarin meegeeft margin: 0px auto; Dan hoef je dat niet bij elke nieuwe div te doen.

NB: Je design ziet er (voor wat je kunt zien) leuk uit :)