Re: [css-d] css sprites

2011-08-15 Thread Tindle, Terri 
I finally got it.  Turns out you need to shift all the images down so any 
buttons you don't want to show go below the div.  I still don't understand why 
the div didn't end after the last  but it works.

Thanks for everyones' help.

-Original Message-
From: Tindle, Terri 
Sent: Monday, August 15, 2011 9:45 AM
To: css-d@lists.css-discuss.org
Subject: RE: [css-d] css sprites

It finally clicked for me.  Thanks.

The last piece of the puzzle is getting the div to stop right below the Check A 
Charity button instead of showing part of the next button.  I played around 
with the margin-bottom element of the div but that doesn't seem to work.  
Thanks.



-Original Message-
From: Tom Livingston [mailto:tom...@gmail.com] 
Sent: Monday, August 15, 2011 9:36 AM
To: Tindle, Terri
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] css sprites

On Mon, Aug 15, 2011 at 9:06 AM, Tindle, Terri  wrote:
> Hello all.
>
> Css sprites mystify me.  I feel like I understand them in theory but still am 
> not able to get them to work.  Here's the link I'm working with:
>
> http://ago.mo.gov/index3.php
>
> I am trying to add a new button below "Consumer Complaints" but I'm not sure 
> what to put for the y value.  The reason I'm so confused is because of the 
> following code:
>
> ul#actionButtons li#stops a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -700px;}
> ul#actionButtons li#reportWater a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -620px;}
> ul#actionButtons li#mortgageFraud a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -80px;}
> ul#actionButtons li#consumerComplaint a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -310px;}
>
> Mortgage fraud is between Clean Water and Consumer Complaints but the y value 
> is greater than both of them.  Can someone explain?
>
> Thanks,
>
> Terri Tindle
> Information Systems Specialist
> Office of the Attorney General
> Work:  (573) 751-1795
> Cell:  (573) 659-0347
> terri.tin...@ago.mo.gov<mailto:terri.tin...@ago.mo.gov>
>
> __


Actually, the order is very different. The button order in the graphic
is not like the page, causing confusion. Measure from the top of the
image to the top of the desired button in your graphics program. That
would be your negative y value. The  should be display: block;
and a height defined to match the button height in the graphic.

HTH

-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css sprites

2011-08-15 Thread Tindle, Terri 
It finally clicked for me.  Thanks.

The last piece of the puzzle is getting the div to stop right below the Check A 
Charity button instead of showing part of the next button.  I played around 
with the margin-bottom element of the div but that doesn't seem to work.  
Thanks.



-Original Message-
From: Tom Livingston [mailto:tom...@gmail.com] 
Sent: Monday, August 15, 2011 9:36 AM
To: Tindle, Terri
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] css sprites

On Mon, Aug 15, 2011 at 9:06 AM, Tindle, Terri  wrote:
> Hello all.
>
> Css sprites mystify me.  I feel like I understand them in theory but still am 
> not able to get them to work.  Here's the link I'm working with:
>
> http://ago.mo.gov/index3.php
>
> I am trying to add a new button below "Consumer Complaints" but I'm not sure 
> what to put for the y value.  The reason I'm so confused is because of the 
> following code:
>
> ul#actionButtons li#stops a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -700px;}
> ul#actionButtons li#reportWater a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -620px;}
> ul#actionButtons li#mortgageFraud a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -80px;}
> ul#actionButtons li#consumerComplaint a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -310px;}
>
> Mortgage fraud is between Clean Water and Consumer Complaints but the y value 
> is greater than both of them.  Can someone explain?
>
> Thanks,
>
> Terri Tindle
> Information Systems Specialist
> Office of the Attorney General
> Work:  (573) 751-1795
> Cell:  (573) 659-0347
> terri.tin...@ago.mo.gov<mailto:terri.tin...@ago.mo.gov>
>
> __


Actually, the order is very different. The button order in the graphic
is not like the page, causing confusion. Measure from the top of the
image to the top of the desired button in your graphics program. That
would be your negative y value. The  should be display: block;
and a height defined to match the button height in the graphic.

HTH

-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css sprites

2011-08-15 Thread Tom Livingston 
On Mon, Aug 15, 2011 at 9:06 AM, Tindle, Terri  wrote:
> Hello all.
>
> Css sprites mystify me.  I feel like I understand them in theory but still am 
> not able to get them to work.  Here's the link I'm working with:
>
> http://ago.mo.gov/index3.php
>
> I am trying to add a new button below "Consumer Complaints" but I'm not sure 
> what to put for the y value.  The reason I'm so confused is because of the 
> following code:
>
> ul#actionButtons li#stops a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -700px;}
> ul#actionButtons li#reportWater a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -620px;}
> ul#actionButtons li#mortgageFraud a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -80px;}
> ul#actionButtons li#consumerComplaint a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -310px;}
>
> Mortgage fraud is between Clean Water and Consumer Complaints but the y value 
> is greater than both of them.  Can someone explain?
>
> Thanks,
>
> Terri Tindle
> Information Systems Specialist
> Office of the Attorney General
> Work:  (573) 751-1795
> Cell:  (573) 659-0347
> terri.tin...@ago.mo.gov
>
> __


Actually, the order is very different. The button order in the graphic
is not like the page, causing confusion. Measure from the top of the
image to the top of the desired button in your graphics program. That
would be your negative y value. The  should be display: block;
and a height defined to match the button height in the graphic.

HTH

-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css sprites

2011-08-15 Thread Tom Livingston 
On Mon, Aug 15, 2011 at 9:06 AM, Tindle, Terri  wrote:
> Hello all.
>
> Css sprites mystify me.  I feel like I understand them in theory but still am 
> not able to get them to work.  Here's the link I'm working with:
>
> http://ago.mo.gov/index3.php
>
> I am trying to add a new button below "Consumer Complaints" but I'm not sure 
> what to put for the y value.  The reason I'm so confused is because of the 
> following code:
>
> ul#actionButtons li#stops a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -700px;}
> ul#actionButtons li#reportWater a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -620px;}
> ul#actionButtons li#mortgageFraud a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -80px;}
> ul#actionButtons li#consumerComplaint a {background: transparent 
> url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -310px;}
>
> Mortgage fraud is between Clean Water and Consumer Complaints but the y value 
> is greater than both of them.  Can someone explain?
>
> Thanks,
>
> Terri Tindle
> Information Systems Specialist
> Office of the Attorney General
> Work:  (573) 751-1795
> Cell:  (573) 659-0347
> terri.tin...@ago.mo.gov
>
> __


It appears that visual order of the buttons on the page is different
than the order of the buttons in the graphic itself. This would
account for discrepancies. The third button on the page is the second
button in the graphic.

HTH


-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] css sprites

2011-08-15 Thread Tindle, Terri 
Hello all.

Css sprites mystify me.  I feel like I understand them in theory but still am 
not able to get them to work.  Here's the link I'm working with:

http://ago.mo.gov/index3.php

I am trying to add a new button below "Consumer Complaints" but I'm not sure 
what to put for the y value.  The reason I'm so confused is because of the 
following code:

ul#actionButtons li#stops a {background: transparent 
url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -700px;}
ul#actionButtons li#reportWater a {background: transparent 
url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -620px;}
ul#actionButtons li#mortgageFraud a {background: transparent 
url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -80px;}
ul#actionButtons li#consumerComplaint a {background: transparent 
url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -310px;}

Mortgage fraud is between Clean Water and Consumer Complaints but the y value 
is greater than both of them.  Can someone explain?

Thanks,

Terri Tindle
Information Systems Specialist
Office of the Attorney General
Work:  (573) 751-1795
Cell:  (573) 659-0347
terri.tin...@ago.mo.gov

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS sprites/matrix and 2nd level nav menu

2011-02-10 Thread Peter Ankelein 
Hi All,

I've been looking into how to create an image-based CSS nav menu with 2
levels for the current site I'm building.  This led me to Veerle's old "2
level horizontal navigation in CSS with images" demo...

http://veerle-v2.duoh.com/blog/comments/2_level_horizontal_navigation_in_css_with_images/

Being that this was written five years ago, I'm wondering if there's a
better, more streamlined way. I've used the CSS sprites to create menus in
the past before but only been at a single level.

Thx,
Pete
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Sprites, Image Replacement, or Just Images?

2010-04-13 Thread tedd 
At 2:38 PM -0500 4/12/10, Chris Akins wrote:
>Hello all -
>
>Just looking for some expert advice for how to approach one part of a new
>project.  The following jpg comp is all that exists yet, as I'm just now
>building out the site and would like to know how to proceed on the 3 main
>headings/choice options on the page.
>
>http://www.springfieldmo.gov/strategicplan/images/concept.jpg
>
>The 3 headings that are "listen" "create" and "embark" are image based.  I
>had originally thought of using one image and a CSS sprite approach to show
>the part for each heading that is needed. But then I got to thinking that
>each of these really should be treated as an h2 header.  I've never done any
>CSS image replacement, but wondered what the prevailing ideas on here would
>be as to how to treat this issue?
>
>- simple, stand alone images
>- h2 tags with image replacement, and if so, what's considered the current,
>best method
>- CSS sprite
>- h2 tags w/ images as backgrounds (this would negate the use of the font,
>which I do like)
>- something else I haven't thought of
>
>Thanks for some advice in advance.

Here are some of my examples -- it's easy to view the code:

http://webbytedd.com/bb/replace-image1/
http://webbytedd.com/bb/replace-image2/
http://webbytedd.com/bb/replace-image3/
http://webbytedd.com/bb/replace-image4/

and my favorite:

http://webbytedd.com/b1/photo-retouch/

Cheers,

tedd

-- 
---
http://sperling.com  http://ancientstones.com  http://earthstones.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Sprites, Image Replacement, or Just Images?

2010-04-13 Thread David Dorward 
On 12 April 2010 20:38, Chris Akins  wrote:
> http://www.springfieldmo.gov/strategicplan/images/concept.jpg
>
> The 3 headings that are "listen" "create" and "embark" are image based.  I
> had originally thought of using one image and a CSS sprite approach to show
> the part for each heading that is needed. But then I got to thinking that
> each of these really should be treated as an h2 header.  I've never done any
> CSS image replacement, but wondered what the prevailing ideas on here would
> be as to how to treat this issue?
>
> - simple, stand alone images
> - h2 tags with image replacement, and if so, what's considered the current,
> best method



-- 
David Dorward 
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Sprites, Image Replacement, or Just Images?

2010-04-12 Thread Thierry Koblentz 
> Just looking for some expert advice for how to approach one part of a
> new
> project.  The following jpg comp is all that exists yet, as I'm just
> now
> building out the site and would like to know how to proceed on the 3
> main
> headings/choice options on the page.
> 
> http://www.springfieldmo.gov/strategicplan/images/concept.jpg
> 
> The 3 headings that are "listen" "create" and "embark" are image based.
> I
> had originally thought of using one image and a CSS sprite approach to
> show
> the part for each heading that is needed. But then I got to thinking
> that
> each of these really should be treated as an h2 header.  I've never
> done any
> CSS image replacement, but wondered what the prevailing ideas on here
> would
> be as to how to treat this issue?
> 
> - simple, stand alone images
> - h2 tags with image replacement, and if so, what's considered the
> current,
> best method
> - CSS sprite
> - h2 tags w/ images as backgrounds (this would negate the use of the
> font,
> which I do like)
> - something else I haven't thought of


You could try this:




--
Regards,
Thierry 
www.tjkdesign.com | articles and tutorials
www.ez-css.org | ultra light CSS framework






__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS Sprites, Image Replacement, or Just Images?

2010-04-12 Thread Chris Akins 
Hello all -

Just looking for some expert advice for how to approach one part of a new
project.  The following jpg comp is all that exists yet, as I'm just now
building out the site and would like to know how to proceed on the 3 main
headings/choice options on the page.

http://www.springfieldmo.gov/strategicplan/images/concept.jpg

The 3 headings that are "listen" "create" and "embark" are image based.  I
had originally thought of using one image and a CSS sprite approach to show
the part for each heading that is needed. But then I got to thinking that
each of these really should be treated as an h2 header.  I've never done any
CSS image replacement, but wondered what the prevailing ideas on here would
be as to how to treat this issue?

- simple, stand alone images
- h2 tags with image replacement, and if so, what's considered the current,
best method
- CSS sprite
- h2 tags w/ images as backgrounds (this would negate the use of the font,
which I do like)
- something else I haven't thought of

Thanks for some advice in advance.

Christopher Akins
Web Coordinator
City of Springfield, MO
www.springfieldmo.gov
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS Sprites and Image Replacement Technique

2007-10-16 Thread Thierry Koblentz 
This is a variation of the technique to minimise HTTP requests:
http://www.tjkdesign.com/articles/how-to_use_sprites_with_my_image_replaceme
nt_technique.asp


-- 
Regards,
Thierry | http://www.TJKDesign.com




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS sprites / Tabs

2007-06-11 Thread David Hucklesby 
On Mon, 11 Jun 2007 16:19:12 +0200, cssd wrote:
>
> What's the most efficient way of doing image based tabs?
>
> First thing that comes to my mind are CSS sprites:
>
> http://alistapart.com/articles/sprites
>
> However, there are two approaches and I am not sure which one is best:
>
> 1. using one image for all the tab states
> 2. using one image per tab that contains all states for particular tab
>
> In either case it work but I am afraid that in case #1 the image will slow 
> down the
> page load  - on the other hand loading 9 images for each of the tab is not 
> fast
> either...
>
A student in the web class I attend tried several approaches. Working
together, we found that the single image approach certainly seemed to
load faster. And the one image was actually fewer kBytes, though not
a lot.

The single image did give a better user experience, in our opinion.
Our Internet connection in class is not the speediest in the world,
and seeing the tabs appear one-by-one, as with the individual images,
is rather disconcerting. With a single image, all the tabs appear at
the same time.

Cordially,
David
--


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS sprites / Tabs

2007-06-11 Thread James Leslie 
 
> What's the most efficient way of doing image based tabs?
> 
> First thing that comes to my mind are CSS sprites:
> 
> http://alistapart.com/articles/sprites
> 
> However, there are two approaches and I am not sure which one is best:
> 
> 1. using one image for all the tab states 2. using one image per tab 
> that contains all states for particular tab
> 
> In either case it work but I am afraid that in case #1 the image will 
> slow down the page load  - on the other hand loading 9 images for each

> of the tab is not fast either...
> 
> Any ideas?
> 
 
 
 At this year's @media Europe, Nate Koechley from Yahoo gave a talk on 
 speeding up web pages and seemed to be of the opinion (and yahoo have 
 done a lot of testing on this) that the fastest method is to include 
 all tabs on one image and then use CSS for displaying/positioning them 
 properly. You reduce http requests and one image containing all 
 *should* be a smaller file size than 9 individual ones.
 
 http://developer.yahoo.net/blog/archives/2007/04/rule_1_make_few.html
 
 Close to being OT I think, but it is about using CSS to get them all 
 set up properly.
 
 HTH,
 James

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS sprites / Tabs

2007-06-11 Thread jeffrey morin 
On 6/11/07, cssd <[EMAIL PROTECTED]> wrote:
>
>
> What's the most efficient way of doing image based tabs?
>
> First thing that comes to my mind are CSS sprites:
>
> http://alistapart.com/articles/sprites
>
> However, there are two approaches and I am not sure which one is best:
>
> 1. using one image for all the tab states
> 2. using one image per tab that contains all states for particular tab
>
> In either case it work but I am afraid that in case #1 the image will slow
> down the page load  - on the other hand loading 9 images for each of the tab
> is not fast either...
>
> Any ideas?
>
> Thanks



the way i usually to do it is to use one background image with multiple
states that you can just have shift around depending on the users actions.
in my experience background images don't take long to load so you won't see
that little flicker you see if you're swapping out an image

hope that helps

Jeff
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS sprites / Tabs

2007-06-11 Thread cssd 

What's the most efficient way of doing image based tabs?

First thing that comes to my mind are CSS sprites:

http://alistapart.com/articles/sprites

However, there are two approaches and I am not sure which one is best:

1. using one image for all the tab states
2. using one image per tab that contains all states for particular tab

In either case it work but I am afraid that in case #1 the image will slow down 
the page load  - on the other hand loading 9 images for each of the tab is not 
fast either...

Any ideas?

Thanks

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] css sprites failure in IE

2006-04-28 Thread Christine Rainer 
Hi all,

in IE the list apart method of image sprites (1) works nicely in the top
menu on my site, but not in the sidebar where the buttons are placed in a
ul. They keep getting some right-side extra pixels in hover state, and I
can't figure out why.

The site:
http://www.titanilla.hu/alp/dokumentaciok.htm

No problems with it in FF and Mozilla.

Any help is appreciated.

Regards,
Christine


(1) http://www.alistapart.com/articles/sprites/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Sprites: Image Slicing

2005-08-08 Thread Martin Heiden 
Hi!

> #contact a:hover {background: url('.../i/lk_menubar.jpg') no-repeat

I would bet that you don't need so many dots.

Maybe: ../i/lk_menubar.jpg?


regards,

  Martin

 

__
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] CSS Sprites: Image Slicing

2005-08-08 Thread landry Karege 
Hello everybody there.


was wondering if somebody could tell me where i'm doing wrong...in this

CSS
#logo {height: 293px;
margin: 0;
padding: 0;
background-color:#EDDDAA;
position: relative;}

#nav {position:relative;
background-image: url('.../i/lk_menubar.jpg');
width: 386px;
height: 94px;
list-style-type : none;
list-style-image : url('none');
margin:0;
padding: 0;
}

#nav li {margin:0;
padding:0;
position:absolute;
top:0;
visibility: visible;
list-style-image : url('none');
list-style-type:none;}

#nav li, #nav a {height: 94px;
display: block;
top:0.41em;}

#home {left: 0;
width: 101px;}

#about {left: 102px;
width: 101px;}

#thoughts {left: 203px;
width: 101px;}

#contact {left: 305px;
width: 101px;}

#home a:hover {background-image: url('.../i/lk_menubar.jpg) no-repeat
0 -101px');}

#about a:hover {background-image: url('.../i/lk_menubar.jpg')-102px -101px;}

#thoughts a:hover {background: url('.../i/lk_menubar.jpg') no-repeat
-202px -101px;}

#contact a:hover {background: url('.../i/lk_menubar.jpg') no-repeat
-303px -83px;}



HTML













No matter what i try, the image wont show up in any browser, but would
show that there is links and but not actually the imagesHELP
ME...PLEASE
__
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/