By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,403 Members | 1,275 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,403 IT Pros & Developers. It's quick & easy.

html4/strict.dtd & IE/firefox problem

P: n/a
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
Share this Question
Share on Google+
9 Replies


P: n/a
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 vo. O resto imperfeito.
- Renato Russo -
Now playing: Extreme - Get The Funk Out
Jul 24 '05 #2

P: n/a
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

P: n/a
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

P: n/a
>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

P: n/a
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 vo. O resto imperfeito.
- Renato Russo -
Now playing: Nelson - Love & Affection
Jul 24 '05 #6

P: n/a
>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

P: n/a
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 vo. O resto imperfeito.
- Renato Russo -
Now playing: Badlands - Winter's Call
Jul 24 '05 #8

P: n/a
Thank you, Els

Eli

Jul 24 '05 #9

P: n/a
I've found this
http://positioniseverything.net/easyclearing.html
very helpful

Eli

Jul 24 '05 #10

This discussion thread is closed

Replies have been disabled for this discussion.