This is what I have so far. I just can't get the images to center
within the tan.
<html lang="en-US">
<head>
<title>Untitled</title>
<style type="text/css">
body {
background-color: #ffffe0;
}
img {
border: 2px solid white;
}
.blackBorder {
border: 10px solid black;
float: left;
margin-left: auto;
margin-right: auto;
}
.tanMatte {
background-color: #d2b48c;
float: left;
width: 250px;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<div class="tanMatte"><div class="blackBorder"><img src="Pic1.jpg"
alt="" border="0"></div></div>
<br clear="all">
Most-Viewed Campgrounds<br>
Lodgepole Campground<br>
Salmon Creek Campground<br>
Union Flat Campground<br>
<div class="tanMatte"><div class="blackBorder"><img src="Pic2.jpg"
alt="" border="0"></div></div>
</body>
</html>
-----Original Message-----
From: Ian Skinner [mailto:[EMAIL PROTECTED]
Sent: Friday, February 04, 2005 10:12 AM
To: CF-Community
Subject: RE: Two more CSS questions.
Nope, no tables, I'm working hard on that! :-)
The image already has a border, the white border. I'm trying for a
matting kind of effect. So, the image has a white border and I am
trying to get a black matt then a raised border. I have a div around
the image with the set padding and the raised boarder. What I can not
figure out is how to dynamically shrink the surrounding div to the image
and still center this entire construct in the tan container.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Discover CFTicket - The leading ColdFusion Help Desk and Trouble
Ticket application
http://www.houseoffusion.com/banners/view.cfm?bannerid=48
Message: http://www.houseoffusion.com/lists.cfm/link=i:5:146264
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
