This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Stylesheets > January 2005 > Re: Update
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
|
|
|
|
|
|
| Unknown User 2005-01-31, 1:13 pm |
| On Sun, 30 Jan 2005 18:00:38 -0800, mscir <mscir@yahoo.com> wrote:
> If you look at your page in Netscape 7.2 and reduce the browser width,
> the images move down the page and don't look too good. You might want to
> fix that too.
Thank you very much, I think now there is only one problem:
http://colombie.org/nouveau/design-css.html
The inline lists:
- The pre-colombian icons on top
- The main navigation bar on top
- The pre-colombian icons in the copyright bar at the bottom
They don't render as I want. I want them to adapt exactly to the browser
width, pretty much the same way it would if I put them in a 1-row table
with one cell per image, and all cells set to, say, 10%.
I want these list items to be distributed evenly according to the
available space. I'm not able to do so. Here's the code I use:
#illus ul {
list-style: none;
margin: 0 150px 0 0;
padding: 0;
margin: 0;
}
#illus li {
margin: 0;
padding: 0;
float: left;
display: block;
width: 12%;
height: 50px;
voice-family: "\"}\"";
voice-family: inherit;
width: 12%;
}
html>body #illus li {
width: 7.5%;
}
The list items don't use the entire space available when the window is
maximized. They wrap down when the window is resized to 780px wide.
What's the trick?
Thanks,
--
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
Discover Opera: http://members.surfeu.fi/jerkku/
http://www.auriance.com - http://www.auriance.net
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|