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

question-closed Jak zmienić "line-height" w wybranym <a href="#">?

Object Storage Arubacloud
0 głosów
527 wizyt
pytanie zadane 9 kwietnia 2017 w HTML i CSS przez Patryk Sadkowski Nowicjusz (220 p.)
zamknięte 9 kwietnia 2017 przez Patryk Sadkowski

Witam otóż po wpisaniu 

.top-menu.nav li a:nth-child(2){

line-height:normal:

} 

"a" nie chcę  zmienić wysokości linii. Jak to zmienić?

Wrzuciłem stronę na hosting 

http://ptrk-sdk.keep.pl/szkola/

 

@EDIT Kod

<!DOCTYPE html>
<html lang="PL">
<head>
	<meta charset="utf-8">
	<title>Zespół Szkół Rolniczo-Techniczych w Zwoleniu</title>
	<link href="https://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>

<header>
	<nav class="top-nav">
		<div class="wrapper">
			<ul class="top-nav-media">
				<a href="https://goo.gl/1V57eA" target="_blank"><img src="images/media-facebook.png"></a>
				<a href="https://goo.gl/CtoKPG" target="_blank"><img src="images/media-twitter.png"></a>
			</ul>

			<ul class="top-nav-main">
				<li><a href="#">WWW</a></li>
				<li><a href="#">Internat</a></li>
				<li><a href="#">Samorząd</a></li>
				<li><a href="#">Kontakt</a></li>
			</ul>		
		</div>
	</nav>


	<div class="wrapper">
		<nav class="top-logo">
			<h1>Zespół Szkół Rolniczo-Technicznych</h1>
			<!-- <img src="images/godlo.png"> -->
		</nav>
	</div>


	<nav class="top-menu">
		<div class="wrapper">
			<ul class="top-menu-nav">
				<li><a href="#">TECHNIKUM ZAWODOWE</a></li>
				<li><a href="#">LICEUM OGÓLNOKSZTAŁCZĄCE</a></li>
				<li><a href="#">SZKOŁA ZAWODOWA</a></li>
				<li><a href="#">SEKRETARIAT</a></li>
				<li><a href="#">E-DZIENNIK</a></li>
			</ul>
		</div>
	</nav>
</header>


<section>
	
</section>


<footer>
	
</footer>

</body>
</html>
* {
	padding: 0;
	margin: 0;
	list-style: none;
	text-decoration: none;
	font-family: 'Ubuntu Condensed', sans-serif;
}

a:link, a:visited {
	color: inherit;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
}

.top-nav {
	width: 100%;
	height: 30px;
	border-color: #eee;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	background: linear-gradient(to bottom right, #fff, #eee);
}

.top-nav-main  {
	float: right;
	padding-right: 10px;
}

.top-nav-main li {
	float: left;
	color: #444;
	font-size: 15px;
	line-height: 20px;
	padding: 5px 0px 0px 20px;
}

.top-nav-media {
	float: right;
	margin-left: 10px;
}

.top-nav-media img {
	height: 20px;
	width: 20px;
	margin: 5px 0px 0px 5px;
}

.top-nav-media img:last {
}

.top-logo {
	width: 100%;
	height: 100px;
	line-height: 100px;
	text-align: center;
	text-transform: uppercase;
}

.top-menu {
	width: 100%;
	height: 50px;
}

.top-menu-nav {
	height: 50px;
	width: 960px;
}

.top-menu-nav li {
	height: 50px;
	width: 192px;
	float: left;
	text-align: center;
}

.top-menu-nav li a {
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	line-height: 50px;
	margin-top: 5px;
}

.top-menu-nav li:hover{
	cursor: pointer;
}


.top-menu-nav li:nth-child(1){
	background-color: #00A5E1;
}
.top-menu-nav li:nth-child(2){
	background-color: #6E4B9E;
}

.top-menu-nav li a:nth-child(2){
	line-height: normal;
}

.top-menu-nav li:nth-child(3){
	background-color: #49B212;
}
.top-menu-nav li:nth-child(4){
	background-color: #FF9136;
}
.top-menu-nav li:nth-child(5){
	background-color: #536B94;
}

 

komentarz zamknięcia: Trzeba było zapisać .top-menu-nav li:nth-child(2) a { .... }

Podobne pytania

0 głosów
1 odpowiedź 219 wizyt
pytanie zadane 23 sierpnia 2015 w HTML i CSS przez Paweł123 Nałogowiec (33,500 p.)
+3 głosów
2 odpowiedzi 307 wizyt
pytanie zadane 17 czerwca 2022 w HTML i CSS przez Mick_SQ6IYV Obywatel (1,020 p.)
+1 głos
2 odpowiedzi 324 wizyt

92,551 zapytań

141,393 odpowiedzi

319,523 komentarzy

61,936 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

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy 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!

...