Team:UNIK Copenhagen/Signe tabs

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:UNIK_Copenhagen/template}}
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
Line 30: Line 29:
padding-left: 10px;
padding-left: 10px;
background: #f6f6f6;
background: #f6f6f6;
-
z-index: 100;
+
z-index: 9999;
border: 1px solid #ccc;
border: 1px solid #ccc;
border-bottom: 0px;
border-bottom: 0px;
Line 54: Line 53:
position: relative;
position: relative;
top: 20px;
top: 20px;
-
z-index: 60;
+
z-index: 5;
height: 150px;
height: 150px;
overflow: hidden;
overflow: hidden;
Line 62: Line 61:
</style>
</style>
-
<script type=”text/javascript”>
+
<script type="text/javascript">
function tab(tab) {
function tab(tab) {
-
document.getElementById(‘tab1′).style.display = ‘none’;
+
document.getElementById('tab1').style.display = 'none';
-
document.getElementById(‘tab2′).style.display = ‘none’;
+
document.getElementById('tab2').style.display = 'none';
-
document.getElementById(‘li_tab1′).setAttribute(“class”, “”);
+
document.getElementById('li_tab1').setAttribute("class", "");
-
document.getElementById(‘li_tab2′).setAttribute(“class”, “”);
+
document.getElementById('li_tab2').setAttribute("class", "");
-
document.getElementById(tab).style.display = ‘block’;
+
document.getElementById(tab).style.display = 'block';
-
document.getElementById(‘li_’+tab).setAttribute(“class”, “active”);
+
document.getElementById('li_'+tab).setAttribute("class", "active");
}
}
</script>
</script>
Line 76: Line 75:
<body>
<body>
-
<div class="the_content">
+
 
<div id="tabs">
<div id="tabs">
<ul>
<ul>
Line 88: Line 87:
<div id="tab2" style="display: none;">
<div id="tab2" style="display: none;">
-
<p>This is the text for tab 2. There is more than for text 1.</p>
+
<p>This is the text for tab 2.</p>
-
</div>
+
</div>
</div>
</div>
</div>

Revision as of 16:02, 13 August 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Untitled 1

This is the text for tab 1