Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Problem z pozycjonowaniem i a href dla loga

Chcesz wiedzieć jak sterować wyglądem strony za pomocą styli? Tutaj dowiesz się jakie możliwości ma CSS i jak poprawnie go stosować, aby uzyskać zamierzone efekty. Dowiesz się jakie nowości udostępniono w CSS3 i jak z nich korzystać.

Problem z pozycjonowaniem i a href dla loga

Post 02.02.2018, 22:37:42

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:
Kod: Zaznacz cały
<!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>


i css

Kod: Zaznacz cały
     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;
}

PROFF
Posty: 1
Dołączył(a): 02.02.2018

Powrót do CSS


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Google [Bot] i 4 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 51199 zarejestrowanych użytkowników.
Najnowszy użytkownik: jkm123


Nasi użytkownicy napisali:

  • 936903 wiadomości
  • w 247064 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)