Subject: [WSG] css Help Please
Hi.
well vallidated my html and it passed the vallidation.
got three errors in css.
not sure why, how do i fix them.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe
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 :
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
Hi.
well vallidated my html and it passed the vallidation.
got three errors in css.
not sure why, how do i fix them.
and instead of the style for text, tried using a id to refrence that in the
style sheet, but said no duplication of the id tag, so did not want the
style = text / say in my id
Dear Group,
I'm a relative newby to web design so please excuse me if this
question is simple.
The problem:
I don't have (or know how to have) a structured system of building my
style sheets. I find I keep just adding to the file until problems in
my output display start to develop. They very
-web.com/articles/architecting_css/
http://www.mezzoblue.com/css/cribsheet/
I hope this helps.
James
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Rob Enslin
Sent: Thursday, November 01, 2007 12:35 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] CSS help
-
From: Rob Enslin [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Thursday, November 01, 2007 1:34 PM
Subject: [WSG] CSS help
Dear Group,
I'm a relative newby to web design so please excuse me if this
question is simple.
The problem:
I don't have (or know how to have
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
: 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
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:
@...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:
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
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
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
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:
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
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
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!
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
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
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
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
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
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
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:
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 of the bullets? My partner did email the creator of the tagboard,
but never heard back.
Unfortunately, I cannot offer the link because it sits
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
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
at this address:
http://www3.ca.com/partners/channel/
At the bottom, there are 3 chips; an image on the left and text on the
right inside a td.
I want to convert this using CSS.
I can nearly replicate it but it fails in ie5.0, where I can get a gap
on the left. I wouldn't care about this but
29 matches
Mail list logo
