Wątek przeniesiony 2015-06-09 13:41 z Webmastering przez dzek69.

Obrazek wewnątrz diva, który ma max-width, ale jeżeli jest mniejszy to zachowuje swoje rozmiary

0

Witam, męczę się już dłuższy czas z tym. Dajmy na to, że mamy 3 obrazki:

  • 1000x100
  • 100x1000
  • 100x50.

Jest on wewnątrz diva, który ma wysokość 80px, a max-width może mieć 400px. Dodatkowo chciałbym, żeby obrazek był przyklejony do prawej strony tego diva. Czyli

  • gdy 1) to zmniejsza width do 400px, a wysokość oczywiście proporcjonalnie
  • gdy 2) wysokość na 80px i dostosowuje width
  • Nie robi nic, z wyjątkiem przyklejenia obrazka do prawej.
0

Nie wiem czy dobrze zrozumiałem, ma być 1 obrazek w divie czy więcej?

<!doctype html>
<html>
<head>
<title>Test</title>
<style>
* {
	margin: 0;
	padding: 0;
}
div {
	display: block;
	height: 80px;
	max-width: 400px;
	background-color: #ccc;
}
img {
	max-height: 100%;
	max-width: 400px;
	float: right;
}
</style>
</head>
<body>
<div><img src="http://www.smallplanetphotos.com/www/wp-content/uploads/2008/06/machu-picchu-panorama.jpg" alt="obrazek" /></div>
</body>
</html>

1 użytkowników online, w tym zalogowanych: 0, gości: 1