Tema: Ayuda con 2 divs
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 14/01/2010, 03:40
Jarkaos
 
Fecha de Ingreso: noviembre-2002
Ubicación: Suecia
Mensajes: 253
Antigüedad: 22 años, 2 meses
Puntos: 2
Respuesta: Ayuda con 2 divs
Este es el html:

Código: 
<html>
<head>
<title>TAbbs</title>
<link type="text/css" rel="stylesheet" href="css/style.css"/>
</head>

<body>
	<div class="packages">
		<div class="cs9ProductContainerPackage">
			<div class="cs9ProductInformationArea">
				<div class="cs9ImagePro">
					<img src="images/park_plaza.jpg" alt="produkt"></img>
				</div>
				<div class="cs9ProductDescription">
					<div class="cs9Header">
						<h1>TEST HOTELL</h1>
					</div>
					<div class="cs9Descr">
						<p>Väl placerad hotell av högsta kvalitet som gör dina semester eller 
						affär resa till en dröm Väl placerad hotell av högsta kvalitet som gör 
						dina semester eller affär resa till en dröm Väl placerad hotell av högsta 
						kvalitet som gör dina semester eller affär resa till en dröm Väl placerad 
						hotell av högsta kvalitet som gör dina semester eller affär resa till en 
						dröm Väl placerad hotell av högsta kvalitet som gör dina semester eller 
						affär resa till en dröm Väl placerad hotell av högsta kvalitet som gör 
						dina semester eller affär resa till en dröm
						kvalitet som gör dina semester eller affär resa till en dröm Väl placerad 
						hotell av högsta kvalitet som gör dina semester eller affär resa till en 
						dröm Väl placerad hotell av högsta kvalitet som gör dina semester eller 
						affär resa till en dröm Väl placerad hotell av högsta kvalitet som gör 
						dina semester eller affär resa till en dröm</p>
					</div>
					<div class="cs9InfoLinks">
						<a href="#">Visa på karta</a>
					</div>
				</div>
				<div style="clear: both;"></div>
			</div>
		</div>
		
	</div>
</body>
</html>
Y este es el css:

Código: 
h1 {
	font-size: 14px;
}

.packages {
	border: 1px solid #DDDDDD;
	width: 660px;
}

.cs9ProductContainerPackage {
	margin: 5px;
}

.cs9ImagePro {
	display: block;
	float: left;
	margin-right: 10px;
	width: 155px;
	position: relative;
}

.cs9ImagePro img {
	width: 155px;
}

.cs9ProductDescription {
	display: block;
	float: left;
	border: 1px solid #DDDDDD;
	position: relative;
	/*width: 60%;*/
	}