[WSG] Misaligned overlapping list - is there a better way (that works)
Hi I have a page which has a list displaying 5 images horizontally. Associated with each of these images there is some hidden text which is loaded into a display area by javascript when the image is clicked, at the same time an image that looks like a pointer is moved from one image to another by changing the background in a different but overlapping list item. This all works in firefox, safari has the pointer image out by 1 pixel, ie7 has a large gap and opera has the pointer image overlapping the text display area. The site can be viewed at http://www.web-devel.co.nz/redbookpos/index.php http://www.web-devel.co.nz/redbookpos/index.php. Can anyone suggest a better way of doing this that will work across all browsers? Thanks Richard *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Getting an image to slide behind another, not drop below
I'm working on a site that is still only local at the moment so unfortunately I don't have a link that I can provide. I've got a header that has an linked image on the left and a floating image on the right, and there's background image to provide continuity between the two. This works well while the screen width is greater than 770, which I seem to be able to do quite easily with min-width in non IE browsers, however if I could somehow get the right hand image slide to behind the left hand image instead of drop beneath it then I can support widths of less than 770 without the header breaking. Is there a way of doing this? TIA Richard ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] hooked floating divs
Some of the images on this page: http://www.pricklypair.co.nz/products.php vary in size a little, particularly height. Scroll down to the Climbers Vines or Perennials to see an example. All of the images are inserted in a floating div. When one of the floating divs in the line is taller than the last one on the line the next floating div seems to get hooked up on the longer one. Can anyone suggest another way of laying out the images that doesn't have this problem? TIA Richard ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] UL menu - gap and firstlink
I've changed over the menu on http://www.pricklypair.co.nz/ to an unordered
list, I'm reasonably happy with the result, it works fine in Opera, Firefox
and IE6, apart from a slight gap between the hovered link and the next menu
item's left border. I've set margin and padding to 0 on everything and that
didn't make any difference - any ideas how to remove that gap? HTML and CSS
validate ok.
Also, I've used a class 'firstlink' to remove the left border on the first
menu item - I played around with first-child but couldn't get that working
as each anchor was the first-child inside it's list item. Is what I've done
the best/only way or is there a better way.
I believe the relevant section of CSS is as follows, links to stylesheets
below
#menu{
text-align: right;
background-color: #060;
padding: 0 20px;
margin: 0;
border-bottom: solid 1px #693;
border-top: solid 1px #693;}
#menu ul {}
#menu li {
line-height: 1.8em;
padding: 0;
margin: 0;
list-style-type: none;
display: inline;}
#menu li a, #menu .thispage {
color: #f7ffeb;
text-decoration: none;
text-align: center;
border-left: solid 1px #693;
margin: 0;
padding: 0.3em 1em;}
#menu .firstlink a, #menu .firstlink .thispage {
border: none;}
#menu li a:hover, #menu li a:active {
text-decoration: underline;
background-color: #693}
Stylesheets:
http://www.pricklypair.co.nz/styles/ssbasic.css and
http://www.pricklypair.co.nz/styles/scrn_common.css
TIA
Richard
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] UL menu - gap and firstlink - fixed
Thanks Andreas, deleting the blanks between the li's fixed the problem. Thanks Bert, I've used your suggestion to decrease the spanitis and classitis. Richard ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] top of page link class not taking effect
I've added a top of page link as follows:
div class=topla href=#headerTop of page/a/div
and related CSS, as follows:
.topl {
float: right;
font-size: .75em;}
a.topl {
color: #660;
text-decoration: none;}
Everything validates (apart from an IE expression that I've removed but made
no difference) yet the topl style is ignored and the enclosing div's style
is retained. It can be viewed at http://127.0.0.1/pricklypair/index.php
Can anybody help please.
Thanks
Richard
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Re: delayed rendering of containing div's background colour
Thanks Hans. I've tried that, it didn't work unfortunately. -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]On Behalf Of Hans NilssonSent: Friday, 10 September 2004 12:06 a.m.To: [EMAIL PROTECTED]Subject: [WSG] Re: delayed rendering of containing div's background colourHey Richard!Try and remove the background-color:transparent; from the float's.. the div's default background is transparent anyways..._Hans Nilssonhttp://blog.hansnilsson.net
[WSG] delayed rendering of containing div's background colour
I have two floating divs #mainbar and #sidebar inside another div: #content.
When the page is rendered the content of the two floating divs is rendered
then the background colour of the #content div seems to roll-out. This
occurs in both IE 6 and Firefox 0.9 at dial-up speeds, Opera 7.52 is fine.
It's not a very professional looking effect. Is there something that I can
do differently to stop this? The relevant CSS is shown below. A sample page
can be found at: http://www.pricklypair.co.nz/register.php
Thanks in advance for any assistance.
Richard
/**/
/* Content*/
/**/
#content {
margin: 0;
padding: 10px 20px 20px 20px;
color: #000;
font-weight: normal;
background-color: #cc9;
border-left: solid 1px #993;
border-right: solid 1px #993;
border-bottom: solid 1px #993;}
/**/
/* Main content */
/**/
#mainbar {
float: left;
width: 66%;
padding: 0 10px 0 0;
background-color: transparent;
border-right: solid 1px #660;}
/**/
/* Side content */
/**/
#sidebar {
float: right;
width: 30%;
padding: 5px 0 5px 5px;
margin: 0 0 5px 0;
font-size: .90em;
background-color: transparent;}
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Calling all the Kiwis
http://webstandardsgroup.org/manage/index.cfm tells us that there's 11 Kiwi's. I'm just South of Auckland. Not going to WE04 unfortunately. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Martin Baylis Sent: Wednesday, 25 August 2004 7:03 p.m. To: [EMAIL PROTECTED] Subject: [WSG] Calling all the Kiwis Hey all I'd love to know the number of Kiwis on the list. Also your locations. Do we have enough Kiwis to start running some meetings of our own? I'm heading to WE04 - any other Kiwis going?? Cheers M -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of t94xr.net.nz webmaster Sent: Wednesday, 25 August 2004 6:07 p.m. To: [EMAIL PROTECTED] Subject: Re: [WSG] [OT] NZ vs Aust WE ARE NOT AUSSIES WE ARE CLEARLY DIFFERENT/SUPERIOR TO THE AUSSIES KIWI'S RULE!!! For someone to say we are one in the same, its an unsult. ___ Cameron W (aka t94xr) http://www.t94xr.net.nz/ XHTML CSS Compliant. Taupo, NZ. - Original Message - From: Mike Brown [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Wednesday, August 25, 2004 4:31 PM Subject: [WSG] [OT] NZ vs Aust Natalie Yeah, but the Kiwis are not Australians, they are New Zealanders, so Natalie we have an excuse ;p ok, I know this is waaay off-topic, and I *do* promise no more posts on it, but trash talking is trash talking :) So, to use a couple of pertinent title tags from Natalie's site http://www.pixelkitty.net/ ... No, Kiwis are not Australians - Love it or Shove it and as for Australians .. hmmm ... - all talk, no walk springs to mind :) Mike Brown (ducking and running in NZ) ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Critique please
Could you critique http://www.pricklypair.co.nz for me please. I've aimed to be standards compliant and accessible but I'm sure there's still some work to do in that area. This is my first PHP/mySQL site and there's still some work to be done around the ordering area etc, but it works pretty much the way I'd designed it to. I'd really welcome your comments. TIA Richard * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
