472,954 Members | 1,565 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,954 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 3320
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
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 vo. 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 vo. 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: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
2
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
4
NeoPa
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
3
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
1
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
3
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
0
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...
0
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
1
by: GKJR | last post by:
Does anyone have a recommendation to build a standalone application to replace an Access database? I have my bookkeeping software I developed in Access that I would like to make available to other...

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.