list en image align probleem

**DerkVg** · 24-11-2009, 18:51

Beste,

ik ben op het moment bezig met het basen van mijn portfolio waar ik op een vervelend probleem stuitte.

http://bit.ly/4Uz7dP

De bedoeling is natuurlijk dat het logo en het menu op de zelfde hoogte komen, maar na een uur van CSS / HTML aanpassen, blijf ik met dit probleem zitten.

Iemand enig idee hoe ik dit kan oplossen?

Met vriendelijke groet,

Derk van Gulick

gast · 24-11-2009, 19:04

dit is het denk ik:

Code:

<!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>Derk van Gulick</title>
<style>

body{
  margin:0;
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
 }

.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
img{ border:none;}


#wrapper{
}

#top{
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}

#topl ul{
    list-style-type:none;
}


#topl li{
    float:left;
}

#topl a{
    color:#777;
    text-decoration:none;
    font-size:12px;
    background:#ffeeee;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    float:left;
}

#topl a:hover{
    color:#fff;
    background: #d2003c;
}

</style>
<script type="text/javascript" language="javascript" src="http://devagu.nl/portv1/jquery.js"></script>
</head>

<body>
    <div id="top">
      <div class="left" id="topl">

        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">Portfolio</a></li>
          <li><a href="#">Diensten</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>

      <div class="right" id="topr">
        <img src="http://devagu.nl/portv1/images/logo.png" alt="Derk van Gulick - Freelance Webdesigner" />  
      </div>
      <div class="clear"></div>
    </div>
   
</body>
</html>

**DerkVg** · 24-11-2009, 19:09

helaas nog steeds het zelfde probleem, er zit blijkbaar een white space van +-10 pixels boven het menu maar waar die nou vandaan komt..

**Alwin V** · 24-11-2009, 19:19

Probeer eens een reset css: http://meyerweb.com/eric/thoughts/20...eset-reloaded/

**MelvinKooper** · 24-11-2009, 19:20

Waarschijnlijk werkt het wel als je bij de #top1 ul even een 'margin:0;' plaatst.

**DerkVg** · 24-11-2009, 19:20

Dankjewel, de CSS fix werkte!

kan gesloten worden :)

list en image align probleem