Oldalak

Wednesday, February 24, 2016

Navigációs bar - css stilusal





<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Navigacio gombok</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
   
    /*position: fixed;
    top: 0;
    width: 100%;*/
    color:#000000;
    border: 1px solid #000000;
    background-color: #ff9900;
}

li {
    float: left;
    border-right: 1px solid #bbb;
}

li a {
    display: block;
   color: #000000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #ffee00;
}

li:last-child {
    border-right: none;
</style>
</head>
<body>
<table width="800" border="0" align="center">
  <tr>
    <td><ul>
  <li><a href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <ul style="float:right;list-style-type:none;">
    <li><a class="active" href="#about">About</a></li>
    <li><a href="#login">Login</a></li>
  </ul>
</ul></td>
  </tr>
</table>
</body>
</html>

No comments:

Post a Comment