Hej, jag har två divar som jag vill ha sidan om varandra men de lägger sig efter varandra i höjdled och jag förstår inte varför. Någon som vet hur jag ska få upp div.bild i jämnhöjd med div.text?
CSS:en
body, html
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
#container
{
margin:auto;
padding:0;
width:790px;
height:600px;
background-color:#FFFF00;
}
div.text
{
width:310px;
margin-bottom:100px;
margin-left:80px;
margin-top:200px;
background-color:red;
}
div.bild
{
margin-left:480px;
margin-top:0px;
margin-bottom:100px;
background-color:green;
}
#footer
{
margin:auto;
}
Och så html:en
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sweden Water</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style_sw.css" rel="stylesheet" type="text/css" />
<?php
/*Inkuderar menyn till webbplatsen.*/
include("meny.php");
?>
</head>
<body>
<div id="container">
<?php
/*Inkuderar menyntabellen till webbplatsen.*/
include("meny_tabell.php");
?>
<div class="text">
<p><h3>Fristående</h3></p>
<p>
</p>
</div>
<div class="bild">
<table border="0">
<tr height="250" valign="top">
<td width="150">
<a href="fristaende.php"><img border="0" src="images/Atlantis_liten.jpg"></a><br />
Fristående
</td>
<td>
<a href="bordsmodeller.php"><img border="0" src="images/Pollux_liten.jpg"></a><br />
Bordsmodeller
</td>
</tr>
<tr>
<td>
<a href="inbyggda.php"><img border="0" src="images/Pro3.jpg"></a><br />
Inbyggda
</td>
<td>
<a href="tapphuvuden.php"><img border="0" src="images/ot_rostfri.jpg"></a><br />
Tapphuvuden
</td>
</tr>
</table>
</div>
<div id="footer">
<img src="images/sw_logga2.jpg">
</div> <!-- Avslutar class fot -->
</div> <!-- Avslutar class container -->
</body>
</html>
Jag har gjort menyn i DW så jag skonar er från att se den koden...