473,320 Members | 2,006 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,320 software developers and data experts.

html4/strict.dtd & IE/firefox problem

Hi,

I'm trying to create a page with thumbnails that will fill all the
available space. Like, let's say, MSWindows folder in thumbnails view.

I want it to look like:
O O O O
O O O O
O O O
on wider screen,

and like:
O O O
O O O
O O O
O O
on tighter.

It is possible in IE quirk mode by setting width to inline elements,
but how it can be done under html4?

Jul 24 '05 #1
9 3333
Els
eli.h...@gmail.com wrote:
Hi,

I'm trying to create a page with thumbnails that will fill all the
available space. Like, let's say, MSWindows folder in thumbnails view.

I want it to look like:
O O O O
O O O O
O O O
on wider screen,

and like:
O O O
O O O
O O O
O O
on tighter.

It is possible in IE quirk mode by setting width to inline elements,
but how it can be done under html4?


http://locusmeus.com/test/thumbswithcaptions.html

If you want just thumbnails of equal height without captions:

}
..thumbs img {
display:inline;
}
..thumbs a{
margin:5px;
}

<div class="thumbs">
<a href="..."><img src="..." alt=""></a>
<a href="..."><img src="..." alt=""></a>
<a href="..."><img src="..." alt=""></a>
</div>

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Extreme - Get The Funk Out
Jul 24 '05 #2
eli.h...@gmail.com wrote:

I'm trying to create a page with thumbnails that will fill all the
available space. Like, let's say, MSWindows folder in thumbnails view.

What you have described is normal browser behavior. If something else
is happening, it is a peculiarity of your page.
Without an URL to demonstrate your problem, I can't even make a WAG.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 24 '05 #3
Actually, each item on the page is an icon + text. Texts are vary in
length. I want to keep the items in strait lines in both X and Y
directions.

http://207.232.33.29/example/quirk.htm - check it with IE6. That's what
i look for. Strait vertical lines, each item has 100px width.

That's how the same html looks with html4/strict.dtd
http://207.232.33.29/example/strict.htm

Jul 24 '05 #4
>If you want just thumbnails of equal height without >captions:

I have captions.
http://locusmeus.com/test/thum*bswithcaptions.html


Thank you, Els, I used tables as there, and it's working. Now just for
fun - I'm trying to find a solution without tables.

Jul 24 '05 #5
Els
eli.h...@gmail.com wrote:
If you want just thumbnails of equal height without >captions:


I have captions.
http://locusmeus.com/test/thum*bswithcaptions.html


Thank you, Els, I used tables as there, and it's working. Now just for
fun - I'm trying to find a solution without tables.


It's possible with divs, the reason I used tables is that I wanted the
thumbnails to be vertically centered inside their container. This can
be done with divs too, only you'll have to know the exact height of
each image to set the appropriate top padding on the containers.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Nelson - Love & Affection
Jul 24 '05 #6
>It's possible with divs,

No success with divs. As I understand, div can

OR be BLOCK - and then it can have predefined size, but linefeed
inserted after it

OR be INLINE - then it's size set by it's context and not fixed.

Jul 24 '05 #7
Els
eli.h...@gmail.com wrote:
It's possible with divs,


No success with divs. As I understand, div can

OR be BLOCK - and then it can have predefined size, but linefeed
inserted after it

OR be INLINE - then it's size set by it's context and not fixed.


You need them to be blocks.
Set each div to a certain width and height and a bit of margin, and
give them float:left;

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Badlands - Winter's Call
Jul 24 '05 #8
Thank you, Els

Eli

Jul 24 '05 #9
I've found this
http://positioniseverything.net/easyclearing.html
very helpful

Eli

Jul 24 '05 #10

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

Similar topics

4
by: timmy | last post by:
I have a table with a cell on the bottom right with an image to create a rounded corner effect: <table cellpadding="0" cellspacing="0" border="1"> <tr><td rowspan="2">asdfsadf</td> <td...
14
by: Arne | last post by:
A lot of Firefox users I know, says they have problems with validation where the ampersand sign has to be written as &amp; to be valid. I don't have Firefox my self and don't wont to install it only...
12
by: InvalidLastName | last post by:
We have been used XslTransform. .NET 1.1, for transform XML document, Dataset with xsl to HTML. Some of these html contents contain javascript and links. For example: // javascript if (a &gt; b)...
5
by: howa | last post by:
Besides 1. matter of taste 2. XHTML content-type issue, i.e. trigger IE quirk mode if send using the correct xml content type Are there any real advantage that can differentiates these two?
13
by: mark4asp | last post by:
When I write a url in xhtml, with an unencoded ampersand, like this: http://localhost:2063/Client/ViewReport.aspx?Ref=58&Type=SUMMARY the xhtml sytax checker correctly indicates an error,...
92
by: Erwin Moller | last post by:
Hi group, I encoutered page validation error, but I don't know a way around. The page has the following doctype: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"...
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
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
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...
1
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...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
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...

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.