RE: [WSG] Could really use some help with image overflow
Hi all, I have had to change the url to: http://compassdesigns.net/joomlashack/slideproblem.html Barrie -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Barrie North Sent: Wednesday, December 21, 2005 1:36 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Could really use some help with image overflow Thanks for all the replies guys, "In my banners/headers I almost always use background image...alternative is a % width." I need to do it as an image in the xhtml rather than css, it's a restriction of the CMS I am using "it would help to clean it up before seeking advice" Lol, all the main rules are now embedded. The extra sheet was just a production sheet I use. "If you want the nifty rounded edges to remain" The image could be square cornered. I just need it to slide under the newsflash background. I have cut down the page to bare minimum that shows the problem... http://www.compassdesigns.net/joomlashack/ thanks for the help so far, keep it coming! Barrie ** 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] Could really use some help with image overflow
Thanks for all the replies guys, "In my banners/headers I almost always use background image...alternative is a % width." I need to do it as an image in the xhtml rather than css, it's a restriction of the CMS I am using "it would help to clean it up before seeking advice" Lol, all the main rules are now embedded. The extra sheet was just a production sheet I use. "If you want the nifty rounded edges to remain" The image could be square cornered. I just need it to slide under the newsflash background. I have cut down the page to bare minimum that shows the problem... http://www.compassdesigns.net/joomlashack/ thanks for the help so far, keep it coming! Barrie ** 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] Could really use some help with image overflow
Barrie North wrote: http://www.compassdesigns.net/joomlashack/ #headerbanner must be restyled so its width is reduced when the page-width is, for 'overflow: hidden' to work as intended. A set 'width: 717px;' will keep it at that width, no matter what. Too many conflicting styles and element-relations in the page as a whole to make scaling work reliable now, so you'll have to trim it up a bit first. Georg -- http://www.gunlaug.no ** 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] Could really use some help with image overflow
I started to look at your CSS but got lost in all of the empty rules. I realize you are using a template css file, it would help to clean it up before seeking advice. Not a rant, just a suggestion. I first thought that you might want to add a percentage based width to the image, but that would distort it. I then thought you could add a background color to the paragraph. It seems to have a transparent background that allows the image to sneak past. But that is just a bandaid. If you want the nifty rounded edges to remain, perhaps you could use the png/z-index method on allthatmalarkey.co.uk or is it com? You could have a white mask that sits on top of the header image, as the page is made smaller, the mask would move on top of the banner image. Try putting the image in the CSS, you can control it better (background image). Ted From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Barrie North Sent: Wednesday, December 21, 2005 8:46 AM To: wsg@webstandardsgroup.org Subject: [WSG] Could really use some help with image overflow Hi all, I have a fluid layout and for the life of me can’t get the image to be “cropped” as the screen adjusts. Here is the link: http://www.compassdesigns.net/joomlashack/ If you resize the window the image will stay on top. I have played with z-index, overflow:hidden. I can’t for the life of me get this to work. Anyone fancy jumping in and pointing out the obvious thing I am missing J ? Barrie North
Re: [WSG] Could really use some help with image overflow
Barrie North wrote: Hi all, I have a fluid layout and for the life of me can’t get the image to be “cropped” as the screen adjusts. Here is the link: http://www.compassdesigns.net/joomlashack/ If you resize the window the image will stay on top. I have played with z-index, overflow:hidden. I can’t for the life of me get this to work. Anyone fancy jumping in and pointing out the obvious thing I am missing J ? Barrie North Personally, I would make the image the background of the header div. It doesn't add anything but aesthetics and isn't required for a person to understand the page or the content. All the best, Jay
Re: [WSG] Could really use some help with image overflow
In my banners/headers I almost always use background image...alternative is a % width. Or am I missing something/being dumb? Bruce Prochnau BKDesign Solutions - Original Message - From: Barrie North To: wsg@webstandardsgroup.org Sent: Wednesday, December 21, 2005 11:46 AM Subject: [WSG] Could really use some help with image overflow Hi all, I have a fluid layout and for the life of me cant get the image to be cropped as the screen adjusts. Here is the link: http://www.compassdesigns.net/joomlashack/ If you resize the window the image will stay on top. I have played with z-index, overflow:hidden. I cant for the life of me get this to work. Anyone fancy jumping in and pointing out the obvious thing I am missing J ? Barrie North
Re: [WSG] Could really use some help with image overflow
I haven't looked at the code but overflow:hidden wil give you the effect you are looking for!On 12/21/05, Barrie North < [EMAIL PROTECTED]> wrote: Hi all, I have a fluid layout and for the life of me can't get the image to be "cropped" as the screen adjusts.Here is the link: http://www.compassdesigns.net/joomlashack/ If you resize the window the image will stay on top. I have played with z-index, overflow:hidden. I can't for the life of me get this to work. Anyone fancy jumping in and pointing out the obvious thing I am missing J ? Barrie North -- __"Bugs are, by definition, necessary. Just ask Microsoft!"www.co.sauk.wi.us (Work)www.arionshome.com (Personal)www.freexenon.com (Consulting)__Take Back the Web with Mozilla Fire Fox http://www.getfirefox.comMaking a Commercial Case for Adopting Web Standardshttp://www.maccaws.org/Web Standards Project http://www.webstandards.org/Web Standards Grouphttp://www.webstandardsgroup.org/Guild of Accessible Web Designers http://www.gawds.org/
[WSG] Could really use some help with image overflow
Hi all, I have a fluid layout and for the life of me can’t get the image to be “cropped” as the screen adjusts. Here is the link: http://www.compassdesigns.net/joomlashack/ If you resize the window the image will stay on top. I have played with z-index, overflow:hidden. I can’t for the life of me get this to work. Anyone fancy jumping in and pointing out the obvious thing I am missing J ? Barrie North