0

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: Formatting fixed

3
Contributors
2
Replies
3
Views
6 Years
Discussion Span
Last Post by sun-tzu
0

#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.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.