[WSG] Search Engines and CSS
Hey all, Does anyone have a definitive answer on whether search engines take any notice of CSS? We have known for a long time that is you have a text coloured the same as its background then search engines will consider this as an attempt to fool them, and lower your pages ranking... but what about doing the same thing with CSS? There would be so many ways to hide text with css, setting display to none, setting the background colour, pushing the padding up so the text gets pushed out of the element, etc... Someone could develop their page full of H1's with dodgy keywords, and simply not display the content of those H1's. We are always told the search engines pay respect to markup, so then this H1 content would be given high relevance. I've been searching around for an answer to this and many people are saying 'maybe' Google does read your css. Does anyone know this for a fact? thanks all, bye! --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** 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] Indented text
OK here's the thing... I want to put an image on the left of some text, and have the text not wrap back under the image after it goes past it. Here is an example, if you imagine my image being where the XX's are. xxx My text is here xxx and the sentence continues xxx longer and longer and stays at the same indent no matter how long it gets I've done this quite simply in Internet Explorer by putting the text in a 'display:inline-block;' span, but this display type is not supported on FireFox. Is there a cross platform way of achieving this without resorting to the dreaded table? thanks! --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** 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] Image replacement and printing
Hi all, We've just been investigating using Fahrner Image Replacement, or one of its more accessibility friendly derivatives, when we came across the problem of printing. It seems that in IE the default option is to not print background images and colours. So a person printing our web page will not be getting any of the headings that have been replaced with images. Has anyone found a solution to this? I really like the idea of specifying heading text in a Hx tag and replacing it for the user, but most clients aren't going to go for it if the user has to fiddle with their settings to get it to print. thanks, bye... --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** 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] Heading without line break
Heya? How would I tell a stylesheet to not put a line break at the end of an Hx tag? e.g. h3My heading/h3 and some more text. I want the words and some more text. to appear on the same line. How would I do this? thanks, bye! --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** 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] Text wrapping and background images
Hi all, me again... Strange problem with text wrapping and background images here: http://www.newgency.com/ryans/test/test.html I'm trying to get the 'read more' graphic to always sit at the right of the 'Read more' text. In Firefox this works fine, but in IE, when the 'Read more' text wraps, the position of the graphic gets mucked up and it either appears in the wrong place, or disappears entirely. To see this happen, open up the above link in IE, then play with the size of the browser window until the words 'Read more' gets popped to the next line. You'll see the arrow disappear. Is there any way to make this work correctly across browsers? or will I have to give up on using css to put that image there. The style info is in the same file if you want to View Source. bye! BTW, thanks for all your help lately folks, much appreciated. I hope to return the favour sometime soon. --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** 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] Forms using CSS
Hi all, Are there any good guides around to styling form elements using CSS? The issue right now is that I want to know how far I can go with formatting groups of checkboxes without using tables, but I'm sure I'll have more questions soon... thanks, bye! --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** 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] setting height of a 'li' element
Hi all, I'm trying to debug some display issues I'm having between IE and Firefox. I'm trying to build a horizontal nav with a background image in each list item to give the appearance of tabs. All was going well in IE, but when I tried it in Firefox, I couldn't get the height of the LI elements to equal the height of the UL element, so it wasn't showing the full background image in Firefox. I've whittled it down to this simple demo: http://www.newgency.com/test/csstest.htm I've got black borders around the UL and LI elements. In Firefox you can see that the LI elements do not fill the vertical space inside the UL elements. Can someone tell me why this is happening? I've put the style info in the same file as the HTML to make it easier to debug. thanks, bye! --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** 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] Advice on updating a site
Hi all, Sometime in the near future, I will be embarking on the ambitious project to convert this site: http://www.essentialbaby.com.au/CFForum/ To a CSS based layout. Be warned, viewing the source of that may cause blindness and/or temporary insanity... suffice to say it was handed to us by a previous developer... When you look at that home page, and maybe 1 or 2 of the forum index pages, does that say 'table' based layout to you? Or would it make more sense to find a way to represent the main pages without using tables. To me that looks like a table, but I haven't been doing this for that long and you guys might have a different perspective on it. thanks, bye! --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** 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] Slow loading of CSS
Hi all, Its great that more and more people are fully laying out their sites using CSS, but I'm often seeing the problem where the HTML loads before the CSS, leaving a second or so where you can see the raw structure of the site before it gets the stylesheet applied. For example: http://www.comedyfestival.com.au/raw/2005/index.php (Not a site I have anything to do with BTW, just one I came across tonight) This is a fairly simple site, and the developer has done well to build it using CSS, but when I view it using Internet Explorer I'm seeing the raw HTML for about a second before the CSS gets loaded. This can be confusing to the end user, as it almost looks like you are being redirected through another page. On the machine I'm on right now I don't have any other browsers to try it on, but does this problem happen with other browsers? Is there a way to avoid it when the site is browsed using IE? thanks, bye! ** 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] Table with alternating row colours
Hey all, I'm interested to hear what WSGers think is the best way to implement alternating row colours in a table. From what I can see there is no way to do this using CSS alone, all the methods I've seen use either JavaScript or server side logic to generate the row colours. Is this a limitation of the CSS model that you can't do this? Is there a logical way this can be incorporated into CSS? thanks all, bye! --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** 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[2]: [WSG] Table-style admin layouts
RF I vote for it's tabular data - use a table. Cool, thought so... I was thinking that because it was more a navigation device to edit items, rather than a display of tabular information, it would be better implemented a different way. at the end of the day its just a table I guess. thanks! You'll be hearing from me again... --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **