[WSG] Listamatic Centred horizontal list navbars not working
Hello folks, I'm seeing this glitch in Opera 9, IE7, FF 2... On both http://css.maxdesign.com.au/listamatic/horizontal16.htm AND http://css.maxdesign.com.au/listamatic/horizontal27.htm I see a one character wide whitespace (bluespace because of the bg color) before every link, except the first one. Is there a way to fix this? Is there another method that has such good browser support (all except IE5)? I searched, but couldn't find an alternative. Many thanks, Hrvoje _ Don't just search. Find. Check out the new MSN Search! http://search.msn.click-url.com/go/onm00200636ave/direct/01/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Listamatic Centred horizontal list navbars not working
On 12/30/06, Hrvoje Markovic [EMAIL PROTECTED] wrote: On both http://css.maxdesign.com.au/listamatic/horizontal16.htm AND http://css.maxdesign.com.au/listamatic/horizontal27.htm I see a one character wide whitespace (bluespace because of the bg color) before every link, except the first one. Is there a way to fix this? Is there another method that has such good browser support (all except IE5)? I searched, but couldn't find an alternative. Many thanks, Do you mean on those pages, or on your site that uses the code from those pages? Those pages look fine to me, which suggests you have a problem somewhere in your CSS that is causing the issue. If you can provide a link to your version of the navigation bar, someone may be able to point out what is going wrong. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Listamatic Centred horizontal list navbars not working
No, that's the thing, it's on the pages (the links I put up). When you hover over let's say Item Three, don't you still see a little left over dark blue between the white 1px border and the hover color (light blue)? It SHOULD be the same as http://css.maxdesign.com.au/listamatic/horizontal03.htm, except with text-align:center. I doubt it's just me, since I'm viewing it in 3 different browsers. From: Matthew Pennell [EMAIL PROTECTED] Reply-To: wsg@webstandardsgroup.org To: wsg@webstandardsgroup.org Subject: Re: [WSG] Listamatic Centred horizontal list navbars not working Date: Sat, 30 Dec 2006 20:29:24 + On 12/30/06, Hrvoje Markovic [EMAIL PROTECTED] wrote: On both http://css.maxdesign.com.au/listamatic/horizontal16.htm AND http://css.maxdesign.com.au/listamatic/horizontal27.htm I see a one character wide whitespace (bluespace because of the bg color) before every link, except the first one. Is there a way to fix this? Is there another method that has such good browser support (all except IE5)? I searched, but couldn't find an alternative. Many thanks, Do you mean on those pages, or on your site that uses the code from those pages? Those pages look fine to me, which suggests you have a problem somewhere in your CSS that is causing the issue. If you can provide a link to your version of the navigation bar, someone may be able to point out what is going wrong. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Listamatic Centred horizontal list navbars not working
Hi, I'm seeing this glitch in Opera 9, IE7, FF 2... On both http://css.maxdesign.com.au/listamatic/horizontal16.htm AND http://css.maxdesign.com.au/listamatic/horizontal27.htm I see a one character wide whitespace (bluespace because of the bg color) before every link, except the first one. What is causing the sliver of whitespace is the gap between the list elements in the html. If you remove it as in: ul id=navlist li id=activea href=# id=currentItem one/a/lilia href=#Item two/a/lilia href=#Item three/a/lilia href=#Item four/a/lilia href=#Item five/a/li /ul The slight gap on hover goes away. Regards, Kepler Gelotte, President Neighbor Webmaster, Inc. address: 156 Normandy Dr., Piscataway, NJ 08854 web: www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Listamatic Centred horizontal list navbars not working
Hrvoje Markovic wrote:
I'm seeing this glitch in Opera 9, IE7, FF 2... On both
http://css.maxdesign.com.au/listamatic/horizontal16.htm AND
http://css.maxdesign.com.au/listamatic/horizontal27.htm I see a one
character wide whitespace (bluespace because of the bg color) before
every link, except the first one. Is there a way to fix this?
Not pixel-perfect when font-resizing is added into the mix.
On...
http://css.maxdesign.com.au/listamatic/horizontal27.htm
...you can add...
#navcontainer ul li a {margin-right: -.2em;}
...and on...
http://css.maxdesign.com.au/listamatic/horizontal16.htm
#navcontainer li a {margin-right: -.2em;}
...will pretty much do the trick.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Listamatic Centred horizontal list navbars not working
I thought it might be that, but it seemed so stupid for a few reasons: 1) it doesn't affect http://css.maxdesign.com.au/listamatic/horizontal03.htm, or ANY of the other ones there, and 2) aren't LIs block level so whitespace between them doesn't matter? Maybe text-align affects this? By the way thanks for the solution! From: Kepler Gelotte [EMAIL PROTECTED] Reply-To: wsg@webstandardsgroup.org To: wsg@webstandardsgroup.org Subject: RE: [WSG] Listamatic Centred horizontal list navbars not working Date: Sat, 30 Dec 2006 15:51:52 -0500 Hi, I'm seeing this glitch in Opera 9, IE7, FF 2... On both http://css.maxdesign.com.au/listamatic/horizontal16.htm AND http://css.maxdesign.com.au/listamatic/horizontal27.htm I see a one character wide whitespace (bluespace because of the bg color) before every link, except the first one. What is causing the sliver of whitespace is the gap between the list elements in the html. If you remove it as in: ul id=navlist li id=activea href=# id=currentItem one/a/lilia href=#Item two/a/lilia href=#Item three/a/lilia href=#Item four/a/lilia href=#Item five/a/li /ul The slight gap on hover goes away. Regards, Kepler Gelotte, President Neighbor Webmaster, Inc. address: 156 Normandy Dr., Piscataway, NJ 08854 web: www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Listamatic Centred horizontal list navbars not working
On 12/30/06, Hrvoje Markovic [EMAIL PROTECTED] wrote: On both http://css.maxdesign.com.au/listamatic/horizontal16.htm AND http://css.maxdesign.com.au/listamatic/horizontal27.htm I see a one character wide whitespace (bluespace because of the bg color) before every link, except the first one. Is there a way to fix this? Is there another method that has such good browser support (all except IE5)? I searched, but couldn't find an alternative. Many thanks, Do you mean on those pages, or on your site that uses the code from those pages? Those pages look fine to me, which suggests you have a problem somewhere in your CSS that is causing the issue. If you can provide a link to your version of the navigation bar, someone may be able to point out what is going wrong. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Listamatic Centred horizontal list navbars not working
Hi, I'm seeing this glitch in Opera 9, IE7, FF 2... On both http://css.maxdesign.com.au/listamatic/horizontal16.htm AND http://css.maxdesign.com.au/listamatic/horizontal27.htm I see a one character wide whitespace (bluespace because of the bg color) before every link, except the first one. What is causing the sliver of whitespace is the gap between the list elements in the html. If you remove it as in: ul id=navlist li id=activea href=# id=currentItem one/a/lilia href=#Item two/a/lilia href=#Item three/a/lilia href=#Item four/a/lilia href=#Item five/a/li /ul The slight gap on hover goes away. Regards, Kepler Gelotte, President Neighbor Webmaster, Inc. address: 156 Normandy Dr., Piscataway, NJ 08854 web: www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Listamatic Centred horizontal list navbars not working
No, that's the thing, it's on the pages (the links I put up). When you hover over let's say Item Three, don't you still see a little left over dark blue between the white 1px border and the hover color (light blue)? It SHOULD be the same as http://css.maxdesign.com.au/listamatic/horizontal03.htm, except with text-align:center. I doubt it's just me, since I'm viewing it in 3 different browsers. From: Matthew Pennell [EMAIL PROTECTED] Reply-To: wsg@webstandardsgroup.org To: wsg@webstandardsgroup.org Subject: Re: [WSG] Listamatic Centred horizontal list navbars not working Date: Sat, 30 Dec 2006 20:29:24 + On 12/30/06, Hrvoje Markovic [EMAIL PROTECTED] wrote: On both http://css.maxdesign.com.au/listamatic/horizontal16.htm AND http://css.maxdesign.com.au/listamatic/horizontal27.htm I see a one character wide whitespace (bluespace because of the bg color) before every link, except the first one. Is there a way to fix this? Is there another method that has such good browser support (all except IE5)? I searched, but couldn't find an alternative. Many thanks, Do you mean on those pages, or on your site that uses the code from those pages? Those pages look fine to me, which suggests you have a problem somewhere in your CSS that is causing the issue. If you can provide a link to your version of the navigation bar, someone may be able to point out what is going wrong. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Listamatic Centred horizontal list navbars not working
I thought it might be that, but it seemed so stupid for a few reasons: 1) it doesn't affect http://css.maxdesign.com.au/listamatic/horizontal03.htm, or ANY of the other ones there, and 2) aren't LIs block level so whitespace between them doesn't matter? Maybe text-align affects this? By the way thanks for the solution! From: Kepler Gelotte [EMAIL PROTECTED] Reply-To: wsg@webstandardsgroup.org To: wsg@webstandardsgroup.org Subject: RE: [WSG] Listamatic Centred horizontal list navbars not working Date: Sat, 30 Dec 2006 15:51:52 -0500 Hi, I'm seeing this glitch in Opera 9, IE7, FF 2... On both http://css.maxdesign.com.au/listamatic/horizontal16.htm AND http://css.maxdesign.com.au/listamatic/horizontal27.htm I see a one character wide whitespace (bluespace because of the bg color) before every link, except the first one. What is causing the sliver of whitespace is the gap between the list elements in the html. If you remove it as in: ul id=navlist li id=activea href=# id=currentItem one/a/lilia href=#Item two/a/lilia href=#Item three/a/lilia href=#Item four/a/lilia href=#Item five/a/li /ul The slight gap on hover goes away. Regards, Kepler Gelotte, President Neighbor Webmaster, Inc. address: 156 Normandy Dr., Piscataway, NJ 08854 web: www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Listamatic Centred horizontal list navbars not working
Hrvoje Markovic wrote:
I'm seeing this glitch in Opera 9, IE7, FF 2... On both
http://css.maxdesign.com.au/listamatic/horizontal16.htm AND
http://css.maxdesign.com.au/listamatic/horizontal27.htm I see a one
character wide whitespace (bluespace because of the bg color) before
every link, except the first one. Is there a way to fix this?
Not pixel-perfect when font-resizing is added into the mix.
On...
http://css.maxdesign.com.au/listamatic/horizontal27.htm
...you can add...
#navcontainer ul li a {margin-right: -.2em;}
...and on...
http://css.maxdesign.com.au/listamatic/horizontal16.htm
#navcontainer li a {margin-right: -.2em;}
...will pretty much do the trick.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
