Re: [WSG] li background image

2005-12-14 Thread Nathan Wheatley
Nope. It does in fact make the lines higher, but it simple ads more 'space' at the top of the text, not actaully adding it to the top AND the bottom. It also does nothing to make the image display at its full height. Damn. Any other suggestions? On 12/14/05, Christian Montoya [EMAIL PROTECTED]

Re: [WSG] li background image

2005-12-14 Thread Joseph R. B. Taylor
A trick I've used, though some may not care for this especially, is to use padding on the top and bottom, such as: HTML: ullia href=#My Link/a/li/ul CSS: (going for 25 pixels high) li{height:25px;} li a{font-size:12px;padding-top:6px;padding-bottom:6px;} Usually its works great, so long as

Re: [WSG] li background image

2005-12-14 Thread Christian Montoya
On 12/14/05, Nathan Wheatley [EMAIL PROTECTED] wrote: Nope. It does in fact make the lines higher, but it simple ads more 'space' at the top of the text, not actaully adding it to the top AND the bottom. It also does nothing to make the image display at its full height. Damn. Any other

Re: [WSG] li background image

2005-12-13 Thread Nathan Wheatley
I did a little mor elooking around, and I found the following means of achiving what I am after. Here does: CSS CODE #navcontainer ul { margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { display: inline; } #navcontainer ul li a { text-decoration: none;

Re: [WSG] li background image

2005-12-13 Thread Elton Okada
Change your css like this:#navcontainer ul{margin: 0;padding: 0;list-style-type: none;text-align: center;}#navcontainer ul li { display: inline; background:url(' http://www.chiefcodemonkey.com/awbn/images/button_07.gif'); width:115px; height:26px}#navcontainer ul li a{text-decoration:

Re: [WSG] li background image

2005-12-13 Thread Nathan Wheatley
Thanks Elton. I have tried this however, and it does not work. I can't see why it does not, but after measuring the pixel height of the buttons the above outputs, the height is only 15px. Is there a way to force the 26px height? Cheers, Nathan Wheatley On 12/14/05, Elton Okada [EMAIL

Re: [WSG] li background image

2005-12-13 Thread Nick Gleitzman
On 14 Dec 2005, at 11:19 AM, Nathan Wheatley wrote: it does not work. I can't see why it does not, but after measuring the pixel height of the buttons the above outputs, the height is only 15px. Is there a way to force the 26px height? Add 'line-height: 26px' to your declaration for li...

Re: [WSG] li background image

2005-12-13 Thread Nathan Wheatley
I was just told not to use Pixel values in line heights? I will try anything at this point though. On 12/14/05, Nick Gleitzman [EMAIL PROTECTED] wrote: On 14 Dec 2005, at 11:19 AM, Nathan Wheatley wrote: it does not work. I can't see why it does not, but after measuring the pixel height of

Re: [WSG] li background image

2005-12-13 Thread Christian Montoya
On 12/14/05, Nathan Wheatley [EMAIL PROTECTED] wrote: I was just told not to use Pixel values in line heights? I will try anything at this point though. LOL, yes, I recommended not to use pixel line heights. Try a value like: line-height:2; and see if that is the equivalent to 24px at

Re: [WSG] li background image

2005-12-11 Thread Nathan Wheatley
Hi again, With regard to pixel values in the line height. I just found this (http://www.simplebits.com/notebook/2004/07/18/clickable.html) article, and it is used there. I persoanlly can't see a problem with it, but if you can tell me why you would not use, it, it would be much appreciated. On

Re: [WSG] li background image

2005-12-11 Thread Christian Montoya
On 12/11/05, Nathan Wheatley [EMAIL PROTECTED] wrote: Hi again, With regard to pixel values in the line height. I just found this (http://www.simplebits.com/notebook/2004/07/18/clickable.html) article, and it is used there. I persoanlly can't see a problem with it, but if you can tell me why

Re: [WSG] li background image

2005-12-11 Thread Nathan Wheatley
Thanks for your help Christian. I may still require a little help tomorrow if I am unable to get the positioning done correctly, but I will post all changes I make to that live site, so you can all see the progress. First off, I will change it to from pixels measurements to em. I will see how

[WSG] li background image

2005-12-10 Thread Nathan Wheatley
Hello World, I wish to make a horizontal unordered list, in which each li has a background image. I am having trouble getting the image to display properly, and I was wondering if you guys could lend a hand. Below is the html and css I used for the unordered list. I have no idea if it is valid

Re: [WSG] li background image

2005-12-10 Thread Christian Montoya
On 12/10/05, Nathan Wheatley [EMAIL PROTECTED] wrote: Hello World, I wish to make a horizontal unordered list, in which each li has a background image. I am having trouble getting the image to display properly, and I was wondering if you guys could lend a hand. Below is the html and css I

Re: [WSG] li background image

2005-12-10 Thread Nathan Wheatley
Right. I set up a page with what I am after, and implement all your suggestions as they come in. Starting with yours. http://www.chiefcodemonkey.com/awbn2/ There is the address. I made the changes you stated. It now throws the allignmenat all out of whack. Can I assume that you were expecting