This is a multi-part message in MIME format.
------=_NextPart_000_004E_01C4F1D0.8BC67FF0
Content-Type: text/plain;
charset="us-ascii"
Content-Transfer-Encoding: quoted-printable
I have a layout that perhaps could be done differently, but I gave it my
best shot. I have a page of recipe categories, with each category being =
a
div with a class of category. In that div, I have a header element, =
followed
by a nested div containing an image (I nested the img in the div for
possible additioinal content like a header over the img, etc.) That is
floated left. I then have a <ul> completing the category div. It really
looks great in IE and Firefox, but not in Opera. Can someone shed some
light, I'd appreciate it and would be happy to supply the batteries if
needed. ;-) Here is my html and css code
div.category
{
width:100%;
position:relative;
margin: 15px 0 0 0;
padding:0 0 5px 0;
}
div.category img
{
float:left;margin:0;border:4px double #003366;
}
div.category h5
{
letter-spacing:1px;
margin:0 0 3px 0;
padding:2px 0 2px 10px;
background:#003366;
color:#fff;
font-size:14px;
}
div.category ul
{
=09
list-style:none;
position:relative;
margin: 0;
height:170px;
overflow:auto;
padding:5px 0 0 14px;
}
div.category ul li
{
margin:0 0 5px 0;
padding:3px 0 0 12px;
background-image: url(images/cyprus_bullet.gif);
background-repeat:no-repeat;
height:25px;
}
div.cat_thumbnail
{
float:left;
width:132px;
text-align:center;
margin:0;
padding:0;
}
<div class=3D'category'>
<h5>Italian Appetizer Recipes</h5>
<div class=3D'cat_thumbnail'>
<a href=3D'tuscany-italian-recipes.asp?category=3D1' >
<img src=3D'images/recipes/category-thumbnails/appetizer.jpg' alt=3D'' =
/>
</a>
</div>
<ul class=3D'recipe_cat'>
<li><a =
href=3D'tuscany-italian-recipes.asp?category=3D1&recipe=3D6'>Asparagus =
and
Prosciutto Bundles</a></li>=20
<li><a =
href=3D'tuscany-italian-recipes.asp?category=3D1&recipe=3D8'>Caramelized
Pears with Grana Wedges</a></li> =20
</ul>
</div>
Thomas Hall
TMH Web Design
http://www.tmhdesign.com/showcase.htm
[EMAIL-REMOVED]
------=_NextPart_000_004E_01C4F1D0.8BC67FF0
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
------=_NextPart_000_004E_01C4F1D0.8BC67FF0--
