Logowanie

CSS i HTML - float left

pytanie zadane 27 kwietnia 2017 w HTML i CSS przez Eliro Stary wyjadacz (12,160 p.)
edycja 27 kwietnia 2017 przez Eliro

<html>
	<head>
		<meta charset="UTF-8"/>
		<title>Strona</title>
		<link rel="stylesheet" href="style.css"/>
	</head>
	<body>
		<header>
		Logo
			<nav>Home page | Opinions | Order | Contact</nav>
		</header>
		<section>
			<article>
				
			</article>
		</section>
		<footer>
		</footer>
	</body>
</html>

Jak zrobić, żeby było coś jak tutaj:

http://future-king.pl/zamow-strone-www-cennik-stron-internetowych

chyba coś źle zrobiłem

header
{
	float: left;
	
}
nav
{
	float: left;
	margin-left: auto;
	margin-right: auto;
}

Chodzi mi o logo i menu obok siebie, żeby menu było po prawej, a logo po lewej.

EDIT:

Poprawione na

header
{

}
h1
{
	float: left;
	width: 50%;
	margin: 0;
}
nav
{
	float: left;
	margin-left: auto;
	margin-right: 0;
	width: 50%;
	text-align: right;

}
section
{
	clear: both;
}

Czy takie rozwiązanie może być?

2 odpowiedzi

odpowiedź 27 kwietnia 2017 przez jaca121212 Nałogowiec (40,760 p.)
wybrane 27 kwietnia 2017 przez Eliro

odpowiedź 27 kwietnia 2017 przez xmentor Nałogowiec (49,520 p.)

Logo zamknij w znaczniku H1, nadaj mu float: left(no i usuń float z header-a) a dla nav float:right — nie zapomnij o clearfix-ie(https://css-tricks.com/snippets/css/clear-fix/)

komentarz 27 kwietnia 2017 przez Eliro Stary wyjadacz (12,160 p.)

Dobra, a jak wyśrodkować nav? Margin auto nie chce działać.

komentarz 27 kwietnia 2017 przez xmentor Nałogowiec (49,520 p.)

To chcesz wyśrodkować czy mieć po prawej?

Podobne pytania

0 głosów

1 odpowiedź 266 wizyt

Kurs 3 HTML Porblem z float left

pytanie zadane 28 października 2017 w HTML i CSS przez PrzyszłyProgramista Nowicjusz (240 p.)

0 głosów

1 odpowiedź 546 wizyt

Problemy w HTML z funckją komendy: "float left"

pytanie zadane 26 listopada 2016 w HTML i CSS przez Marcel Buczkowski Nowicjusz (120 p.)

0 głosów

2 odpowiedzi 187 wizyt

a href nie rozciąga hiperłącza przy display block i float left

pytanie zadane 27 marca 2016 w HTML i CSS przez DawidxD Użytkownik (810 p.)

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!

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!

...

CSS i HTML - float left

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci