CSS problem... - Tilted Forum Project Discussion Community

3zos · 11-09-2003, 12:43 PM

I have been working on my website, but I am having a problem with some of the CSS.. this is the first time I have used CSS on a site, so I am not sure how to trouble shoot it.. I am trying to make a link that when you click on it, it displays a background image (mine is of a check) in the visited state, but i can never seem to make the background image show up. here is my code: (in the site i just have a div with the id set as sidebar, then the a href link)

css:

#sidebar a:link {
font-weight:normal;
text-transform:none;
text-align: center;
}
#sidebar a:hover {
font-weight:bold;
text-transform:none;
text-align: center;
}
#sidebar a:visited {
font-weight:normal;
text-transform:none;
text-align: center;
background: url(gifs/check.gif);
background-position: 100px;
background-repeat: no-repeat;

Moskie · 11-09-2003, 01:12 PM

My knowledge of css is pretty basic, but maybe few questions to rule out some possibilities:

Do any properties in the 'visited' state take effect? Is it just the background value that's not working right?

Try using check.gif as the background for the other states as a test. Is it working there as you expect?

*shrug* I've been learning css myself recently, these are probably the ideas I'd try first.

3zos · 11-09-2003, 01:53 PM

I just checked and found that the other parts of the visited state take effect.. from what I can tell this problem is with using background image on text in other states (i can get it to work with static text)

Moskie · 11-09-2003, 02:22 PM

*edit*

bleh, I put some suggestions, but I'm gonna test them out first. If they turn out useful, i'll put em back....

3zos · 11-09-2003, 03:23 PM

ok, i just did some differnt things and I found that when you set the image to repeat, it will show up, but if you set it to x or y repeat, its not there again.. very frustrating..

juanvaldes · 11-09-2003, 05:42 PM

what are you using to test?

3zos · 11-09-2003, 06:48 PM

im using IE 5 mac, safari mac, and IE 6 pc.. It is actualy working in safari, but its really more importiant to me that it works on IE for the pc..

soopafreek · 11-09-2003, 06:55 PM

based on what you typed, you might want to make your visited state read:

background-image: url(gifs/check.gif); <-- just make sure that path is correct!

and add to the other states:

background-image: none;

and close off that last css code with a " } "

that's just looking at your code, i didn't test that. you could try to upload the css file or have this <a href="http://www.htmlhelp.org/tools/csscheck/" target="_blank">css validator</a> check your site.

11-09-2003, 12:43 PM	#1 (permalink)
3zos Insane Location: USA	CSS problem... I have been working on my website, but I am having a problem with some of the CSS.. this is the first time I have used CSS on a site, so I am not sure how to trouble shoot it.. I am trying to make a link that when you click on it, it displays a background image (mine is of a check) in the visited state, but i can never seem to make the background image show up. here is my code: (in the site i just have a div with the id set as sidebar, then the a href link) css: #sidebar a:link { font-weight:normal; text-transform:none; text-align: center; } #sidebar a:hover { font-weight:bold; text-transform:none; text-align: center; } #sidebar a:visited { font-weight:normal; text-transform:none; text-align: center; background: url(gifs/check.gif); background-position: 100px; background-repeat: no-repeat; __________________ S U C C E S S some people dream of success, while other people live to crush those dreams

11-09-2003, 01:12 PM	#2 (permalink)
Moskie Pure Chewing Satisfaction Location: can i use bbcode [i]here[/i]?	My knowledge of css is pretty basic, but maybe few questions to rule out some possibilities: Do any properties in the 'visited' state take effect? Is it just the background value that's not working right? Try using check.gif as the background for the other states as a test. Is it working there as you expect? shrug I've been learning css myself recently, these are probably the ideas I'd try first. __________________ Greetings and salutations.

11-09-2003, 01:53 PM	#3 (permalink)
3zos Insane Location: USA	I just checked and found that the other parts of the visited state take effect.. from what I can tell this problem is with using background image on text in other states (i can get it to work with static text) __________________ S U C C E S S some people dream of success, while other people live to crush those dreams

11-09-2003, 02:22 PM	#4 (permalink)
Moskie Pure Chewing Satisfaction Location: can i use bbcode [i]here[/i]?	edit bleh, I put some suggestions, but I'm gonna test them out first. If they turn out useful, i'll put em back.... __________________ Greetings and salutations. Last edited by Moskie; 11-09-2003 at 02:37 PM..

11-09-2003, 03:23 PM	#5 (permalink)
3zos Insane Location: USA	ok, i just did some differnt things and I found that when you set the image to repeat, it will show up, but if you set it to x or y repeat, its not there again.. very frustrating.. __________________ S U C C E S S some people dream of success, while other people live to crush those dreams

11-09-2003, 05:42 PM	#6 (permalink)
juanvaldes Banned Location: shittown, CA	what are you using to test?

11-09-2003, 06:48 PM	#7 (permalink)
3zos Insane Location: USA	im using IE 5 mac, safari mac, and IE 6 pc.. It is actualy working in safari, but its really more importiant to me that it works on IE for the pc.. __________________ S U C C E S S some people dream of success, while other people live to crush those dreams

11-09-2003, 06:55 PM	#8 (permalink)
soopafreek Psycho Location: ask your mom	based on what you typed, you might want to make your visited state read: background-image: url(gifs/check.gif); <-- just make sure that path is correct! and add to the other states: background-image: none; and close off that last css code with a " } " that's just looking at your code, i didn't test that. you could try to upload the css file or have this <a href="http://www.htmlhelp.org/tools/csscheck/" target="_blank">css validator</a> check your site. __________________ aaarrrrrgggghhhh!!!! Last edited by soopafreek; 11-09-2003 at 06:57 PM..