Re: [WSG] Footer Clear?
It looks to me like the footer is in the wrong part of the html. Find it in the html... div id="footer"pBuilding Pressure Testing | Rybka | 10 Lindsey Street | London | EC1A 9HP /p/div And then cut and paste it above the very last div in the html, so the bottom of the code looks like this... div id="footer"pBuilding Pressure Testing | Rybka | 10 Lindsey Street | London | EC1A 9HP /p/div /div /body /html I haven't tested it but that should work. Hope it works. Ryan. Ben Logan wrote: Hi folks I am having a few problems with the way my footer is sitting in Firefox: I am using some templates based on the glish 3 column fixed width template. HTML http://www.spotlessdesign.com/development/bpt/index4.html CSS http://www.spotlessdesign.com/development/bpt/css/style4.css I cannot seem to get my footer to drop down below the two news story boxes on the homepage. I have tried all manner of things including a clear fix, which is still in the css but does not seem to work. I am have also tried an invisible hr to drop it down but this does not do much either. Any thoughts would be greatly appreciated Cheers Ben ** 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] Footer Clear?
Oh yes do what this guy suggests, I thought you wanted it across the whole length of the site. Sorry about that. Hopkins Programming wrote: Take away the height restrictions on #homenewsleft and #homenewsright --Zachary On 11/16/05, *Ben Logan* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Hi folks I am having a few problems with the way my footer is sitting in Firefox: I am using some templates based on the glish 3 column fixed width template. HTML http://www.spotlessdesign.com/development/bpt/index4.html CSS http://www.spotlessdesign.com/development/bpt/css/style4.css I cannot seem to get my footer to drop down below the two news story boxes on the homepage. I have tried all manner of things including a clear fix, which is still in the css but does not seem to work. I am have also tried an invisible hr to drop it down but this does not do much either. Any thoughts would be greatly appreciated Cheers Ben ** The discussion list for http://webstandardsgroup.org/ http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- == The best way to predict the future is to invent it. [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] http://www.hopkinsprogramming.net ** 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] Fluid problems
Why does your base.css file have html in it? Adam Morris wrote: I'm having BIG problems trying to get the content of this site to be held within the image 'containers' I've used. Help me, please?! I'm beginning to lose it. Adam http://www.janelehrer.co.uk/live5 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Help with menu
I'm confused at your suggestion, why add extra markup when you just need to use the box model hack in the css http://tantek.com/CSS/Examples/boxmodelhack.html Joseph R. B. Taylor wrote: I'm not sure...about a physical reference but here's an example: http://sitesbyjoe.com/box_examples.htm It seems to work flawlessly, and its simplicity makes me feel good about using this approach. It also frees me from having to stick hacks in to try and please the browsers. Joe Taylor http://sitesbyjoe.com James O'Neill wrote: Joseph: Interesting. Do you have something that I can reference for this? Thierry: I will take a look at that tonight. Thanks guys! On 11/15/05, * Joseph R. B. Taylor* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: As a reminder, at this point you cannot safely apply widths to any elements that have a border, padding or a margin. In the case you need to apply width adn one of the others mentioned, safest best is to insert a nested div/span with the padding applied etc to break it up. This has long since been a point of confusion for many people, and this simple remedy (although in the long term not the best) proves most effective with todays browsers. Joe Taylor http://sitesbyjoe.com Thierry Koblentz wrote: James O'Neill wrote: I am having problems with a menu that is similar to the Alistapart's hybrid menu. I can not get the width to be consistantly even with the rest of the site and it is not workig in IE or Opera. It works fine in Firebird. I have been beating my head against this for quite a long time. It seems that absolutely positioned widths do not behave as I expect them. Oi! http://twitch.sharkpork.com/_work/Freedom/ Help me Obi-wan you are my only hope Did you give this one a try? http://www.tjkdesign.com/articles/dropdown/demo.asp http://www.tjkdesign.com/articles/dropdown/demo.asp It is a bit moe accessible. Thierry | www.TJKDesign.com http://www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- __ Bugs are, by definition, necessary. Just ask Microsoft! www.co.sauk.wi.us http://www.co.sauk.wi.us (Work) www.arionshome.com http://www.arionshome.com (Personal) www.freexenon.com http://www.freexenon.com (Consulting) __ Take Back the Web with Mozilla Fire Fox http://www.getfirefox.com Making a Commercial Case for Adopting Web Standards http://www.maccaws.org/ http://www.maccaws.org/ Web Standards Project http://www.webstandards.org/ Web Standards Group http://www.webstandardsgroup.org/ Guild of Accessible Web Designers http://www.gawds.org/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Help with menu
Hmmm I disagree, with the hack you can change it from the one css file in the future, with your method you add unnecessary markup to the xhtml. I'd rather use a hack than have bloated markup. (Although these days I use the conditional comment to separate out style sheets when needed which results in no bloated markup and no hacks.) Charlie Bartlett wrote: Because it is a hack, I tend to use the same technique as Joesph, I think its best to avoid hacks wherever possible. Charlie http://www.bartlettdesign.co.uk On 11/15/05, The Visual Process [EMAIL PROTECTED] wrote: I'm confused at your suggestion, why add extra markup when you just need to use the box model hack in the css http://tantek.com/CSS/Examples/boxmodelhack.html Joseph R. B. Taylor wrote: I'm not sure...about a physical reference but here's an example: http://sitesbyjoe.com/box_examples.htm It seems to work flawlessly, and its simplicity makes me feel good about using this approach.It also frees me from having to stick hacks in to try and please the browsers. Joe Taylor http://sitesbyjoe.com James O'Neill wrote: Joseph: Interesting. Do you have something that I can reference for this? Thierry: I will take a look at that tonight. Thanks guys! On 11/15/05, * Joseph R. B. Taylor* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: As a reminder, at this point you cannot safely apply widths to any elements that have a border, padding or a margin.In the case you need to apply width adn one of the others mentioned, safest best is to insert a nested div/span with the padding applied etc to break it up. This has long since been a point of confusion for many people, and this simple remedy (although in the long term not the best) proves most effective with todays browsers. Joe Taylor http://sitesbyjoe.com Thierry Koblentz wrote: James O'Neill wrote: I am having problems with a menu that is similar to the Alistapart's hybrid menu. I can not get the width to be consistantly even with the rest of the site and it is not workig in IE or Opera. It works fine in Firebird. I have been beating my head against this for quite a long time. It seems that absolutely positioned widths do not behave as I expect them. Oi! http://twitch.sharkpork.com/_work/Freedom/ "Help me Obi-wan you are my only hope" Did you give this one a try? http://www.tjkdesign.com/articles/dropdown/demo.asp http://www.tjkdesign.com/articles/dropdown/demo.asp It is a bit moe accessible. Thierry | www.TJKDesign.com http://www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- __ "Bugs are, by definition, necessary. Just ask Microsoft!" www.co.sauk.wi.us http://www.co.sauk.wi.us (Work) www.arionshome.com http://www.arionshome.com (Personal) www.freexenon.com http://www.freexenon.com (Consulting) __ Take Back the Web with Mozilla Fire Fox http://www.getfirefox.com Making a Commercial Case for Adopting Web Standards http://www.maccaws.org/ http://www.maccaws.org/ Web Standards Project http://www.webstandards.org/ Web Standards Group http://www.webstandardsgroup.org/ Guild of Accessible Web Designers http://www.gawds.org/ ** The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] news scroller and standards
As pointed out already there are plenty of Javascript options which are standards compliant, try google. However scrollers look horrible, you may want to go for something like they have one the bbc news website, http://news.bbc.co.uk/ (see LATEST:) not only is it easier to read than scrolling text it looks better overall. Giles Clark wrote: I have a client who is insisting on having a newscroller on his front page. While there are many options, Java, Flash, DHTML, open to me to fulfil the scroller request I just wondered what anyone felt was the most standards compatible solution? Many thanks ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] horizontal scroll on menu
You could try adding overflow: hidden; to .navcontainer ul which removes the horizontal scrollbar for me, not tested in IE only firefox. Hope thats of use. kvnmcwebn wrote: Hello, A client has requested that a long menu be contained in a fixed hieght situation with a vertical scroll bar. Im doing a test with code from the list o matic site. Heres an example. http://www.mcmonagle.biz/otinavtest.htm the problem is that its hard to loose the horizontal scroll bar and get right to the edge of the list blocks. Especially in fire fox. I would prefer to keep the styled borders so i need a fix. my question: Is there anyway to fool browsers into "thinking" that the list container and/or list blocks are narrower than they are? -best kevin ** 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] safari, png, and me
You may have seen it but this has some detailed info:
http://hsivonen.iki.fi/png-gamma/
Ted Drake wrote:
Safari has been a source of four-letter words grumbled in a low voice from
me for a while. I don't use it as my test machine and so I lack the intimate
knowledge of its color rendering behavior. However, I have noticed a
difference in Safari with background colors and was hoping someone on this
list could clue me in on what is happening.
Here's the example:
To test alpha transparencies on a project, I created two divs, each has a
background color and an image floated to the top right.
One, the control, has a background color that is identical to the background
color in the image (non-transparent png). The background of the image has a
rounded corner and the object in the image has a drop shadow against the
flat color. This should create a seamless transition, as it does in FF.
The other div uses the same background color but also uses the rounded
corner background from the main image as a background image in the top
right. The new image is floated to the top right and is an alpha transparent
png with drop shadow.
Now, I was expecting the first div to be seamless and as my experience in
the past has shown, I expected the second div to have a different background
color under the image. Imagine my surprise when both had mismatching
background colors!
Here's the simple CSS
div { width:400px; background-color:#FF9B09; border-top:5px solid
#fff;float:left; margin:5px;}
div img {float:right; margin-top:-5px;}
#transparent {background:#FF9B09 url(test-bg.png) no-repeat 100% -5px;}
The simple HTML
div id=nontransparentimg src=test.png //div
div id=transparentimg src=test-trans.png //div
So, do you see anything wrong? Normally, I always put my color-codes in
lowercase letters. I copied and pasted the hex code from Fireworks, the
program I used to create the test images.
What type of alpha transparency is best when optimizing graphics? Should it
be websnap adaptive? Exact?
Thanks
Ted Drake
Front-end Engineer
Yahoo!
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
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] CSS and PHP
I'm not clued up on php or mySQL but if you use amersands then you need to display it as such amp; otherwise it wont validate. designer wrote: H All, I've been having a little bother with validation of my PHP generated pages. I'm new to PHP/mySQL and I'm finding that some peculiar things happen, such as /body and /html appear in the middle of the code. (???) Also, I find that submitting a URL such as: $myurl="testdate.php?houseID=$housenamechangeID=$changeover"; causes problems in that the generated pages don't validate: the ampersands seem to confuse the validator. Are these problems common, and is there somewhere I can find advice on such things? Or am I overtired and making a mess of things? Any help gratefully received!
Re: [WSG] Video of Screen Reader Use?
If you want to appeal to their emotions you may want to have them try this demo site http://www.drc-gb.org/newsroom/website1.asp Its no video but gives them a damn good idea of what its like. At the left are the online demos and at the bottom left is a SR demo. Joseph Lindsay wrote: Does anybody have, or know of any video of users on the Internet with a screen reader? While managers listen to the arguments about accessibility, I would like to appeal to their emotions as well. It is much easier to empathise with a person, than facts and figures. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
