Witam, chciałbym zrobić menu na stronie za pomocą
<a>
a nie
<div>
Mój kod wygląda tak:
<?php
session_start();
?>
<html>
<head>
<title>Strona Główna! - Geo Master</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="btn-group">
<a class=menu href="main.php"><br /><br />main</a>
<a class=menu href="maps.php"><br /><br />maps</a>
<a class=menu href="stats.php"><br /><br />stats</a>
<a class=menu href="state.php"><br /><br />state</a>
<a class=menu href="friends.php"><br /><br />friends</a>
<a class=menu href="settings.php"><br /><br />settings</a>
</div>
</body>
<footer>
</footer>
</html>
a CSS:
body {
background-image: url('bg.png');
color: white;
text-align: center;
}
footer {
background: gray;
color: black;
}
input {
}
.title {
font-size: 90px;
}
.button {
display: block;
height: 30px;
width: 200px;
background: #07a3f3;
border: 2px solid rgba(33, 68, 72, 0.59);
text-align: center;
font: bold 1.5em/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
background: linear-gradient(top, #0bdf00, #11610d);
border-radius: 50px;
box-shadow: 0 8px 0 #063c03;
text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: 0 8px 0 #063c03;
-moz-box-shadow: 0 8px 0 #063c03;
box-shadow: 0 8px 0 #063c03;
text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
}
a.button {
text-decoration: none;
}
a.button:hover {
background: blue;
background: -webkit-linear-gradient(top, blue, lightblue);
background: -moz-linear-gradient(top, blue, lightblue);
background: -o-linear-gradient(top, blue, lightblue);
background: -ms-linear-gradient(top, blue, lightblue);
background: linear-gradient(top, blue, lightblue);
}
.szara{
background: #d4d9df;
}
.szara input[type=text]{
border:1px solid #acb1b7;
background-color:#fcfcfc;
border-radius: 25%;
}
.menu {
text-align: right;
display: block;
height: 50px;
width: 50px;
background: white;
border: 2px solid rgba(33, 68, 72, 0.59);
font: bold 1.5em/10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align: center;
font-size: 10px;
background: linear-gradient(top, white, white);
}
a.menu {
text-decoration: none;
}
Proszę o szybką odpowiedź.
