Подскажите, как сделать элемент

Flake · September 3, 2009

Здравствуйте.

Нужно сделать элемент. http://img3.imageshack.us/img3/2631/elementf.gif

Тут хорошо подходит fieldset, но вот что делать с изображением самолёта. Как его переместить? Я пробовал помещать в div, ставить различные position, но ничего не выходит.

Подскажите как быть, или может быть как по другому реализовать такой элемент?

mishka · September 3, 2009

Неповеришь но фильдсет хорошо подходит только для групировки елементов формы!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type="text/css">
		.box{

		}
		img{
			position:relative;
			margin:0 0 -15px;
			display:block;
		}
		.inner{
			padding:15px 0 0;
			border:1px solid #ccc;
		}
		.title{
			margin:-20px 0 0 30px;
			position:relative;
			height:1%;
			overflow:hidden;
		}
		.title h2{
			background:#fff;
			margin:0;
			float:left;
		}
	</style>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
	<div class="box">
		<img src="autumn.gif" alt="" />
		<div class="inner">
			<div class="title"><h2>Lorem</h2></div>
			<p>Lorem ipsum dolor sit amet consectetuer metus In at elit enim. Interdum Integer justo nisl Nam tortor Vivamus Cum aliquam quis interdum. Orci a Lorem interdum porttitor In consequat In quis In laoreet. Nam mus et a Vestibulum tincidunt vel Aliquam pellentesque auctor ligula. Urna est in congue Aenean Aenean elit Vestibulum.</p>
			<p>Condimentum Fusce Nulla netus Morbi adipiscing dui Nam Nullam nisl et. Sagittis ut tristique lacinia Nam lacus sed leo nibh non amet. Vestibulum mauris Aenean Nam pharetra eget Morbi interdum lacinia vel lobortis. Ut orci dui accumsan id Mauris Nunc nunc quis Integer at. Vivamus gravida amet enim orci eros Nam Vestibulum adipiscing Nam risus. Et semper.</p>
			<p>Nascetur Sed feugiat ipsum orci at diam et neque sagittis eu. Donec nonummy facilisi pede mattis neque Fusce mattis ridiculus faucibus fringilla. Tempor dui vitae laoreet felis elit pulvinar consequat elit vitae rutrum. Condimentum Quisque id sed cursus sapien dis vel sociis vel wisi. Ac venenatis laoreet nibh urna hac Quisque euismod nec nonummy nisl. Nulla vitae iaculis.</p>
			<p>Vivamus Donec sollicitudin dictum condimentum vel porttitor laoreet rhoncus Curabitur a. Neque Integer lacinia lacus mattis magna molestie sem Donec tincidunt tincidunt. Aenean ligula vitae consectetuer tempus tellus tortor at nunc sed enim. Turpis semper quis Curabitur et Morbi rutrum rhoncus sagittis tortor neque. Elit velit vel odio feugiat consequat Nam id hendrerit sed Maecenas. Mauris volutpat laoreet Nulla urna Quisque neque et in convallis pede. Arcu Nunc tellus.</p>

		</div>
	</div>
</div>
<!-- end wrapper -->
</body>
</html>

поковыряешся разберешся

Чтото мне подсказывает что в твоем случае с height:1% может быть баг. Долго рассказывать как избежать валидным способом, поэтому замени на zoom:1

Edited September 3, 2009 by mishka2

Sign In

Подскажите, как сделать элемент

Question

Flake

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

mishka

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information