Problem z ułożeniem divów

Question

Cześć. Mam problem z ułożeniem divów. W moich dwóch divach klasy .x znajdują się obrazki a i b o takich samych rozmiarach (3132x1581). Chciałbym, aby zostały one odpowiednio zmniejszone i położone obok siebie, tak żeby zajmowały całą przestrzeń od lewej strony przeglądarki do prawej. Zapisuje więc następujący kod w html:

<nav id="midnav">
			<div class="x">
				<a href="#"><img src="a.png" alt="a"><a>
			</div>

			<div class="x">
				<a href="#"><img src="b.png" alt="b"><a>
			</div>
		</nav>

a w css zapisuje:

#midnav
{
	width: 100%;
	padding: 0;
}

.x
{
	display: inline-block;
}

.x img
{
	width: auto;
	height: auto;
}

ale niestety obrazki się nie zmniejszają i w dodatku zamiast leżeć obok siebie, to leżą jeden pod drugim. Proszę o pomoc. ;) 

Answer 1

.sellbuy img
{
    width: 50%;
    height: auto;
    padding: 0;
    margin: 0;
}

.x {
    padding: 0;
    margin: 0;
}

Powinno rozwiązac problem.

Comments

Niestety, ale nadal zdjęcia są ułożone jedno pod drugim. Ale wielkość jest już za to odpowiednia. W moim kodzie powyżej popełniłem błąd. Zamiast .sellbuy powinno być .x

---

Już wiem czemu się nie układają obok siebie, w przypadku, gdy jest width:50%. Kiedy ustawiłem width:49% to, rzeczywiście, zdjęcia ułożyły się obok siebie, ale jest nadal kilkupixelowy odstęp między nimi, mimo że mam ustawione margin: 0 i padding: 0.

---

już sobie poradziłem. :D Zamiast displaya użyłem float: left; i ta przerwa zniknęła. ;)

---

Dzięki za pomoc. ;)