[WSG] Strange problem
Good Morning All, (well, it is here), I have recently started the conversion of a site (www.sheltielife.co.uk - actually my wife's) to XHTM/CSS and I thought it was fine. It all validates etc (apart from the frameset and a teeny bit of Flash:-) and I've tested it in FF, IE5.5 and 6, Opera 7, Mozilla - and it seems to work OK (windows XP). However, one lady has contacted my wife because she 'can't see the gallery'. She has tried over 2-3 days but fails consistently. The rest of the site is no problem. Unfortunately, she doesn't know what her PC is, her browser, or anything else 'technical', so it's hard to know if she is doing/using something peculiar, or indeed if there is a real problem here. So, could anyone with a MAC, or anything else which isn't winXP, have a look and see please? And if you find anything, tell me what is wrong? The actual problem page (s) can be seen at [1] and the css at [2] [1] http://www.gwelan.fsnet.co.uk/gallery/galleryone.html [2] http://www.gwelan.fsnet.co.uk/CSSfiles/gallery.css (or, of course, you can just go to the domain link above and select 'gallery' Many thanks. Bob McClelland, Cornwall (U.K.) www.gwelanmor-internet.co.uk ** 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] Image at the bottom of a column
Thanks Pix, it works finally :) but i replace the top: -190px; with margin-top: -190px; El mié, 09-03-2005 a las 17:56, pixeldiva escribió: On Wed, 09 Mar 2005 16:23:56 +0100, Carlos Rincon Sanchez [EMAIL PROTECTED] wrote: Hi all, I need to put an image at the bottom of a column. The web page has 3 colored columns using this: http://www.redmelon.net/tstme/3cols2/ I need something like this: http://www.neuroticweb.com/imagenes/pantallazo.gif Anyone knows how to make it? First we tried to put the image in the footer and then putting a margin-top negative. It works with firefox but it doesn't with iexplorer. You might find this - http://www.positioniseverything.net/piefecta-rigid.html - helpful. Cheers, pix http://www.pixeldiva.co.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Carlos Rincón Sanchez [EMAIL PROTECTED] Neurotic, SCP - www.neuroticweb.com Tel: 938 492 028 | Fax: 938 403 568 C\Can Cabatx s/n 08520 Les Franqueses del Valles ** 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] Strange problem
Hi Bob, i already had this problem with a website that i did. Somethin useful to avoid this kind of problema, you did wery well. You Validated the code. But sometimes, some browser or some OS may recognize the XHTML in differents views. I recommend you use a toll pretty useful tho hard times like that. Try: http://www.browsercam.com/default.aspx There, you can see through snapshots, you site in different OS and browser. best regards, Genau L. Jr WebDesigner/Media Developer www.meucarronovo.com.br designer wrote: Good Morning All, (well, it is here), I have recently started the conversion of a site (www.sheltielife.co.uk - actually my wife's) to XHTM/CSS and I thought it was fine. It all validates etc (apart from the frameset and a teeny bit of Flash:-) and I've tested it in FF, IE5.5 and 6, Opera 7, Mozilla - and it seems to work OK (windows XP). However, one lady has contacted my wife because she 'can't see the gallery'. She has tried over 2-3 days but fails consistently. The rest of the site is no problem. Unfortunately, she doesn't know what her PC is, her browser, or anything else 'technical', so it's hard to know if she is doing/using something peculiar, or indeed if there is a real problem here. So, could anyone with a MAC, or anything else which isn't winXP, have a look and see please? And if you find anything, tell me what is wrong? The actual problem page (s) can be seen at [1] and the css at [2] [1] http://www.gwelan.fsnet.co.uk/gallery/galleryone.html [2] http://www.gwelan.fsnet.co.uk/CSSfiles/gallery.css (or, of course, you can just go to the domain link above and select 'gallery' Many thanks. Bob McClelland, Cornwall (U.K.) www.gwelanmor-internet.co.uk ** 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] Strange problem
designer schrieb: www.sheltielife.co.uk ... However, one lady has contacted my wife because she 'can't see the gallery'. She just can't access your left frame when javascript is disabled. In FF, choose Tools/Options/Content/, and disable JavaScript, to see. I think this is a problem of your frame design. Regards, Ingo ** 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] Strange problem
Thanks Ingo, but she can see ALL the rest of the site, so it can't be that! Much obliged, Bob - Original Message - From: Ingo Chao [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Thursday, March 10, 2005 12:15 PM Subject: Re: [WSG] Strange problem designer schrieb: www.sheltielife.co.uk ... However, one lady has contacted my wife because she 'can't see the gallery'. She just can't access your left frame when javascript is disabled. In FF, choose Tools/Options/Content/, and disable JavaScript, to see. I think this is a problem of your frame design. Regards, Ingo ** 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 **
[WSG] Liquid layout with fixed width elements
Hi all, I've done some research on this and can't quite come up with a viable solution. What I have is this: a header, main content, side content 1, side content 2, and footer. The side contents are fixed with. The header, main, and footer are liquid. This is the way the markup flows in the document as well. What I'd like to do is figure out how to make several liquid layouts without changing the markup. I want one where if you look at the page, you see (from left to right): side content 1 then main. Another where main comes before side content 1. Another where it shows side content 1, main, side content 2. (Header and footer come before and after respectively like normal) I've been able to achieve this just fine with fixed layouts using the same markup with no problems and it works in all common browsers on Win/Mac. My question to all of you is, is this possible to do with liquid layouts? If so, how? If not, what would I need to make it work with liquid layouts? Any help is appreciated. Nicholas Rougeux art, the web, and everything in between http://www.c82.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] Liquid layout with fixed width elements
[EMAIL PROTECTED] wrote: I've done some research on this and can't quite come up with a viable solution. What I have is this: a header, main content, side content 1, side content 2, and footer. The side contents are fixed with. The header, main, and footer are liquid. Infrequent is a page with fixed width sides that doesn't break badly when zoomed. How badly they break varies according to zoom level and how big the text was to start with, but typically content overflows onto the center, causing overlapping text. Why do you think the sides need to be fixed width? -- In everything, do to others what you would have them do to you. Matthew 7:12 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ ** 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] Strange problem
Alright, I tested it in IE5/Mac, Safari, Firefox and Opera and they all turned up content. Seeing as she doesn't know what system she's on, I'd very much doubt she's running anything besides Mac or PC. Linux users tend to know they are running linux :-) It could have to do with this bit of CSS: #leftcolumn { width : 350px; float : left; } #rightcolumn { width : 350px; float : right;} You don't need to float both items, just one or the other. I think in some browsers (NN4 perhaps?) it just totally destroys that. It figures if both items are floated there is nothing for them to float against. Try experimenting with that snippet. On Thu, 10 Mar 2005 12:39:24 -, designer [EMAIL PROTECTED] wrote: Thanks Ingo, but she can see ALL the rest of the site, so it can't be that! Much obliged, Bob - Original Message - From: Ingo Chao [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Thursday, March 10, 2005 12:15 PM Subject: Re: [WSG] Strange problem designer schrieb: www.sheltielife.co.uk ... However, one lady has contacted my wife because she 'can't see the gallery'. She just can't access your left frame when javascript is disabled. In FF, choose Tools/Options/Content/, and disable JavaScript, to see. I think this is a problem of your frame design. Regards, Ingo ** 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 ** -- Jalenack.com ** 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] centering floats?
I have a bunch of boxes that are all a fixed width and a fixed height. I have them floated in a containiner so that they lineup nicely into rows. However, I want them centered so that when I only have one or two they'll be, well, in the center. There's no float:center as far as I know, but is there some other way to achive this? I can't make them inline elements because then i'll lose the fixed height and width, and if I make them display:block then they won't line up in the rows. Alan Trick ** 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] Liquid layout with fixed width elements
Here's a way that would work on most browsers. The middlestuff div isn't mandatory, but it is usefull if you want to have a background, if you don't use middlestuff then you'll have to use #footer{clear:both} . HTML: div id='header'/div div id='middlestuff' div id='leftbar'/div div id='rightbar'/div div id='content'/div /div div id='footer'/div CSS: for all #middlestuff{overflow:auto} for leftbar | content | rightbar: #leftbar{float:left;width:10em} #rightbar{float:right;width:12em} #content{margin:0 12em 0 10em;} for leftbar | rightbar| content : #leftbar{float:left;width:10em} #rightbar{float:left;width:12em} #content{margin:0 0 0 22em;} for content | rightbar| leftbar : #leftbar{float:right;width:10em} #rightbar{float:right;width:12em} #content{margin:0 22em 0 0;} if you want content | leftbar | rightbar or rightbar| leftbar | content you'll have to use absolute positioning (I think) which would screw up your footer [EMAIL PROTECTED] wrote: Hi all, I've done some research on this and can't quite come up with a viable solution. What I have is this: a header, main content, side content 1, side content 2, and footer. The side contents are fixed with. The header, main, and footer are liquid. This is the way the markup flows in the document as well. What I'd like to do is figure out how to make several liquid layouts without changing the markup. I want one where if you look at the page, you see (from left to right): side content 1 then main. Another where main comes before side content 1. Another where it shows side content 1, main, side content 2. (Header and footer come before and after respectively like normal) I've been able to achieve this just fine with fixed layouts using the same markup with no problems and it works in all common browsers on Win/Mac. My question to all of you is, is this possible to do with liquid layouts? If so, how? If not, what would I need to make it work with liquid layouts? Any help is appreciated. Nicholas Rougeux art, the web, and everything in between http://www.c82.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 ** ** 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] Liquid layout with fixed width elements
[EMAIL PROTECTED] wrote: Hi all, I've done some research on this and can't quite come up with a viable solution. What I have is this: a header, main content, side content 1, side content 2, and footer. The side contents are fixed with. The header, main, and footer are liquid. This is the way the markup flows in the document as well. What I'd like to do is figure out how to make several liquid layouts without changing the markup. I want one where if you look at the page, you see (from left to right): side content 1 then main. Another where main comes before side content 1. Another where it shows side content 1, main, side content 2. (Header and footer come before and after respectively like normal) I've been able to achieve this just fine with fixed layouts using the same markup with no problems and it works in all common browsers on Win/Mac. My question to all of you is, is this possible to do with liquid layouts? If so, how? If not, what would I need to make it work with liquid layouts? Hi [EMAIL PROTECTED], have you seen my Flexible Layout[1]? I have used a few additional divs and negative margins to get the result. [1] http://www.webproducer.at/flexible-layout/ Tonico ** 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] centering floats?
On Thu, 10 Mar 2005 14:44:39 -0500, Alan Trick [EMAIL PROTECTED] wrote: I have a bunch of boxes that are all a fixed width and a fixed height. I have them floated in a container so that they lineup nicely into rows. However, I want them centered so that when I only have one or two they'll be, well, in the center. There's no float:center as far as I know, but is there some other way to archive this? I can't make them inline elements because then i'll lose the fixed height and width, and if I make them display:block then they won't line up in the rows. Alan Trick You could center the container holding the floats using margin auto; however, you would not be able to center the floats within that container-- it's pick your poison, either float them left, or float them right. Best, ~david -- de gustibus non est disputandum http://www.dlaakso.com/ ** 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] standards, compliance and forms...
On Thu, 10 Mar 2005 13:50:26 -0700, Devendra Shrikhande Would welcome suggestions from the list on links that have tutorials that explain how to build accessible and standards compliant online forms. http://www.webstandards.org/learn/tutorials/accessible-forms/01-accessible-forms.html Here you are. -- Lukasz Grabun http://www.grabun.com/ ** 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] centering floats?
Centering the containiner is meaningless though if it doesn't have a fixed width (that's smaller than it's container), and if it does have a fixed width, than it ruins the whole point of the thing, to allow the boxes to flow depending on the size of the container. I guess i'll just have to float to the left. David Laakso wrote: On Thu, 10 Mar 2005 14:44:39 -0500, Alan Trick [EMAIL PROTECTED] wrote: I have a bunch of boxes that are all a fixed width and a fixed height. I have them floated in a container so that they lineup nicely into rows. However, I want them centered so that when I only have one or two they'll be, well, in the center. There's no float:center as far as I know, but is there some other way to archive this? I can't make them inline elements because then i'll lose the fixed height and width, and if I make them display:block then they won't line up in the rows. Alan Trick You could center the container holding the floats using margin auto; however, you would not be able to center the floats within that container-- it's pick your poison, either float them left, or float them right. Best, ~david ** 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] standards, compliance and forms...
Thanks Patrick and Lukasz ¤ devendra ¤ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Lukasz Grabun Sent: Thursday, March 10, 2005 2:05 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] standards, compliance and forms... On Thu, 10 Mar 2005 13:50:26 -0700, Devendra Shrikhande Would welcome suggestions from the list on links that have tutorials that explain how to build accessible and standards compliant online forms. http://www.webstandards.org/learn/tutorials/accessible-forms/01-accessible-forms.html Here you are. -- Lukasz Grabun http://www.grabun.com/ ** 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] naughty horizontal unformatted list in OSX IE 5.2 - Mac-addicts needed!
I've got a horizontal link bar on my site, http://www.hopkinsprogramming.net/, it works fine in IE 5 on Mac. Try adding *float:left* to the navigation items. --Zachary Miles Tillinger wrote: Hi all, I've managed to get this horizontal menu working in most browsers that it needs to, but IE 5.2 on OSX is being painful (not surprisingly). The original HTML was provided by another designer who seemed to build standard-compliant sites differently to me so I've changed most of the menus to use unformatted lists. The Top Menu list refuses to go horizontal, instead it just stacks the list items. Also the links don't even work! A nested list is supposed to popup when hovering over 'Components', however I expected that to be a problem. Example page http://career.uat.edna.edu.au/career/Jahia/news CSS http://career.uat.edna.edu.au/styles/acdsScreen.css I'm running out of hair trying to get a nice solution, so before I give in and use a hack to hide the styles from OSX IE 5.2, has anyone been able to fix a similar problem? Regards, Miles Tillinger Senior Technical Officer education.au limited 178 Fullarton Road Dulwich SA 5065 Ph. (08) 8334 3247 Fax. (08) 8334 3211 Email: [EMAIL PROTECTED] Please visit our websites: http://www.edna.edu.au/ http://www.educationau.edu.au/ Building and managing online information services and knowledge networks ** 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 best way to predict the future is to invent it. [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] naughty horizontal unformatted list in OSX IE 5.2 - Mac-addicts needed!
Hi Zachary, I'll take a better look at your link bar and see if I can work out why yours works and my doesn't... thanks :) nb. In my CSS, the LI's are floated left and it doesn't seem to help... Regards, Miles. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Zachary Hopkins Sent: Friday, 11 March 2005 10:54 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] naughty horizontal unformatted list in OSX IE 5.2 - Mac-addicts needed! I've got a horizontal link bar on my site, http://www.hopkinsprogramming.net/, it works fine in IE 5 on Mac. Try adding *float:left* to the navigation items. --Zachary Miles Tillinger wrote: Hi all, I've managed to get this horizontal menu working in most browsers that it needs to, but IE 5.2 on OSX is being painful (not surprisingly). The original HTML was provided by another designer who seemed to build standard-compliant sites differently to me so I've changed most of the menus to use unformatted lists. The Top Menu list refuses to go horizontal, instead it just stacks the list items. Also the links don't even work! A nested list is supposed to popup when hovering over 'Components', however I expected that to be a problem. Example page http://career.uat.edna.edu.au/career/Jahia/news CSS http://career.uat.edna.edu.au/styles/acdsScreen.css I'm running out of hair trying to get a nice solution, so before I give in and use a hack to hide the styles from OSX IE 5.2, has anyone been able to fix a similar problem? Regards, Miles Tillinger Senior Technical Officer education.au limited 178 Fullarton Road Dulwich SA 5065 Ph. (08) 8334 3247 Fax. (08) 8334 3211 Email: [EMAIL PROTECTED] Please visit our websites: http://www.edna.edu.au/ http://www.educationau.edu.au/ Building and managing online information services and knowledge networks ** 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 best way to predict the future is to invent it. [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 ** ** 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] naughty horizontal unformatted list in OSX IE 5.2 - Mac-addicts needed!
Here's a quick reference to the css for my nav bar: ul.navigation{margin:0;padding:0;border-style:none;border-width:0;display:table-cell;} li.navigation{display:block;float:left;text-align:center;padding:0 3px 0 3px;margin:0;font-size:120%;font-weight:bold;} Such as, ul class=navigation li class=navigationa.../a/li li class=navigationa.../a/li /ul It's probably a combination of things, like float:left and display:block. --Zachary Miles Tillinger wrote: Hi Zachary, I'll take a better look at your link bar and see if I can work out why yours works and my doesn't... thanks :) nb. In my CSS, the LI's are floated left and it doesn't seem to help... Regards, Miles. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Zachary Hopkins Sent: Friday, 11 March 2005 10:54 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] naughty horizontal unformatted list in OSX IE 5.2 - Mac-addicts needed! I've got a horizontal link bar on my site, http://www.hopkinsprogramming.net/, it works fine in IE 5 on Mac. Try adding *float:left* to the navigation items. --Zachary Miles Tillinger wrote: Hi all, I've managed to get this horizontal menu working in most browsers that it needs to, but IE 5.2 on OSX is being painful (not surprisingly). The original HTML was provided by another designer who seemed to build standard-compliant sites differently to me so I've changed most of the menus to use unformatted lists. The Top Menu list refuses to go horizontal, instead it just stacks the list items. Also the links don't even work! A nested list is supposed to popup when hovering over 'Components', however I expected that to be a problem. Example page http://career.uat.edna.edu.au/career/Jahia/news CSS http://career.uat.edna.edu.au/styles/acdsScreen.css I'm running out of hair trying to get a nice solution, so before I give in and use a hack to hide the styles from OSX IE 5.2, has anyone been able to fix a similar problem? Regards, Miles Tillinger Senior Technical Officer education.au limited 178 Fullarton Road Dulwich SA 5065 Ph. (08) 8334 3247 Fax. (08) 8334 3211 Email: [EMAIL PROTECTED] Please visit our websites: http://www.edna.edu.au/ http://www.educationau.edu.au/ Building and managing online information services and knowledge networks ** 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 best way to predict the future is to invent it. [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 ** ** 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 best way to predict the future is to invent it. [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 **