473,327 Members | 2,090 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,327 software developers and data experts.

<OL type="1"> and IE

Hi

In a css page I have the following:

[CSS]
..OLC{float:left; width:150px;text-align:center; }
OL{ list-style-position:inside;}
LI{ height:160px;}

[/CSS]

and in the site page:

[HTML]

....
<div class="OLC">
<OL type="1" start="1">
<LI><br><a href="an_image"><img src="thumbnail_img"></a><br><a
href="some_page.html">page_title</a></li>
.....
</OL>
</div>
<div class="OLC">
......same as above
</div>
[/HTML]

I want to have columns of thumbnails numbered and horizontally
aligned.
Well, it works right in FF and OP but not in IE6-7.

Instead of:
number
image
link-name

it gives:
image
link-name
1


If I remove "height:160px" for LI, it works but I lose the horiz
alignment.

What to do to have IE work properly ??

Thanks

Apr 26 '07 #1
3 4690
Scripsit Bill:
In a css page I have the following:
Why don't you post the URL?
<div class="OLC">
<OL type="1" start="1">
<LI><br><a href="an_image"><img src="thumbnail_img"></a><br><a
href="some_page.html">page_title</a></li>
....
</OL>
Why are you using the apparently redundant div element? Why are you using
invalid markup (img with no alt)? Why do you think (in the markup and in the
heading, but not in the text your message) that type="1" (the default) is
essential here? Why are you using <br(and not CSS) apparantly to create
vertical spacing at the start of a list item?
I want to have columns of thumbnails numbered and horizontally
aligned.
What do you mean by "horizontally aligned"? Do you want to use a table but
refrain from doing so?
If I remove "height:160px" for LI, it works but I lose the horiz
alignment.
I have a feeling that the height of your images might matter too. But you
gave no URL.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Apr 27 '07 #2
Hi
Why don't you post the URL?
because it's not on an intranet.
>
<div class="OLC">
<OL type="1" start="1">
<LI><br><a href="an_image"><img src="thumbnail_img"></a><br><a
href="some_page.html">page_title</a></li>
....
</OL>

Why are you using the apparently redundant div element? Why are you using
It was there because at first it was used to enclose other objects too
which were later removed but the div stayed. But it doen't make any
difference for the OL.

invalid markup (img with no alt)? Why do you think (in the markup and in the
The image is self explanatory.
heading, but not in the text your message) that type="1" (the default) is
essential here? Why are you using <br(and not CSS) apparantly to create
vertical spacing at the start of a list item?
To have the index, the image and the link superposed.

I have a feeling that the height of your images might matter too. But you
You're right, I fixed the height of the images and added
overflow:hidden, removed the height property from LI and it worked.

Thanks Jukka

Apr 28 '07 #3
Scripsit Bill:
>Why don't you post the URL?
because it's not on an intranet.
Really? Why would that matter? What matters is that you post a URL pointing
to a document on the Internet, the World Wide Web, also called "www". (Did
you notice it in the name of this group?)
>Why are you using the apparently redundant div element? Why are you
using

It was there because at first it was used to enclose other objects too
which were later removed but the div stayed. But it doen't make any
difference for the OL.
When trying to debug something, the first step should be to remove redundant
complexities. Then you could start removing complexities that you actually
need, in order to see which of them triggers the problem.
>invalid markup (img with no alt)? Why do you think (in the markup
and in the

The image is self explanatory.
To a person who does not see it? Do you have any idea of why alt attributes
are needed?
>heading, but not in the text your message) that type="1" (the
default) is essential here? Why are you using <br(and not CSS)
apparantly to create vertical spacing at the start of a list item?

To have the index, the image and the link superposed.
Try re-reading my question, paying attention to the "and not CSS" part.
Using <bris a coarse and unreliable way of affecting vertical spacing -
and we _are_ in a CSS group.
You're right, I fixed the height of the images and added
overflow:hidden, removed the height property from LI and it worked.
Too bad we cannot see whether you really fixed a problem or created a new
one.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Apr 28 '07 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: Eric A. Forgy | last post by:
Hello, I am just learning Java and am trying to write a method that does something like //=========================================== public Static List find(double array,double val,String...
6
by: Tony Marston | last post by:
The code <a href="..." target="_blank">...</a> will not validate as XHTML STRICT because of the 'target' tag, so how do I achieve the same result by moving it to a CSS file? I cannot find anything...
2
by: Shaun | last post by:
Hello! I have a quick question regarding CSS and having it applied to all elements. I am trying to eliminate the gap between a paragraph and a list that usually occurs in html and I've found...
2
by: Laermans_k | last post by:
Hi, Does anyone have a solution to use the <input type="file" id="filechooser"> and the <input type="submit" id="submitbutton"> in 1 button click? I've already tried to create a javascript...
5
by: z. f. | last post by:
sorry about the previous post, by mistake not completed. i have an asp.net page with the line <%@ OutputCache Duration="30" VaryByParam="none" %> but when i make requests to the page with...
2
by: andrew007 | last post by:
I do xml / xslt transformation using asp.net but I found any value (w/xml format) in xml node html-encoded to &lt and &gt format if it's > or < tag. Since I have sub xml data in a parent xml node...
1
by: easy.lin | last post by:
.... <object id="10">door</object> .... I try to write this in clipse XSD editor <element name="object" type="string"> <attribute name="id" type="int"></attribute> </element> but get wrong...
1
by: tilt | last post by:
Hello, I use an object element to replace the iframe element in ie, like this: <object id="x_obj" data="http://.../" type="text/html"> <iframe name="x_if" id="x_if"...
3
by: joe | last post by:
Is it OK to have multiple: <script type="text/javascript" src="funcs1.js"></script> <script type="text/javascript" src="funcs2.js"></script> <script type="text/javascript"...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.