• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Znacznik a dla loga, pozycjonowanie menu

VPS Starter Arubacloud
0 głosów
254 wizyt
pytanie zadane 3 lutego 2018 w HTML i CSS przez PROFF Obywatel (1,180 p.)

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;
}

 

3 odpowiedzi

+1 głos
odpowiedź 3 lutego 2018 przez Daniel90 Pasjonat (17,970 p.)

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.

Mógłbyś jaśniej, bo trochę się pogubiłem? ;p Chcesz mieć podkreślenie dla Start, Kim jestem itd a dla "LOGO" żeby nie było podkreślenia? 

W tym drugim masz błąd. Masz:

<div id="logo"><a href="index.html"</a>LOGO</div>

a powinno być:

<div id="logo"><a href="index.html">LOGO</a></div>

komentarz 3 lutego 2018 przez PROFF Obywatel (1,180 p.)
Już poprawiłem :D Tak, chcę dla start kim jestem itp mieć jakby osobne znaczniki hover, dla tych start kim jestem text-decoration: underline chce zostawić i żeby to nie załapało loga (do loga chce text-decoration: none)

I jakoś ten pasek menu do prawej strony wyrównać oraz oddzielić bardziej napisy, tylko że jak próbowałem różnymi sposobami to jakoś dziwnie mi się to rozlewało.
komentarz 3 lutego 2018 przez Daniel90 Pasjonat (17,970 p.)
dodaj klasy do linków i styluj oddzielnie https://www.w3schools.com/css/tryit.asp?filename=trycss_link2
komentarz 3 lutego 2018 przez PROFF Obywatel (1,180 p.)

@Daniel90, dzięki jedno z głowy

0 głosów
odpowiedź 3 lutego 2018 przez Artek Stary wyjadacz (11,800 p.)
Możesz wykorzystać pseudoklasę :not. Poczytaj sobie o tym
0 głosów
odpowiedź 3 lutego 2018 przez PROFF Obywatel (1,180 p.)
a jak teraz wyrównać ten pasek menu do prawej i zrobić odstępy między tymi frazami start kim jestem itd? wiem ze pytania banalne i jest na to pelno odpowiedzi w necie albo z samego kursu powinienem wiedzieć ale coś robię nie tak i się rozlewa.
komentarz 3 lutego 2018 przez PROFF Obywatel (1,180 p.)
padding-left:20px;

załatwiło sprawę /cls

Podobne pytania

0 głosów
1 odpowiedź 274 wizyt
pytanie zadane 25 września 2017 w HTML i CSS przez bicnet Gaduła (4,800 p.)
+1 głos
3 odpowiedzi 341 wizyt
pytanie zadane 17 maja 2015 w HTML i CSS przez adamek0123 Obywatel (1,530 p.)

92,452 zapytań

141,262 odpowiedzi

319,079 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...