Jag har stött på ett litet problem... Jag använder mig av frames så att jag inte behöver skriva in mitt logga-script i varje sida, problemet är bara att loggan använder sig av drop down menyer, vilka vägrar överlappa framen.
Bild på problemet:
Kod för menyerna:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<?php page_sidebar('index'); ?>
<?php page_footer('index'); ?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Drop down menu</title>
<style type="text/css">
#dropdown {
float: left;
margin: 0;
padding: 0;
}
#dropdown li {
background: #F7F0E0; /*Bakgrundsfärg på länkboxarna*/
border:1px solid #666; /*Kantfärg på länkboxarna*/
float: left;
list-style: none;
margin: 0;
padding:0 0 0 10px;
position: relative;
height:20px;
}
#dropdown li:hover {
background: #FF2828; /*Bakgrundsfärg på länkboxarna när muspekaren förs över*/
}
#dropdown li a {
display:block;
text-decoration:none;
width:100px;
}
#dropdown ul {
background: #F7F0E0; /*Bakgrundsfärg på dropdown menyn*/
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 20px;
left: -1px;
z-index: 500;
}
#dropdown ul {
position: absolute;
}
#dropdown li:hover ul {
display: block;
}
</style>
</head>
<body>
<ul id="dropdown">
<li><a href="#">Länk 1</a>
<ul>
<li><a href="#">Länk 1 - 1</a></li>
<li><a href="#">Länk 1 - 2</a></li>
<li><a href="#">Länk 1 - 3</a></li>
</ul>
</li>
<li><a href="#">Länk 2</a>
<ul>
<li><a href="#">Länk 2 - 1</a></li>
<li><a href="#">Länk 2 - 2</a></li>
<li><a href="#">Länk 2 - 3</a></li>
</ul>
</li>
<li><a href="#">Länk 3</a></li>
<li><a href="#">Länk 4</a></li>
</ul>
</body>
</html>
Kod för framen:
<html><head></head>
<frameset rows="11%,*" frameborder="1" framespacing="0">
<frame src="#" name="head" noresize scrolling="no">
<frame src="#" name="body" scrolling="yes" noresize>
</frameset>
</html>
Byt ut # mot platsen head och body ligger på.