RE: [WSG] css Help Please
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 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: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] css Help Please
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 : 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; } 10 div site_links Lexical error at line 9, column 2. Encountered: i (105), after : id=menu margin: 0 0 1% 0; } 14 div nav Lexical error at line 13, column 3. Encountered: i (105), after : id=menu_other margin: 5% 0 1% 0; } It looks like you have mixed up some inline style data with your ID values. An ID attribute assigns a name to an element, must start with a letter, which can be followed by letters, digits, hyphens, underscores, colons, and/or periods. No spaces are allowed. Mind you, I don't know what CSS makes of IDs that have periods and colons in them... ? Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] css Help Please
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 quite picked up how CSS works.
I haven't seen your actual markup (the contents of the 'view source'
of your page) but it looks like you have something like this:
div id=Borg; width: 400px; margin: 1% auto;
...
/div
where you want to have:
div id=Borg
...
/div
and in your .css file (or inside your style type=text/css ... /
style element) put:
#Borg {
width: 400px;
margin: 1% auto;
}
if you want to have a 'Borg' type block appear more than once, you
should use a 'class' rather than an 'id' - an 'id' should only appear
once on the page while a 'class' is for repeating blocks.
This would give markup like this:
div class=Borg
...
/div
and the class would be referenced in the CSS with 'dot' notation:
.Borg {
width: 400px;
margin: 1% auto;
}
Hope it helps
Lea
--
Lea de Groot
Elysian Systems
Brisbane, .au
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] CSS help
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 sheets. One for
the layout/framework of the site and then one for rest of the styles.
(framework.css and common.css). That way if you have a problem with the
layout of the site you can turn off the other style sheet to see what
the problem is. This would be difficult if you had all of your style in
one file.
Is there a correct way to do this, I don't think so. Depending on who
you ask, every one has a different way or organizing their style sheets.
Here are some articles that might help you out.
http://www.andybudd.com/archives/2003/08/how_i_organize_my_stylesheets/
http://www.digital-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
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 often become messy and
conflict-ridden. My style sheets end up being very long and don't
cascade well.
The question/advise/thoughts:
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?
Any help from an already helpful discussion forum most appreciated.
Thanks, Rob
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
/*-
[client] Screen Stylesheet
version: 1.0
date: 10/12/07
author:[James Likely]
-*/
body {
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 100%;
line-height: 1.5em;
padding: 0;
margin: 0;
color: #333;
text-align:center;
}
#container {
width:980px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color: #ff;
}
/* Common Content Formatting
-*/
a { color:#008eda; outline: none; text-decoration: none; font-weight: normal;}
a:link { color:#008eda; }
a:visited { color: #008eda; }
a:hover, a:focus{ color: #008eda; text-decoration: underline; }
a:active { color: #008eda; }
h1{
}
h2{
}
h3{
}
h4{
}
h5 {
}
p {
}
ul {
}
li {
}
/* Remove padding and margin */
* {
margin: 0;
padding: 0;
border: 0;
}
.clear{
clear:both;
}
.right{
float: right;
}
.left {
float: left;
}
/* Framework
-*/
/* Header Logos
-*/
#logo {
margin: 0 auto;
padding: 20px 0 0 0;
text-align: left;
}
#logo span, #logo a {
display: block;
width: 220px;
height: 45px;
padding: 0;
border-style: none;
background: url(/common/images/mc-logo2.gif) no-repeat;
}
#logo a img {
display: block;
width: 0;
height: 0;
border: none;
}
/* Navigation
-*/
/* Footer
-*/
/* Forms
-*/
/* Tables
-*/
table {
border-spacing: 0;
border-collapse: collapse;
font-size: 12px;
}
td {
text-align: left;
font-weight: normal;
}
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://blog.html.it/layoutgala/ Bruce P BKDesign - Original Message - 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) 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 often become messy and conflict-ridden. My style sheets end up being very long and don't cascade well. The question/advise/thoughts: 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? Any help from an already helpful discussion forum most appreciated. Thanks, Rob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS help
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 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS help correction
oops, Adding inner classes to the main areas is best. #Nav_inner, #content_inner etc should be: .nav_inner, .content_inner etc Using the rule to not pad/style a primary layout div. Bruce - Original Message - From: Bruce [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: 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://blog.html.it/layoutgala/ Bruce P BKDesign - Original Message - 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) 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 often become messy and conflict-ridden. My style sheets end up being very long and don't cascade well. The question/advise/thoughts: 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? Any help from an already helpful discussion forum most appreciated. Thanks, Rob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS help
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: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS help
@...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: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
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 a problem with the link hover style i set for the whole
sidebar with the images I am trying to take it out for images that
are links... like the image showing to the right in the sidebar... but
i have no success. Can someone please help me out.
http://www.rockondude.net/pre
If you see the thumbnail to the right... am trying to take out the
hover style for that.
Thanks a lot.
--
*Tim Mackay*
Web Developer
p: +612 8917 7900
e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
w: www.deepend.com.au http://www.deepend.com.au
http://www.deepend.com.au/latest http://www.deepend.com.au/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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 problem i'm having I
seem to have a problem with the link hover style i set for the whole
sidebar with the images I am trying to take it out for images that
are links... like the image showing to the right in the sidebar... but
i have no success. Can someone please help me out.
http://www.rockondude.net/pre
If you see the thumbnail to the right... am trying to take out the
hover style for that.
Thanks a lot.
--
*Web King Design limited*
Web: www.webking.co.nz http://webking.co.nz
Email: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
Mobile: 0064 21 0224 6986
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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 this helps.
Tim
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 set for the whole
sidebar with the images I am trying to take it out for images that
are links... like the image showing to the right in the sidebar... but
i have no success. Can someone please help me out.
http://www.rockondude.net/pre
If you see the thumbnail to the right... am trying to take out the
hover style for that.
Thanks a lot.
--
*Tim Mackay*
Web Developer
p: +612 8917 7900
e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
w: www.deepend.com.au http://www.deepend.com.au
http://www.deepend.com.au/latest http://www.deepend.com.au/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
Business: http://www.tripleo.biz
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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:
#sidebar a:hover img {border: none}
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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
Ben
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 set for the whole
sidebar with the images I am trying to take it out for images that
are links... like the image showing to the right in the sidebar... but
i have no success. Can someone please help me out.
http://www.rockondude.net/pre
If you see the thumbnail to the right... am trying to take out the
hover style for that.
Thanks a lot.
--
Web King Design limited
Web: www.webking.co.nz
Email: [EMAIL PROTECTED]
Mobile: 0064 21 0224 6986
***
List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe:
http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
Business: http://www.tripleo.biz
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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 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 a problem with the link hover style i set for the whole
sidebar with the images I am trying to take it out for images that
are links... like the image showing to the right in the sidebar... but
i have no success. Can someone please help me out.
http://www.rockondude.net/pre
If you see the thumbnail to the right... am trying to take out the
hover style for that.
Thanks a lot.
--
*Tim Mackay*
Web Developer
p: +612 8917 7900
e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
w: www.deepend.com.au http://www.deepend.com.au
http://www.deepend.com.au/latest http://www.deepend.com.au/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
*Tim Mackay*
Web Developer
p: +612 8917 7900
e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
w: www.deepend.com.au http://www.deepend.com.au
http://www.deepend.com.au/latest http://www.deepend.com.au/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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! you need to use it in the override rule too
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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 do this:
#sidebar .one-image a:hover {
border: 1px solid #000 !important;
}
--
Chris Knowles
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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 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 this helps.
Tim
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 set for the whole
sidebar with the images I am trying to take it out for images that
are links... like the image showing to the right in the sidebar... but
i have no success. Can someone please help me out.
http://www.rockondude.net/pre
If you see the thumbnail to the right... am trying to take out the
hover style for that.
Thanks a lot.
--
*Tim Mackay*
Web Developer
p: +612 8917 7900
e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
w: www.deepend.com.au http://www.deepend.com.au
http://www.deepend.com.au/latest http://www.deepend.com.au/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
*Web King Design limited*
Web: www.webking.co.nz http://webking.co.nz
Email: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
Mobile: 0064 21 0224 6986
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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 set for the whole
sidebar with the images I am trying to take it out for images that
are links... like the image showing to the right in the sidebar... but
i have no success. Can someone please help me out.
http://www.rockondude.net/pre
If you see the thumbnail to the right... am trying to take out the
hover style for that.
Thanks a lot.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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 list. simple pie. The
other attempts here try to fix a problem with an extra rule, when if done
correctly you don't need it.
On 10/23/07, David Niemann [EMAIL PROTECTED] wrote:
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 set for the whole
sidebar with the images I am trying to take it out for images that
are links... like the image showing to the right in the sidebar... but
i have no success. Can someone please help me out.
http://www.rockondude.net/pre
If you see the thumbnail to the right... am trying to take out the
hover style for that.
Thanks a lot.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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 rule, when if
done correctly you don't need it.
I don't think there is a correct way, there are just different ways, as
all solutions have their implications - e.g. your solution assumes only
links in lists require this style which is not necessarily the case - so
if other links are added outside of a list an extra rule may be required
for them
the solution I have given above may add an extra rule but it solves the
problem without tampering with the existing css - so it's not
necessarily clear which solution is better
--
Chris Knowles
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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 solid #000 !important;
}
The other attempts here try to fix a problem with an extra rule, when if
done correctly you don't need it.
I don't think there is a correct way, there are just different ways, as
all solutions have their implications - e.g. your solution assumes only
links in lists require this style which is not necessarily the case - so
if other links are added outside of a list an extra rule may be required
for them
the solution I have given above may add an extra rule but it solves the
problem without tampering with the existing css - so it's not
necessarily clear which solution is better
--
Chris Knowles
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
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:
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 rule, when if
done correctly you don't need it.
I don't think there is a correct way, there are just different ways, as
all solutions have their implications - e.g. your solution assumes only
links in lists require this style which is not necessarily the case - so
if other links are added outside of a list an extra rule may be required
for them
the solution I have given above may add an extra rule but it solves the
problem without tampering with the existing css - so it's not
necessarily clear which solution is better
--
Chris Knowles
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
Business: http://www.tripleo.biz
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS help with bullet removal in IE view
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 of the bullets? ** 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] CSS help with bullet removal in IE view
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, Josh. I did try the list-style: none; (sorry, I failed to mention that before). I even got desperate and tried list-style-type: none; and that didn't seem to help either lol. But, I did as you suggested and played with the padding. It didn't remove the bullets, but it scooted the text over far enough to hide them without messing up the look hehe. I'm happy now :) Thanks ever so much for your help and suggestion! Artemis ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
