Re: [WSG] CSS Image issue with buttons
On Dec 16, 2007 9:21 PM, Michael Horowitz
[EMAIL PROTECTED] wrote:
Adding to my issues I put a image on the server that I want to show up
on my buttons but it isn't appearing. Here is how I added the CSS for
that
The image is definitely
therehttp://theatomicconservative.typepad.com/images/atom.gif
/*define look of buttons*/
ul a{
display:block;
width: 98%;
line-height:1.4em;
background:#1c1c1b ;
border: 1px solid yellow url(images/atom.gif) no-repeat left bottom;
text-decoration: none;
text-align: center;
font-family: arial, lucida console, sans-serif;
font-weight:900;
}
ul a:hover
{
background:#00 url(images/atom.gif) no-repeat left bottom;
}
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
You messed up the background and the border. It should be:
background:#1c1c1b url(images/atom.gif) no-repeat left bottom;
border: 1px solid yellow;
Gonzalo González Mora
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Image issue with buttons
where in the folder structure is the css file?
On Dec 17, 2007 10:44 AM, krugonN [EMAIL PROTECTED] wrote:
On Dec 16, 2007 9:21 PM, Michael Horowitz
[EMAIL PROTECTED] wrote:
Adding to my issues I put a image on the server that I want to show up
on my buttons but it isn't appearing. Here is how I added the CSS for
that
The image is definitely
therehttp://theatomicconservative.typepad.com/images/atom.gif
/*define look of buttons*/
ul a{
display:block;
width: 98%;
line-height:1.4em;
background:#1c1c1b ;
border: 1px solid yellow url(images/atom.gif) no-repeat left bottom;
text-decoration: none;
text-align: center;
font-family: arial, lucida console, sans-serif;
font-weight:900;
}
ul a:hover
{
background:#00 url(images/atom.gif) no-repeat left bottom;
}
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
You messed up the background and the border. It should be:
background:#1c1c1b url(images/atom.gif) no-repeat left bottom;
border: 1px solid yellow;
Gonzalo González Mora
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
-
http://myfitness.ning.com
A community of people that care about their health and fitness
Free fitness videos, recipes, blogs, photos etc.
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Image issue with buttons
try url(../images/atom.gif)
On Dec 17, 2007 10:44 AM, krugonN [EMAIL PROTECTED] wrote:
On Dec 16, 2007 9:21 PM, Michael Horowitz
[EMAIL PROTECTED] wrote:
Adding to my issues I put a image on the server that I want to show up
on my buttons but it isn't appearing. Here is how I added the CSS for
that
The image is definitely
therehttp://theatomicconservative.typepad.com/images/atom.gif
/*define look of buttons*/
ul a{
display:block;
width: 98%;
line-height:1.4em;
background:#1c1c1b ;
border: 1px solid yellow url(images/atom.gif) no-repeat left bottom;
text-decoration: none;
text-align: center;
font-family: arial, lucida console, sans-serif;
font-weight:900;
}
ul a:hover
{
background:#00 url(images/atom.gif) no-repeat left bottom;
}
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
You messed up the background and the border. It should be:
background:#1c1c1b url(images/atom.gif) no-repeat left bottom;
border: 1px solid yellow;
Gonzalo González Mora
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
-
http://myfitness.ning.com
A community of people that care about their health and fitness
Free fitness videos, recipes, blogs, photos etc.
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Image issue with buttons
On Dec 16, 2007 9:54 PM, Adam Martin [EMAIL PROTECTED] wrote:
where in the folder structure is the css file?
On Dec 17, 2007 10:44 AM, krugonN [EMAIL PROTECTED] wrote:
On Dec 16, 2007 9:21 PM, Michael Horowitz
[EMAIL PROTECTED] wrote:
Adding to my issues I put a image on the server that I want to show up
on my buttons but it isn't appearing. Here is how I added the CSS for
that
The image is definitely
therehttp://theatomicconservative.typepad.com/images/atom.gif
/*define look of buttons*/
ul a{
display:block;
width: 98%;
line-height:1.4em;
background:#1c1c1b ;
border: 1px solid yellow url(images/atom.gif) no-repeat left bottom;
text-decoration: none;
text-align: center;
font-family: arial, lucida console, sans-serif;
font-weight:900;
}
ul a:hover
{
background:#00 url(images/atom.gif) no-repeat left bottom;
}
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
You messed up the background and the border. It should be:
background:#1c1c1b url(images/atom.gif) no-repeat left bottom;
border: 1px solid yellow;
Gonzalo González Mora
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
-
http://myfitness.ning.com
A community of people that care about their health and fitness
Free fitness videos, recipes, blogs, photos etc.
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
In ul a. I think that's what you wanted, but I'm not sure.
ul a{
display:block;
width: 98%;
line-height:1.4em;
background:#1c1c1b url(images/atom.gif) no-repeat left bottom;
border: 1px solid yellow;
text-decoration: none;
text-align: center;
font-family: arial, lucida console, sans-serif;
font-weight:900;
}
Gonzalo González Mora
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Image issue with buttons
That was a stupid mistake but when corrected I still have the issue. I
also should at least have had the hover working when I make that mistake
and it didn't show either
/*define look of buttons*/
ul a{
display:block;
width: 98%;
line-height:1.4em;
background:#1c1c1b url(images/atom.gif) no-repeat left bottom;
border: 1px solid yellow;
text-decoration: none;
text-align: center;
font-family: arial, lucida console, sans-serif;
font-weight:900;
}
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
krugonN wrote:
On Dec 16, 2007 9:21 PM, Michael Horowitz
[EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
Adding to my issues I put a image on the server that I want to show up
on my buttons but it isn't appearing. Here is how I added the CSS
for that
The image is definitely
therehttp://theatomicconservative.typepad.com/images/atom.gif
/*define look of buttons*/
ul a{
display:block;
width: 98%;
line-height:1.4em;
background:#1c1c1b ;
border: 1px solid yellow url(images/atom.gif) no-repeat left bottom;
text-decoration: none;
text-align: center;
font-family: arial, lucida console, sans-serif;
font-weight:900;
}
ul a:hover
{
background:#00 url(images/atom.gif) no-repeat left bottom;
}
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED]
***
You messed up the background and the border. It should be:
background:#1c1c1b url(images/atom.gif) no-repeat left bottom;
border: 1px solid yellow;
Gonzalo González Mora
***
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 Image issue with buttons
Solved it I had to use /images not images
Strange that it is so specific.
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
Adam Martin wrote:
try url(../images/atom.gif)
On Dec 17, 2007 10:44 AM, krugonN [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
On Dec 16, 2007 9:21 PM, Michael Horowitz
[EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
Adding to my issues I put a image on the server that I want to
show up
on my buttons but it isn't appearing. Here is how I added the
CSS for that
The image is definitely
therehttp://theatomicconservative.typepad.com/images/atom.gif
/*define look of buttons*/
ul a{
display:block;
width: 98%;
line-height:1.4em;
background:#1c1c1b ;
border: 1px solid yellow url(images/atom.gif) no-repeat left
bottom;
text-decoration: none;
text-align: center;
font-family: arial, lucida console, sans-serif;
font-weight:900;
}
ul a:hover
{
background:#00 url(images/atom.gif) no-repeat left bottom;
}
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED]
***
You messed up the background and the border. It should be:
background:#1c1c1b url(images/atom.gif) no-repeat left bottom;
border: 1px solid yellow;
Gonzalo González Mora
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED]
***
--
-
http://myfitness.ning.com
A community of people that care about their health and fitness
Free fitness videos, recipes, blogs, photos etc.
--
***
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 Image issue with buttons
As I said you need to change to
background:#1c1c1b url(../images/atom.gif) no-repeat left bottom;
note the ../
On Dec 17, 2007 11:31 AM, Michael Horowitz
[EMAIL PROTECTED] wrote:
That was a stupid mistake but when corrected I still have the issue. I
also should at least have had the hover working when I make that mistake
and it didn't show either
/*define look of buttons*/
ul a{
display:block;
width: 98%;
line-height:1.4em;
background:#1c1c1b url(images/atom.gif) no-repeat left bottom;
border: 1px solid yellow;
text-decoration: none;
text-align: center;
font-family: arial, lucida console, sans-serif;
font-weight:900;
}
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
krugonN wrote:
On Dec 16, 2007 9:21 PM, Michael Horowitz
[EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
Adding to my issues I put a image on the server that I want to show
up
on my buttons but it isn't appearing. Here is how I added the CSS
for that
The image is definitely
therehttp://theatomicconservative.typepad.com/images/atom.gif
/*define look of buttons*/
ul a{
display:block;
width: 98%;
line-height:1.4em;
background:#1c1c1b ;
border: 1px solid yellow url(images/atom.gif) no-repeat left bottom;
text-decoration: none;
text-align: center;
font-family: arial, lucida console, sans-serif;
font-weight:900;
}
ul a:hover
{
background:#00 url(images/atom.gif) no-repeat left bottom;
}
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED]
***
You messed up the background and the border. It should be:
background:#1c1c1b url(images/atom.gif) no-repeat left bottom;
border: 1px solid yellow;
Gonzalo González Mora
***
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]
***
--
-
http://myfitness.ning.com
A community of people that care about their health and fitness
Free fitness videos, recipes, blogs, photos etc.
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
