Witam próbuję swoich sił w pisaniu stron (początki) i trochę się pogubiłem, mógłby ktoś wyjaśnić jak usunąć text-decoration dla hiperłączy ale oprócz loga? tzn bo zostawiłem podkreślenie ale nie chciał bym by znajdowało się na logo.
I kolejny problem nie wiem jak wyśrodkować albo przykleić do prawej pasek menu, cokolwiek wpisuję coś się rozlewa.
html:
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="author" content="PROFF"/>
<title>Pasja Informatyki</title>
<meta name="description" content="Pasja informatyki, nauka, programowanie, html"/>
<meta name="keywords" content= "www,html,pasja,informatyki"/>
<link rel="stylesheet" href="main.css">
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
</head>
<body>
<div id="container">
<div id="logo"><a href="index.html"</a>LOGO</div>
<nav>
<ul>
<li><a class="listy" href="index.html">Start</a><li>
<li><a href="kimjestem.html">Kim jestem?</a><li>
<li><a href="programowanie.html">Programowanie</a><li>
<li><a href="mojsprzet.html">Mój sprzęt</a><li>
<li><a href="kontakt.html">Kontakt</a><li>
</ul>
</nav>
</div>
</body>
</html>
css
body
{
background-color: #1F1F1F;
font-family: 'Quicksand', sans-serif;
}
#container
{
width: 1500px;
margin-left: auto;
margin-right: auto;
}
#logo
{
color: white;
margin-top: 20px;
font-size: 90px;
letter-spacing: 3px;
font-weight: 900;
height: 100px;
background-color: green;
}
ul li
{
display: inline;
white-space: nowrap;
list-style: none;
padding: 12px 15px;
text-transform: uppercase;
background-color: #303030;
margin-top: 20px;
color: #ffffff;
margin: 0;
position: relative;
}
a:link
{
text-decoration:none;
color: white;
}
a:visited
{
text-decoration:none;
color: white;
}
a:hover
{
text-decoration:underline;
color: white;
}