Click here to get back home

list not displaying inliine

 HomeNewsGroups | Search | About
 alt.www.webmaster    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
list not displaying inliine paul watt 07-14-2008
Posted by paul watt on July 14, 2008, 4:59 am
Please log in for more thread options
Hi,
on http://www.paulwatt.info/paulwatt/port.html i'm trying to make the list
of images display horizontaly, not verticaly. I've used the same ID as the
main menu which displays correctly, but this list doesnt . The url for the
css is http://www.paulwatt.info/paulwatt/css/main2.css

TIA


--
Paul Watt

http://www.paulwattdesigns.com
http://www.yoofo.co.uk



Posted by John Hosking on July 14, 2008, 5:25 am
Please log in for more thread options
paul watt wrote:
> Hi,
> on http://www.paulwatt.info/paulwatt/port.html i'm trying to make the list
> of images display horizontaly, not verticaly. I've used the same ID as the

http://validator.w3.org/ IDs must be unique on a page
http://www.w3.org/TR/CSS21/selector.html#id-selectors

It's a strange choice of id for the pictures anyway, isn't it? It's
"navlist", but these are just some links to other pages

> main menu which displays correctly, but this list doesnt . The url for the
> css is http://www.paulwatt.info/paulwatt/css/main2.css

Your .port and .leftcell have widths constraining them so they can't
display horizontally (beyond one image per row). Your real navlist has
plenty of room at typical browser widths, so it looks the way you expect.

You've got repeated but non-identical rules for ul#navlist li a:hover as
well as a few other selectors. You need to do some proofreading & cleanup.

BTW,

"music industry,charitys and clubs."

should be

"music industry, charities and clubs."


--
John

Posted by paul watt on July 14, 2008, 5:48 am
Please log in for more thread options

> paul watt wrote:
>> Hi,
>> on http://www.paulwatt.info/paulwatt/port.html i'm trying to make the
>> list of images display horizontaly, not verticaly. I've used the same ID
>> as the
>
> http://validator.w3.org/ IDs must be unique on a page
> http://www.w3.org/TR/CSS21/selector.html#id-selectors
>
> It's a strange choice of id for the pictures anyway, isn't it? It's
> "navlist", but these are just some links to other pages
>
>> main menu which displays correctly, but this list doesnt . The url for
>> the css is http://www.paulwatt.info/paulwatt/css/main2.css
>
> Your .port and .leftcell have widths constraining them so they can't
> display horizontally (beyond one image per row). Your real navlist has
> plenty of room at typical browser widths, so it looks the way you expect.
>
> You've got repeated but non-identical rules for ul#navlist li a:hover as
> well as a few other selectors. You need to do some proofreading & cleanup.
>
> BTW,
>
> "music industry,charitys and clubs."
>
> should be
>
> "music industry, charities and clubs."
>
>
> --
> John

Thanks John, I'll work on it

--
Paul Watt

http://www.paulwattdesigns.com
http://www.yoofo.co.uk



Posted by paul watt on July 14, 2008, 5:58 am
Please log in for more thread options
i've given the list a unique ID and it still doesn't work. It shouldn't
matter that theres no space, as the dive is set to overflow.

--
Paul Watt

http://www.paulwattdesigns.com
http://www.yoofo.co.uk
>
>> paul watt wrote:
>>> Hi,
>>> on http://www.paulwatt.info/paulwatt/port.html i'm trying to make the
>>> list of images display horizontaly, not verticaly. I've used the same ID
>>> as the
>>
>> http://validator.w3.org/ IDs must be unique on a page
>> http://www.w3.org/TR/CSS21/selector.html#id-selectors
>>
>> It's a strange choice of id for the pictures anyway, isn't it? It's
>> "navlist", but these are just some links to other pages
>>
>>> main menu which displays correctly, but this list doesnt . The url for
>>> the css is http://www.paulwatt.info/paulwatt/css/main2.css
>>
>> Your .port and .leftcell have widths constraining them so they can't
>> display horizontally (beyond one image per row). Your real navlist has
>> plenty of room at typical browser widths, so it looks the way you expect.
>>
>> You've got repeated but non-identical rules for ul#navlist li a:hover as
>> well as a few other selectors. You need to do some proofreading &
>> cleanup.
>>
>> BTW,
>>
>> "music industry,charitys and clubs."
>>
>> should be
>>
>> "music industry, charities and clubs."
>>
>>
>> --
>> John
>
> Thanks John, I'll work on it
>
> --
> Paul Watt
>
> http://www.paulwattdesigns.com
> http://www.yoofo.co.uk
>



Posted by Jim Moe on July 14, 2008, 2:33 pm
Please log in for more thread options
On 07/14/08 01:59 am, paul watt wrote:
> Hi,
> on http://www.paulwatt.info/paulwatt/port.html i'm trying to make the list
> of images display horizontaly, not verticaly. I've used the same ID as the
> main menu which displays correctly, but this list doesnt . The url for the
> css is http://www.paulwatt.info/paulwatt/css/main2.css
>
The class .port sets the div's width to 100%. However, the div resides
in .leftcell which is set to 30%, or about 250px for my viewport. Since
the images are typically 200px wide + padding/margin, it is not surprising
that they wrap.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Similar ThreadsPosted
list not displaying correctly March 5, 2007, 6:45 am
£ signs displaying as £ December 5, 2005, 12:12 pm
displaying html using javascript? April 16, 2005, 7:01 pm
IE not displaying site properly October 23, 2005, 12:25 pm
Site Displaying Incorrectly In IE December 2, 2005, 2:56 am
Is this page displaying wrong? February 28, 2008, 7:23 am
Link styles not displaying properly in IE6, 7 March 8, 2007, 11:23 am
Displaying a SWF at it's original size without setting the dimensions December 29, 2004, 5:23 pm
Re/Cross Post - help with mail() message not displaying November 29, 2006, 5:39 pm
A List Apart August 12, 2005, 1:58 pm

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap