Ray Leventhal wrote:
>
>> I have a simple test file, which tries to make a horizontal list, with
>> images and text, full code below. In FF, the choices display horizontally,
>> but not in IE. What am I missing?
>>
>>
>
>
[trimmed]
As Ray noted, you'll need a doctype; and, the corrections and addition
to the CSS should bring it up in IE6 & IE7.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta name="generator" content="HTML Tidy for Linux/x86 (vers 1st
November 2002), see www.w3.org" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>small change?</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
body {
font-size: 100.01%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000;
background-color: #bbc;
margin-bottom: 15em;
}
ul.sets {
list-style-type:
none; margin: 0;
padding: 0;
/*display: inline; <--delete: not needed*/}
ul.setsli{/*display:table-cell;<--delete: not needed*/
float:left;/*<--ADD*/
border:none;
padding-right:2em;
font-size:0.8em;
text-align:center;}
ul.setsimg{border:1px solid black;padding:0;margin:0;}
/*]]>*/
</style>
</head>
<body>
<div>
<ul class='sets'>
<li>Set #1<br />
<a href='#'><img alt='aa'
src='http://static.flickr.com/1368/1416042206_e4fcc6b96b_s.jpg' /></a><br />
161 pictures</li>
<li>Set #2<br />
<a href='#'><img alt='bb'
src='http://static.flickr.com/1202/979591983_8f23985dff_s.jpg' /></a><br />
376 pictures</li>
<li>Set #3<br />
<a href='#'><img alt='cc6'
src='http://static.flickr.com/1439/877168944_b3ef4e02a5_s.jpg' /></a><br />
437 pictures</li>
<li>Set #4<br />
<a href='#'><img alt='cc'
src='http://static.flickr.com/1347/877713593_9c7141566d_s.jpg' /></a><br />
98 pictures</li>
</ul>
</div>
</body>
</html>
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
