Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

why will this instance of <ul> <li> not work

Status
Not open for further replies.

geokor

Programmer
Aug 16, 2000
126
US
Here is the setup:
I have 3 images floated to the left:
.......
: : Then here on the right I have a block of
:img 1: text. It works fine except for the fact that
....... in IE 5.5 a small unordered list does not
....... show up. Netscape 4.77 works fine.
: :
:img 2: It should:
....... * show the first line item here
....... * and the second here
: :
:img 3: But instead all I get is plain text, just like the
....... text above and below it, as if th UL & IL didn't
exist.

Thanks.

George K
----------
The code looks like this:

External CSS:
.buttoncolumn{
width:117px;
float:left;}

<div class=&quot;buttoncolumn&quot;>
<a href=&quot;button1.php&quot;
onmouseout =&quot;source.src='image path';&quot;
onmouseover=&quot;source.src='image path';&quot;>
<IMG src=&quot;image...&quot;
alt=&quot;Text here&quot;
height=68
width=115
border=0
id=&quot;id1&quot;
name=&quot;id1&quot;>
</a>

<a href=&quot;button2.php&quot;
onmouseout =&quot;source.src='image path';&quot;
onmouseover=&quot;source.src='image path';&quot;>
<IMG src=&quot;image...&quot;
alt=&quot;Text here&quot;
height=68
width=115
border=0
id=&quot;id2&quot;
name=&quot;id2&quot;>
</a>
<a href=&quot;button3.php&quot;
onmouseout =&quot;source.src='image path';&quot;
onmouseover=&quot;source.src='image path';&quot;>
<IMG src=&quot;image...&quot;
alt=&quot;Text here&quot;
height=68
width=115
border=0
id=&quot;id3&quot;
name=&quot;id3&quot;>
</a>

Text here...Text here...Text here...
<br />
Text here...Text here...Text here...Text here...Text here...Text here...Text here...Text here...
<br /><br />
Text here...Text here...
<br />
<ul>
<li> First line item</li>
<li> Second line item</li>
</ul>
Text here...Text here...Text here...</div>
</div>
 
humm whats ? <br />
use <br> ---------------------------------------
wmail.jpg


someone knowledge ends where
someone else knowledge starts
 
Thanks neversleep, but < br /> stands. I code almost entirely in XHTML not HTML and in XHTML even breaks need to be closed. It won't make a bit of difference to most modern browsers. But thanks anyway.

George K
 
Do you use an XHTML Strict DTD? Have you tried the HTML validator at ? I've had display problems before and the validator caught stuff that fixed it. The only other thing I see is that the list tags are withing a div element. Maybe that's fouling it up...

My two cents... [rockband]
 
I'd recommend using a table, it'd be easier and more accurate, but here's how to do it your way:

<style>
.buttoncolumn{
width:117px;
float:left;}
</style>
<div class=&quot;buttoncolumn&quot;>
<ol>
<li>
<a href=&quot;button1.php&quot;
onmouseout =&quot;source.src='image path';&quot;
onmouseover=&quot;source.src='image path';&quot;>
<IMG src=&quot;image...&quot;
alt=&quot;Text here&quot;
height=68
width=115
border=0
id=&quot;id1&quot;
name=&quot;id1&quot;>
</a>
</li>
<li>
<a href=&quot;button2.php&quot;
onmouseout =&quot;source.src='image path';&quot;
onmouseover=&quot;source.src='image path';&quot;>
<IMG src=&quot;image...&quot;
alt=&quot;Text here&quot;
height=68
width=115
border=0
id=&quot;id2&quot;
name=&quot;id2&quot;>
</a>
</li>
<li>
<a href=&quot;button3.php&quot;
onmouseout =&quot;source.src='image path';&quot;
onmouseover=&quot;source.src='image path';&quot;>
<IMG src=&quot;image...&quot;
alt=&quot;Text here&quot;
height=68
width=115
border=0
id=&quot;id3&quot;
name=&quot;id3&quot;>
</a>
</li>
</ol>
</div>

Text here...Text here...Text here...
<br />
Text here...Text here...Text here...Text here...Text here...Text here...Text here...Text here...
<br /><br />
Text here...Text here...
<br />
<ul>
<li> First line item</li>
<li> Second line item</li>
</ul>
Text here...Text here...Text here...</div>


Rick If I have helped you just click the first link below to let me know :)
 
Hi George,

I had the problem before that when I had two lists on a page it was fine, add a third and it wouldn't show. I never found the reason! I got it sorted by taking the list code out to another page and checking every single character but I still don't know why it didnt show! Wierd!



É

endamcg-logo1b.gif

 
sonnysavage, in this case I'm using transitional...
<!DOCTYPE html PUBLIC &quot;-//W3C/DTD XHTML 1.0 Transitional//EN&quot;
&quot;
And yes I have used the HTML validator at W3C but I usually use the one built into FirstPage (my free editor- yeah I know it only works on Windoze but I have to have one winbox anyways and I've used FirstPage for so long I'm still doing most of my coding on it even though I am looking for a really good GPL linux editor so I can use my linux box... but that's another story.

Ristomo2000, thanks! I've copied your code and will try it. I will let you know the results... and thanks again for taking the time...

cian, its one of those eternal mysteries that we may never understand this side of the veil... and besides - we are dealing with browsers here! :)

Thanks again everyone. I'll keep you posted.

George K

I'd like George to reply by:
E-mail[ ] Phone[ ] Swallow- European[ ] African[ ]
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top