I'm trying to align a picture on the far left and far right. Here is the code and css I'm using. I can either make the pictures line up on top of each other or the way it is now. By the way, there aren't any pictures included yet, just the area designated for them. Please take a look at my code and css to see what I'm missing. I've looked through the forums already and haven't found what I'm looking for.
Thanks
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Welcome to the Clinton County Sheriff's Dpartment</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"clintoncosheriff.css" type="text/css">
</head>
<body>
<div id = "logo">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/logo.gif" width="150" height="150" alt="Sheriff Department Logo"/>
</div>
<div id = "car">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/car.gif" width="150" height="150" alt="Sheriff Department Car"/>
</div>
</body>
</html>
---
body {
background-color: #D2B48C
}
div#logo {
text-align: left;
}
div#car {
text-align: right;
}<img src=http://www.webdeveloper.com/forum/archive/index.php/"image.jpg" alt="this image" style="float:left" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"image.jpg" alt="this image" style="float:right" /><img src=http://www.webdeveloper.com/forum/archive/index.php/"image.jpg" alt="this image" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"image2.jpg" alt="this image2" />Thanks guys, works awesome.
Thanks
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Welcome to the Clinton County Sheriff's Dpartment</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"clintoncosheriff.css" type="text/css">
</head>
<body>
<div id = "logo">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/logo.gif" width="150" height="150" alt="Sheriff Department Logo"/>
</div>
<div id = "car">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/car.gif" width="150" height="150" alt="Sheriff Department Car"/>
</div>
</body>
</html>
---
body {
background-color: #D2B48C
}
div#logo {
text-align: left;
}
div#car {
text-align: right;
}<img src=http://www.webdeveloper.com/forum/archive/index.php/"image.jpg" alt="this image" style="float:left" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"image.jpg" alt="this image" style="float:right" /><img src=http://www.webdeveloper.com/forum/archive/index.php/"image.jpg" alt="this image" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"image2.jpg" alt="this image2" />Thanks guys, works awesome.