Re: [css-d] help - CSS styled divider in between items on a page not working properly
On 5/26/05, Luca Balboni [EMAIL PROTECTED] wrote:
Hi Peter,
I was thinking not to use hr/ as a divider because I am using an
image as a background and for what I know IE and Opera show a border
around the image. Is this correct?
Is anyone aware of any workaround?
Thanks,
Luca
You can kill the borders on images using CSS:
img { border-width:0 }
Even better than using an HR - which is not strictly structural markup
- perhaps you can add a bottom border to the DIV or P which precedes
it; eg:
style media=screen type=text/css
p.last { padding-bottom:24px; border-bottom:8px solid black; }
/style
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio
nisl, placerat ut, semper dictum, facilisis sed, purus. Praesent sit
amet sem id tellus consequat molestie. Class aptent taciti
sociosqu./p
p class=lastLorem ipsum dolor sit amet, consectetuer adipiscing
elit. Sed odio nisl, placerat ut, semper dictum, facilisis sed, purus.
Praesent sit amet sem id tellus consequat molestie. Class aptent
taciti sociosqu./p
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio
nisl, placerat ut, semper dictum, facilisis sed, purus. Praesent sit
amet sem id tellus consequat molestie. Class aptent taciti
sociosqu./p
You can do this kind of thing even though you're using an image for
your divider:
p.last { padding-bottom:24px; background-image:url(dividerpic.jpg);
background-position:bottom; background-repeat:no-repeat; }
Chris
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] help - CSS styled divider in between items on a page not working properly
Hi Peter, I was thinking not to use hr/ as a divider because I am using an image as a background and for what I know IE and Opera show a border around the image. Is this correct? Is anyone aware of any workaround? Thanks, Luca On 25/05/2005, at 1:59 PM, Peter Williams wrote: It is actually one of the more understandable error messages. All it means is that the attribute value must have quotes around it. div class=divider/div I think you could achieve the same sort of divider between items using a plain old hr / and apply similar styles to it. It seems better than this arbitary, empty div you are using. BTW, you have the name CSS Request associated with the CSS Discuss email address which seems a bit untidy and likely to result in future confusion and anguish. -- Peter Williams __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] help - CSS styled divider in between items on a page not working properly
Hi all,
I need to include a divider in between different articles and I
cannot quite working it out.
I included this code in my html, after the last paragraph of my
articles:
div class=divider/div
and in the CSS file:
.divider { height: 10px; background: url(images/divider.gif) no-repeat;}
It seems to work but when I try to validate the page, it gives me an
error saying Error: attribute values must be quoted in XML
No idea what that means!
Anyone knows how I can fix this or if there is a better way to do it?
Thanks,
Luca
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] help - CSS styled divider in between items on a page not working properly
in an XML document div class=divider/div should be; div class=divider/div but this isnt a CSS issue. The validator told you the error - Error: attribute values must be quoted in XML. You should listen to it, it's quite smart :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] help - CSS styled divider in between items on a page not working properly
-Original Message- From: Luca Balboni div class=divider/div It seems to work but when I try to validate the page, it gives me an error saying Error: attribute values must be quoted in XML It is actually one of the more understandable error messages. All it means is that the attribute value must have quotes around it. div class=divider/div I think you could achieve the same sort of divider between items using a plain old hr / and apply similar styles to it. It seems better than this arbitary, empty div you are using. BTW, you have the name CSS Request associated with the CSS Discuss email address which seems a bit untidy and likely to result in future confusion and anguish. -- Peter Williams __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
