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

question-closed margin-left: auto; margin-right: auto; Dlaczego brak reakcji?

Object Storage Arubacloud
0 głosów
1,550 wizyt
pytanie zadane 6 września 2018 w HTML i CSS przez icagata Nowicjusz (180 p.)
zamknięte 6 października 2018 przez icagata
<!DOCTYPE HTML>
<html>
<head>
        <meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
		
		<title> Holistic Approach </title>
		
		<meta name="description" content="Learn deeply about the world around us and within us" />
		<meta name="keywords" content="Psychology, science, philosophy, technology" />
		
		<link href="stylew.css" rel="stylesheet" type="text/css" />
		<link href="https://fonts.googleapis.com/css?family=Open+Sans&amp;subset=latin-ext" rel="stylesheet">

		
</head>

<body>
      <div class="wrapper">
	          <div class="header">
			  
			        <div class="logo">
					       Holistic Approach
					</div>
					
			 </div>
	  </div>

</body>

</html>
body
{
      background-color: #303030;
      color: #ffffff;	  
	  font-family: 'Open Sans', sans-serif;
	  font-size: 20px;
	  margin: 0 !important;
}

.wrapper
{
	width: 100%;
}

.header
{
    width: 100%;
    padding:  40px 0;	
}

.logo
{
	width: 450px;
	font-size: 48px;
	margin-left: auto;
	margin-right: auto;
}

 

komentarz zamknięcia: Błąd został znaleziony

5 odpowiedzi

+1 głos
odpowiedź 6 września 2018 przez pablop76 VIP (123,120 p.)
Twój div jest wycentrowany, ale tekst wewnątrz jest przesunięty do lewej, dlatego wydaje Ci się, że kod nie działa. Nie używaj !important to jest zła praktyka. Łamiesz kaskadowość styli. Tylko w ostateczności można użyć tej wartości.
0 głosów
odpowiedź 6 września 2018 przez Bosswell Nałogowiec (36,470 p.)
Ale co chcesz osiągnąć? margin left i right pozycjonują Ci klasę ".logo" w centrum względem headera.
0 głosów
odpowiedź 6 września 2018 przez XezolPL Obywatel (1,530 p.)
Chcesz wyśrodkować .logo na stronie? Nie wiem czemu miało by nie działać popróbuj usunąć improtant w body / dodać important do margin left i rightow, lub ustalić sztywne w body width i height
0 głosów
odpowiedź 6 września 2018 przez Vickul Stary wyjadacz (12,850 p.)
A spróbuj na diva z klasą header ustawić display: flex a w klasie logo justify-content: center oraz align-items: center. Lub drugi sposób position: absolute ustawić top i left po 50% i dodać właściwość transform: translate(-50%, -50%)
0 głosów
odpowiedź 7 września 2018 przez Meffy Użytkownik (730 p.)
Mi twój kod działa poprawnie, logo jest na środku tak jak chciałeś/chciałaś, chociaż jestem początkującym również tak jak i ty, osobiście usunąłbym !important z tego margin w body, tak jak koledzy na dole doradzają. :)

Podobne pytania

0 głosów
2 odpowiedzi 405 wizyt
pytanie zadane 18 lipca 2018 w HTML i CSS przez kubusop Początkujący (420 p.)
0 głosów
2 odpowiedzi 276 wizyt
pytanie zadane 17 grudnia 2016 w HTML i CSS przez Apsik Użytkownik (990 p.)
0 głosów
2 odpowiedzi 237 wizyt
pytanie zadane 12 lutego 2019 w HTML i CSS przez vingilot85 Obywatel (1,150 p.)

92,551 zapytań

141,399 odpowiedzi

319,531 komentarzy

61,937 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!

...