Member Avatar for Farhad.idrees

Hi my problem is that logo is showing but behing the header..i want to show logo ofcourse in front of header...
my css is

#Container
{
    width:1024px;
    margin-left:10%;
    margin-right:10%;

}

#Header
{

}

#Top_Menu
{
    margin-top:-160px;
}

#Logo
{
    float:left;
    margin-top:-120px;
    margin-left:5px;
}

my html code is

<!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>Bahria University Karachi Campus</title>
<link href="Style.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="Container">

<div id="Header">
<img src="Images2/Header.jpg" />


<div id="Top_Menu">

<div id="Logo">
<img src="Images2/Logo.jpg" />
</div>

</div>
</div>


</div>

</body>
</html>

i hope, will get responce..regards....
Farhad

Edited by Dani because: Formatting fixed
  • 3 Contributors
  • 2 Replies
  • 152 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by sun-tzu
Member Avatar for teedoff

DO you have a link to your site?

Member Avatar for sun-tzu

#Logo
{
float:left;
margin-top:-120px;
margin-left:5px;
}

My guess it that the margin-top of -120px is taking your logo above the viewable area.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.