RE: [WSG] css Help Please

2009-01-12 Thread michael.brockington
Marvin, It is a little hard for us to help you when you do not include the offending source code. Regards, Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Marvin Hunkin Sent: 12 January 2009 01:37 To: wsg@webstandardsgroup.org

Re: [WSG] css Help Please

2009-01-12 Thread David Hucklesby
On Mon, 12 Jan 2009 12:37:29 +1100, Marvin Hunkin wrote: Hi. got these three errors. but cannot seem to fix them. can you help. cheers Marvin. W3C CSS Validator results for file://localhost/C:\DOCS\MarvinsWebsite\styles.css (CSS level 2.1) Sorry! We found the following errors (3) URI :

Re: [WSG] css Help Please

2009-01-12 Thread Lea de Groot
On 12/01/2009, at 11:37 AM, Marvin Hunkin wrote: Sorry! We found the following errors (3) URI : file://localhost/C:\DOCS\MarvinsWebsite\styles.css 6 div header Lexical error at line 5, column 2. Encountered: i (105), after : id=Borg; width: 400px; margin: 1% auto; } OK, you haven't

RE: [WSG] CSS help

2007-11-01 Thread Likely, James A.
Rob, What I do is start off with a default style sheet. (see attached). In this starting CSS I break it down into different sections. This helps me out as like you, if I don't plan ahead, it gets pretty messy and disorganized very quick. If the project is big then I would use a couple of style

Re: [WSG] CSS help

2007-11-01 Thread Bruce
For some time now I have used the below as a foundation. Adding inner classes to the main areas is best. #Nav_inner, #content_inner etc I have tested these in 98 operating system/browser combos and they are rock solid: http://blog.html.it/layoutgala/ Bruce P BKDesign - Original Message

Re: [WSG] CSS help

2007-11-01 Thread Gunlaug Sørtun
Rob Enslin wrote: Is there a way, a logical procedure or rule which I should adopt to prevent me from going forwards and backwards and constantly patching it up? A few: http://css-discuss.incutio.com/?page=MaintainableCss regards Georg -- http://www.gunlaug.no

Re: [WSG] CSS help correction

2007-11-01 Thread Bruce
: Thursday, November 01, 2007 2:09 PM Subject: Re: [WSG] CSS help For some time now I have used the below as a foundation. Adding inner classes to the main areas is best. #Nav_inner, #content_inner etc I have tested these in 98 operating system/browser combos and they are rock solid: http

Re: [WSG] CSS help

2007-11-01 Thread Mike at Green-Beast.com
Hello Rob, I don't have (or know how to have) a structured system of building my style sheets. Maybe this will help? A CSS Starter File http://green-beast.com/blog/?p=109 Cheers. Mike Cherim *** List Guidelines:

Re: [WSG] CSS help

2007-11-01 Thread Rob Enslin
@...James, Bruce, Georg and Mike thanks. Plenty reading tonight - this info should get me going. Cheers, Rob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe:

Re: [WSG] CSS Help

2007-10-23 Thread Tim MacKay
Hi There, You just need to put a rule in your style sheet to exempt images from the hover style. This should work as a global rule: #sidebar a img {border: none} Hope this helps. Tim Olajide Olaolorun wrote: Can someone please help me with this small problem i'm having I seem to have

Re: [WSG] CSS Help

2007-10-23 Thread Web King Design
Your image is using the same a:hover properties as the text a:hover. so give the image its own class or id attribute, with no border, so say... .noborder{border:none} then add img class=noborder to the image Ben Olajide Olaolorun wrote: Can someone please help me with this small

Re: [WSG] CSS Help

2007-10-23 Thread Olajide Olaolorun
It doesnt work :( I just tried it now... placed it in the default.css On 10/23/07, Tim MacKay [EMAIL PROTECTED] wrote: Hi There, You just need to put a rule in your style sheet to exempt images from the hover style. This should work as a global rule: #sidebar a img {border: none} Hope

Re: [WSG] CSS Help

2007-10-23 Thread Chris Knowles
Olajide Olaolorun wrote: It doesnt work :( I just tried it now... placed it in the default.css On 10/23/07, Tim MacKay [EMAIL PROTECTED] wrote: #sidebar a img {border: none} I haven't looked at your code but you mentioned it not displaying a border on hover so presumably you need this:

Re: [WSG] CSS Help

2007-10-23 Thread Olajide Olaolorun
That doesnt work too Ben... On 10/23/07, Web King Design [EMAIL PROTECTED] wrote: Your image is using the same a:hover properties as the text a:hover. so give the image its own class or id attribute, with no border, so say... .noborder{border:none} then add img class=noborder to the image

Re: [WSG] CSS Help

2007-10-23 Thread Tim MacKay
I think Chris is right. Set the a:hover to {border: none;} Olajide Olaolorun wrote: It doesnt work :( I just tried it now... placed it in the default.css On 10/23/07, Tim MacKay [EMAIL PROTECTED] wrote: Hi There, You just need to put a rule in your style sheet to exempt images from the

Re: [WSG] CSS Help

2007-10-23 Thread Chris Knowles
Chris Knowles wrote: #sidebar a:hover img {border: none} I had a look at your code! - try this: #sidebar .one-image a:hover { border: 0 !important; } in your code you used: #sidebar a:hover,.blogfoot a:hover{ border:1px solid #FFF !important; } because tou used important!

Re: [WSG] CSS Help

2007-10-23 Thread Chris Knowles
Chris Knowles wrote: Chris Knowles wrote: #sidebar a:hover img {border: none} I had a look at your code! - try this: #sidebar .one-image a:hover { border: 0 !important; } Olajide, because you are resetting a border of 1px to 0 the image will probably move so you may need to

Re: [WSG] CSS Help

2007-10-23 Thread Web King Design
try this.. #yourimage a img{ border: none; } OR .yourimage{margin:0px} .yourimage a{border:none} .yourimage a:hover{border:none;} Tim MacKay wrote: I think Chris is right. Set the a:hover to {border: none;} Olajide Olaolorun wrote: It doesnt work :( I just tried it now... placed it in

Re: [WSG] CSS Help

2007-10-23 Thread David Niemann
Try this... a img { margin-bottom: -2px; vertical-align: sub; border: none;} Worked for me in a similar situation. David On 24/10/2007, at 9:03 AM, Olajide Olaolorun wrote: Can someone please help me with this small problem i'm having I seem to have a problem with the link hover style i

Re: [WSG] CSS Help

2007-10-23 Thread Chris Wilson
Contrary to everything else put forth about the 'issue', this actually works... change #sidebar a:hover,.blogfoot a:hover{ border:1px solid #FFF !important; } to #sidebar li a:hover,.blogfoot a:hover{ border:1px solid #FFF !important; } add the li so it only applies to links inside the

Re: [WSG] CSS Help

2007-10-23 Thread Chris Knowles
Chris Wilson wrote: Contrary to everything else put forth about the 'issue', this actually works... that statement isn't correct because this also works: #sidebar .one-image a:hover { border: 1px solid #000 !important; } The other attempts here try to fix a problem with an extra

Re: [WSG] CSS Help

2007-10-23 Thread Chris Wilson
Lex parsimoniae. Cheers. On 10/23/07, Chris Knowles [EMAIL PROTECTED] wrote: Chris Wilson wrote: Contrary to everything else put forth about the 'issue', this actually works... that statement isn't correct because this also works: #sidebar .one-image a:hover { border: 1px

Re: [WSG] CSS Help

2007-10-23 Thread Olajide Olaolorun
Chris Knowles solution works... both of them... I used the first one though cause i didnt want the border at all. Under firefox, the border cuts into the h3 title... so i dont mind the shifting Thanks a lot guys On 10/23/07, Chris Knowles [EMAIL PROTECTED] wrote: Chris Wilson wrote:

Re: [WSG] CSS help with bullet removal in IE view

2006-01-07 Thread Joshua Street
list-style:none; on the UL should work well... failing that, try playing with padding: on the list. On 1/8/06, Artemis [EMAIL PROTECTED] wrote: My partner and I have a tagboard on our site and it looks greate in FF, but when you view in IE there are round bullets. Can someone help me get rid

Re: [WSG] CSS help with bullet removal in IE view

2006-01-07 Thread Artemis
Original Message From: Joshua Street [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Subject: Re:[WSG] CSS help with bullet removal in IE view Date: 1/7/2006 17:58 list-style:none; on the UL should work well... failing that, try playing with padding: on the list. Thank you