|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
|
|
#1
April 21st, 2004, 02:33 PM
|
|||
|
|||
|
CSS background image problems
- EDIT -
I feel stupid because the images are named content_02.jpg not content02.jpg Sorry - I knew I wasn't crazy I've encountered a seriously odd css difficulty. Where as two nearly identical tags being called upon in the same manner... one will work and the other will not. This is my Stylesheet Code:
td.bgimg1 {
background-image: url('images/content02.jpg');
}
td.bgimg2 {
background-image: url('images/content06.jpg');
}
td.bgimg3 {
background-image: url('images/index_17.jpg');
}
td.bgimg4 {
background-image: url('images/index_18.jpg');
}
td.upbgimg1 {
background-image: url('../images/content02.jpg');
}
td.upbgimg2 {
background-image: url('../images/content06.jpg');
}
td.upbgimg3 {
background-image: url('../images/index_17.jpg');
}
td.upbgimg4 {
background-image: url('../images/index_18.jpg');
}
td.upbgimg5 {
background-image: url('../images/comic_01.jpg');
}
A:link
{
FONT-FAMILY: Verdana, tahoma, Arial;
COLOR: #284966;
TEXT-DECORATION: underline;
}
A:visited
{
FONT-FAMILY: Verdana, tahoma, Arial;
color : #284966;
text-decoration : underline;
}
A:active
{
FONT-FAMILY: Verdana, tahoma, Arial;
COLOR: #284966;
TEXT-DECORATION: underline;
}
A:hover
{
FONT-FAMILY: Verdana, tahoma, Arial;
COLOR: #FF8C00;
TEXT-DECORATION: underline;
}
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0
}
table{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
This is the code where they are called upon... Code:
<td width="16" class="upbgimg3"></td> This one works Code:
<td width="16" class="upbgimg4"><div align="right"></div></td> As does this.. --- But the following don't work. Code:
<td class="upbgimg2"> </td> Code:
<td class="upbgimg1" valign="bottom"><div align="center">- Text -</div></td> I am linking to my style sheet as follows. Code:
<link href="../textstyle.css" rel="stylesheet" type="text/css"> Any ideas? Last edited by G2Koolio : April 21st, 2004 at 02:38 PM.
|
|
#2
April 22nd, 2004, 02:55 PM
|
||||
|
||||
|
are you sure all the image paths are correct, i noticed that you have some of them in ../images/ and others in images/
__________________
------------- vbrtrmn -------------- i think i'm missing some vowels here ------------------------------------ ---------- js.antinoc.net ---------- ------------------------------------ --- The Two Types of Programmers --- Motorcycles are cooler than computers!
|
|
| Viewing: Dev Shed Forums > Web Design > CSS Help > CSS background image problems |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
