|
Posted by eli.h...@gmail.com on April 21, 2005, 9:34 am
Please log in for more thread options
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?
|
|
Posted by Jim Moe on April 21, 2005, 9:52 am
Please log in for more thread options
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)
|
|
Posted by eli.h...@gmail.com on April 21, 2005, 10:22 am
Please log in for more thread options
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
|
|
Posted by Els on April 21, 2005, 6:50 pm
Please log in for more thread options
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
|
|
Posted by eli.h...@gmail.com on April 21, 2005, 10:55 am
Please log in for more thread options
>If you want just thumbnails of equal height without >captions:
I have captions.
>http://locusmeus.com/test/thum=ADbswithcaptions.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.
|
| Similar Threads | Posted | | Someone - **please, please, please** help :-( .js problem | January 16, 2005, 6:01 am |
| Problem with | June 29, 2005, 3:12 pm |
| Problem | January 2, 2006, 6:32 am |
| Problem with IE | November 19, 2006, 3:47 pm |
| problem with IE | February 15, 2007, 5:50 pm |
| CSS Problem | July 28, 2007, 3:03 am |
| w3.org validator problem | September 30, 2004, 5:20 am |
| problem with the w3.org validator | October 5, 2004, 7:17 am |
| problem with link ? | November 9, 2004, 2:00 am |
| frames problem? | December 22, 2004, 2:44 pm |
|
XML Sitemap