Forums

Manojsethi

When i use span tag in html and apply the property of display:none in the CSS my buttons are moved down. Need Help

Robskiwarrior

We need code please :D

http://jsfiddle.net/ <-- :)

Manojsethi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DAV</title>
<link href="header.css" rel="stylesheet" type="text/css" />
<link href="file:///C|/xampp/htdocs/davsms/background.css" rel="stylesheet" type="text/css" />


<body>

<div id="Background">

<div class="bgimage">

	<div id="header">
    <div class="blink"></div>
	<div class="trophy"></div>
    </div>
			<div id="topnav">
				<ul class="menu">    
				  <li class="home"><a href="index.html" alt="HOME"><span>Home</span></a></li>
				  <li class="attendance"><a href="index.html"><span>Attendance</span></a></li>
				  <li class="departments"><a href="index.html"><span>Departments</span></a></li>
				  <li class="aboutus"><a href="index.html"><span>About Us</span></a></li><li class="contactus"><a href="index.html"><span>act Us</span></a></li>
				</ul>
			</div>
            <br />
            <br />
    <div id="content"><h1>Homepage</h1></div>
    
  </div>
</div>

</body>
</html>

C

#header {
	height: 210px;
	width: 1102px;
	background-image: url(../Untitled-3.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	cursor: auto;
}
.trophy {
	background-image: url(../trophy_t.gif);
	height: 85px;
	width: 70px;
	top: 10px;
	background-repeat: no-repeat;
	background-position:center;
	position: relative;
	float: right;
	margin-right: 95px;
}


.blink {
	background-image: url(../nalanda.gif);
	margin: auto;
	top: 150px;
	height: 50px;
	width: 570px;
	position: relative;
	background-repeat: no-repeat;
	background-position:center;
	left: 25px;
}

.menu li{
	padding:0;
	border:0;
	list-style-type:: none; 	
	float:left;
	margin-right:5px;
	height:50px;

}


.menu li a:link, .menu li a:visited { display:block; height:50px;}
.home { background-image:url(../Homehover.gif);   width:180px;}
.home a { background-image:url(../Home.gif)  }

.departments { background-image:url(../Departmentshover.gif);  width:180px;}
.departments a {background-image:url(../Departments.gif)  }

.attendance { background-image:url(../Attendancehover.gif);   width:180px; }
.attendance a { background-image:url(../Attendance.gif);  }

.aboutus { background-image:url(../Aboutushover.gif);   width:180px;}
.aboutus a { background-image:url(../Aboutus.gif); }

.contactus {background-image:url(../Contactushover.gif);   width:180px ;}
.contactus a { background-image:url(../Contactus.gif) }
.menu li a:hover { background:none; }

treehouse : what would you like to learn today?

Forums

SPAN