css problem with background images


R

ribinha

Hi all,
I am having problems loading background images on my pages. I have
created a css to display the images. It works just fine on my test box,
but when I tried on real pages it wont upload any images everythin else
displays just fine. I used a table and added a background image to
every row. when i call the page it shows that it is preloading images
but never displays. I have tried to place the css code on the page
itself as well. the code for my CSS.html is as follows:

..style_slice5 { background-image:url(images/ADSS_Layout-05.jpg);
background-repeat: no-repeat }
..style_slice6 { background-image:url(images/ADSS_Layout-06.jpg);
background-repeat: no-repeat }
..style_slice7 { background-image:url(images/ADSS_Layout-07.jpg);
background-repeat: no-repeat }
..style_slice8 { background-image:url(images/ADSS_Layout-08.jpg);
background-repeat: no-repeat }
On the pages I used <link href="/styles.css" rel="stylesheet"
type="text/css"> to call it.
can anyone help?

thanks in advance.
 
Ad

Advertisements

T

Trevor L.

But it will for a <td> tag:
<html>
<head>
<style type ="text/css">
#main { background: url("images/display/parchmnt.gif") ;}
#sec { background: url("images/display/crumpled_paper.gif") ;}
</style>
</head>
<body>
<table border=0>
<tr>
<td width = "800px" height = "600px" id="main"> Cell1 </td>
<td width = "224px" height = "600px" id="sec"> Cell2 </td>
</tr>
</table>
</body>
<html>
 
R

ribinha

I have it in a cell <td> not a row <tr>.Sorry I didnt specify
correctly. nothing else is breaking. the pages come out with
everything where it should be. It displays buttons but not the
backgroung images. Please let me know if anyone can help. thanks guys
 
S

Stefan B Rusynko

Better still post a URL to the page on line

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| Post the code, please.
|
| --
| Murray
| ============
|
| | >I have it in a cell <td> not a row <tr>.Sorry I didnt specify
| > correctly. nothing else is breaking. the pages come out with
| > everything where it should be. It displays buttons but not the
| > backgroung images. Please let me know if anyone can help. thanks guys
| >
|
|
 
Ad

Advertisements

R

ribinha

<body bgcolor="#675cca" leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0" text="#cccccc"
onLoad="MM_preloadImages('/images/ht_ro_r1_c1.gif',
'/images/ht_ro_r1_c2.gif',
'/images/ht_reg_r1_c1.gif','/images/ht_reg_r1_c2.gif','/images/ADSS_Layout-01.jpg',
'/images/ADSS_Layout-05.jpg', '/images/ADSS_Layout-06.jpg',
'/images/ADSS_Layout-06.jpg', '/images/ADSS_Layout-07.jpg',
'/images/ADSS_Layout-08.jpg',
'/images/ADSS_Layout-09.jpg', '/images/ADSS_Layout-10.jpg',
'/images/ADSS_Layout-11.jpg', '/images/ADSS_Layout-12.jpg',
'/images/ADSS_Layout-13.jpg',
'/images/ADSS_Layout-14.jpg', '/images/ADSS_Layout-15.jpg',
'/images/ADSS_Layout-16.jpg', '/images/ADSS_Layout-17.jpg',
'/images/ADSS_Layout-18.jpg',
'/images/ADSS_Layout-19.jpg', '/images/ADSS_Layout-20.jpg',
'/images/ADSS_Layout-21.jpg', '/images/ADSS_Layout-22.jpg',
'/images/ADSS_Layout-23.jpg',
'/images/ADSS_Layout-02.jpg', '/images/ADSS_Layout-03.jpg',
'/images/ADSS_Layout-04.jpg'); form.from.disabled=true;
form.to.disabled=true; form.period.disabled=true">

<FORM METHOD="POST" ACTION="chomp?pg=ag&sel=1" NAME="form">


<table id="Table_01" width="1024" height="768" border="0"
cellpadding="0" cellspacing="0">
<tr>

<td height="148" width="1024" colspan="6" class="style_slice1"></td>
</tr>

<tr>
<td height="35"></td>
</tr>

<tr>
<td colspan="5"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>

<td width=5%"></td>
<td width="17%"><a href="../bayou/chomp?pg=do"
onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('reporting','','/images/ht_ro_r1_c1.gif',1)"><img
src="/images/ht_reg_r1_c1.gif" alt="Reporting"
name="reporting" width="134" height="30" border="0"></a></td>
<td width="19%"> <a href="chomp?pg=ao"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('administrator','','/images/ht_ro_r1_c2.gif',1)"><img
src="/images/ht_reg_r1_c2.gif" alt="Administrator" name="administrator"
width="163" height="30" border="0"></a></td>
<td width="41%" align="right"
class="superSmallTextWhiteRt"><br>
<a href="../bayou/chomp?lo=1"
class="superSmallTextWhiteRt">Sign Out</a>&nbsp;</td>
<td width="18%" align="center" valign="bottom"
class="superSmallTextWhiteRt">Version 1.7.5 </td>
</tr>

</table>
</td>
<td></td>
</tr>


<tr height="44">
<td class="style_slice2" width="46"></td>
<td class="style_slice3" width="158"></td>
<td class="style_slice4" width="37"></td>

<td class="style_slice5" width="34"></td>
<td class="style_slice6" width="708"></td>
<td class="style_slice7" width="41"></td>

</tr>
<tr height="262">

<td class="style_slice8"></td>
<td rowspan="2" class="style_slice9" valign="top"><table width="100%"
border="0" cellspacing="0" cellpadding="0"> <tr> <td
class="header1SmallBldBlue">Reports&nbsp;</td> </tr> </table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="19" align="center" valign="middle"><img
src="/images/bluedot.gif" width="8" height="8" border="0"
class="dotHidden"></td>
<td class="superSmallTextWhite"><a href="chomp?pg=do">Overview</a></td>
</tr>
<tr>
<td width="11%" align="center" valign="middle"><img
src="/images/bluedot.gif" width="8" height="8" border="0"
class="dotHidden"></td>
<td width="89%" class="superSmallTextWhite"><a
href="chomp?pg=vo">Visual Overview</a></td>
</tr>
<!-- <tr>
<td width="11%" align="center" valign="middle"><img
src="/images/bluedot.gif" width="8" height="8" border="0"
class="dotHidden"></td>
<td width="89%" class="superSmallTextWhite"><a href="chomp?pg=bi">Feed
Info</a></td>
</tr> -->
<tr>
<td height="19" align="center" valign="middle"><img
src="/images/bluedot.gif" width="8" height="8" border="0" ></td>
<td class="superSmallTextWhite">Activity Graphs</td>
</tr>

<tr>
<td height="19" align="center" valign="middle"><img
src="/images/bluedot.gif" width="8" height="8" border="0"
class="dotHidden"></td>
<td class="superSmallTextWhite"><a
href="chomp?pg=mh&show=u">Misbehaving Hosts</a></td>
</tr>
<tr>
<td height="19" align="center" valign="middle"><img
src="/images/bluedot.gif" width="8" height="8" border="0"
class="dotHidden"></td>
<td class="superSmallTextWhite"><a href="chomp?pg=um">User
Management</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr>
<td class="greyTlineSolid">&nbsp;</td> </tr> </table>
</td>

<td class="style_slice10"></td>
<td class="style_slice11"></td>
<td rowspan="2" class="style_slice12">
<br> <table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td
class="header1SmallBldBlue"><B>Activity Graphs<B></td>
</tr>
</table>

<br>
<table width="581" border="0" align="center"
cellpadding="2" cellspacing="0" class="borderGrey">
<tr class="tblHeaderSmDrkBlueWhtTxtBld">
<td height="20" colspan="3"
valign="middle">Develop a Custom Graph</td>
</tr>

<tr height="5"><td height="5">&nbsp;</td></tr>
<tr>

<td valign="top">&nbsp;<span
class="medTextBlkBld"><B><font color="#cccccc" style="bold">Time
Period</span>
<p><input name="timeReport" type="radio" value="quick"
onClick="from.disabled=true; to.disabled=true; period.disabled=false">
&nbsp;For quick report select from box bellow:</P>
<p>&nbsp;Time Range <select name="period" id="period"
class="smallTextFieldGryBg">
<option value="" selected></option>
<option value="24h" >Last 24
hours</option>

<option value="7d" >Last 7
days</option>
<option value="30d" >Last 30
days</option>
<option value="1y" >Last
year</option>
</select></P>
<P><input name="timeReport" type="radio" value="specific"
onClick="from.disabled=false; to.disabled=false; period.disabled=true">

&nbsp;For specific range enter dates bellow:</p>

<p> &nbsp;From:
<input name="from" type="text"
value="" size="12" maxlength="12" onBlur="validFrom(from.value)">

&nbsp;to:
<input name="to" type="text"
value="" size="12" maxlength="12" onBlur="validTo(to.value)">
</p>
<p>&nbsp;enter: yyyymmddhhmm
eg: 200510011200 </p>
</font><B>

</td>

<td valign="top"><span
class="medTextBlkBld"><B><font color="#cccccc" style="bold">Traffic
Category</font><B></span>

<table width="100%" border="0"
cellspacing="0" cellpadding="0">

<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><B><font
color="#cccccc" style="bold">
&nbsp;&nbsp;<input type="checkbox"
name="bogons" value="1" checked><span
class="medTextBlk">Bogons</span><br>
&nbsp;&nbsp;<input type="checkbox"
name="badguys" value="1" checked><span class="medTextBlk">
Badguys</span><br>

&nbsp;&nbsp;<input type="checkbox"
name="honeynet" value="1" ><span class="medTextBlk">
Honeynet</span><br>
</font><B></td>

<td><B><font
color="#cccccc" style="bold">
<input type="checkbox"
name="backscatter" value="1" > <span
class="medTextBlk">Backscatter</span><br>
<input type="checkbox" name="atme"
value="1" > <span class="medTextBlk"> At Me</span><br>

<input type="checkbox"
name="thrume" value="1" > <span class="medTextBlk"> Through
Me</span><br>
</font><B></td>
</tr>
</table>
</td>

<td valign="bottom"><div
align="right"><br>
<br><br><br>
<input type="image"
src="/images/graphBtn.gif" alt="submit" name="submit" width="57"
height="15" onclick="cleartext();
from.disabled=true; to.disabled=true;
period.disabled=true">&nbsp;</div>

</td>
</tr>
<tr class="smallTextRedCntrd"> <td colspan="2"><b><tr
class="smallTextRedCntrd"> <td colspan="2"><b>Make your selection, and
enter time range for reporting.<b><br><br></td> </tr><b><br><br></td>
</tr>
</table>
<br>
<br>

<table width="583" border="0" align="center"
cellpadding="0" cellspacing="0" class="borderGrey" bgcolor="#FFFFFF">
<tr>
<td height="20" align="center"
valign="middle" class="tblHeaderSmDrkBlueWhtTxtBld">Custom Network
Traffic Graph</td>
</tr>
<tr>
<td width="581" align="center"
valign="middle"><img alt="Generating Custom Graph"
src="chomp?id=f822919620f36c4e5965b434eb1c4377&pg=ag&g=act&period=168&startTimestamp=1130144108&endTimestamp=1130748908&badguys=1&bogons=1&sel=1"></td>
</tr>
</table>

<p>


</td>




<td class="style_slice13"></td>
</tr>
<tr height="585">
<td class="style_slice14"></td>

<td class="style_slice15"></td>
<td class="style_slice16"></td>
<td class="style_slice17"></td>
</tr>
<tr height="46">
<td class="style_slice18"></td>
<td class="style_slice19"></td>
<td class="style_slice20"></td>
<td class="style_slice21"></td>

<td class="style_slice22"></td>
<td class="style_slice23"></td>
</tr>
<tr class="superSmallTextWhiteCnt">
<td colspan="4" height="12"></td>
<td colspan="2" align="right">Copyright &copy;
MainNerve, Inc. All rights reserved - Patent pending</td>
<td></td>

</tr>
<tr height="10">
<td> </td>
</tr>
</table>
</form>
</body>
</html>

########################## CSS code ##########################

..style_slice5 { background-image:url(images/ADSS_Layout-05.jpg);
background-repeat: no-repeat }
..style_slice6 { background-image:url(images/ADSS_Layout-06.jpg);
background-repeat: no-repeat }
..style_slice7 { background-image:url(images/ADSS_Layout-07.jpg);
background-repeat: no-repeat }
..style_slice8 { background-image:url(images/ADSS_Layout-08.jpg);
background-repeat: no-repeat }
 
Ad

Advertisements

M

Murray

You have a number of coding problems on that page -

<tr height="262">

<td class="style_slice8"></td>
<td rowspan="2" class="style_slice9" valign="top"><table width="100%"
border="0" cellspacing="0" cellpadding="0">
<tr>

There is no closing </tr> between the first <tr> and the second one.

Furthermore, the column/row count in that table is inconsistent, as well as
in other tables on the page. I suggest that you try validating your page
here - http://validator.w3.org - fixing the errors found, and then look at
your CSS expression after doing that.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top