Team:UPO-Sevilla/footer

From 2010.igem.org

(Difference between revisions)
(New page: <html> <head> <title>Hello world</title> </head> <body> <h1>Hello world</h1> </body> </html>)
Line 1: Line 1:
<html>
<html>
-
<head>
+
  <head>
-
     <title>Hello world</title>
+
     <title>Prueba CSS</title>
-
</head>
+
    <script type="text/javascript" language="javascript">
-
<body>
+
    <!--
-
    <h1>Hello world</h1>
+
        current()
-
</body>
+
    -->
 +
    </script>
 +
    <style type="text/css">
 +
ul.green {
 +
    padding: 5px;
 +
    margin: 10px auto;
 +
    list-style: none;
 +
            width: 40em;
 +
}
 +
 
 +
ul.green li {
 +
    float: left;
 +
    display: inline; /*For ignore double margin in IE6*/
 +
    margin: 0 10px;
 +
}
 +
 
 +
ul.green li a {
 +
    text-decoration: none;
 +
    float:left;
 +
    color: #999;
 +
    cursor: pointer;
 +
    font: 900 14px/22px "Arial", Helvetica, sans-serif;
 +
}
 +
 
 +
ul.green li a span {
 +
    margin: 0 10px 0 -10px;
 +
    padding: 1px 8px 5px 18px;
 +
    position: relative;
 +
    float:left;
 +
}
 +
 
 +
        ul.green li a.current, ul.green li a:hover {
 +
    background: url(http://2010.igem.org/wiki/images/7/72/Green.png) no-repeat top right;
 +
    color: #0d5f83;
 +
}
 +
 
 +
ul.green li a.current span, ul.green li a:hover span {
 +
    background: url(http://2010.igem.org/wiki/images/7/72/Green.png) no-repeat top left;
 +
}
 +
    </style>
 +
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 +
  </head>
 +
  <body>
 +
      <ul class="green">
 +
    <li><a href="http://2010.igem.org/Team:UPO-Sevilla" title="home" class="current" onclick="current()"><span>Home</span></a></li>
 +
    <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Team" title="products" onclick="current()"><span>Team</span></a></li>
 +
    <li><a href="http://igem.org/Team.cgi?year=2010&team_name=UPO-Sevilla Official Team Profile" title="blog" onclick="current()"><span>Official Team Profile</span></a></li>
 +
    <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Project" title="contact" onclick="current()"><span>Project</span></a></li>
 +
            <li><a href="#" title="contact" onclick="current()"><span>contact</span></a></li>
 +
            <li><a href="#" title="contact" onclick="current()"><span>contact</span></a></li>
 +
</ul>
 +
  </body>
</html>
</html>

Revision as of 15:07, 20 July 2010

Prueba CSS