10 replies [Last post]
sankari
sankari's picture
Offline
newbie
Last seen: 11 years 14 weeks ago
Timezone: GMT+5.5
Joined: 2011-04-22
Posts: 5
Points: 6

I have an array of images, when the user clicks an image, the form gets submited.

the problem is I am able to see a block (where the image lies) and on submission the selected file name appears (in the attachment, i have selected 2806.gif, and it is shown on top. but as u can see the image is just a block.

thanks in advance.

CSS:

input.submit1 {border:0;text-indent:-999em;line-height:3000;height: 15px;width: 15px;margin-right:5px;}
.response {float: left;width: 100px;}

 For i=1 To UBound(fname2)
	 image_option = "<input type='submit' class='submit1' name='submit' value='" 
image_option = image_option & fname2(i) 
image_option = image_option & "' style='background-image:url("
image_option = image_option & fname2(i)  
image_option = image_option & ")   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>" 
response.write image_option 
response.write i & fname2(i)
'response.write PicArray(item) 
 
Next
 

AttachmentSize
error.jpg40.18 KB
Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 3 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Are your images and styles in

Are your images and styles in the same folder?

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

sankari
sankari's picture
Offline
newbie
Last seen: 11 years 14 weeks ago
Timezone: GMT+5.5
Joined: 2011-04-22
Posts: 5
Points: 6

yes

yes

AttachmentSize
register.txt 8.08 KB
Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 2 days 15 hours ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2051
Points: 2283

What is that text file

What is that text file supposed to show us other than you're using ASP.old? Could you show a link or at least the rendered markup.

sankari
sankari's picture
Offline
newbie
Last seen: 11 years 14 weeks ago
Timezone: GMT+5.5
Joined: 2011-04-22
Posts: 5
Points: 6

attaching the screenshot

attaching the screenshot

AttachmentSize
error.jpg 29.99 KB
Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 2 days 15 hours ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2051
Points: 2283

Verschwindende wrote: ...

Verschwindende wrote:

... Could you show a link or at least the rendered markup.

sankari
sankari's picture
Offline
newbie
Last seen: 11 years 14 weeks ago
Timezone: GMT+5.5
Joined: 2011-04-22
Posts: 5
Points: 6

here is the code and the

here is the code and the result page is attached in my previous post. Sorry, I'm not able to provide a link

<%@ Language=VBScript %>
<!--#include file="includes/connect.asp"-->
<!-- #include file="freeaspupload.asp" -->
 
 
<%
 username= Request.Form("uid") 
password= Request.Form("pwd")
email= Request.Form("emailid")
selected_image= Request.Form("submit")
response.write selected_image 
 
 
 set FSO = Server.CreateObject("Scripting.FileSystemObject")
 Set PicsFolder = FSO.GetFolder(Server.MapPath("/wah/smileys/"))
Set ThumbsFolder = FSO.GetFolder(Server.MapPath("/wah/smileys/"))
Dim fname2
For each i In PicsFolder.Files
   PicArray = PicArray & i.Name & "|"
fname=i.name
fname1=fname1&","&fname
  'response.write fname
Next
'PicArray = left(PicArray,len(PicArray)-1) 'trims off the trailing "|" 
PicArray1 = split(PicArray,"|") 'create the <strong class="highlight">array</strong>
fname2=Split(fname1,",")
 
For Each item In picarray1
'response.write picarray1(item)
Next
 
For i=0 To UBound(fname2)
'response.write fname2(i)
next
'  response.write picarray
set FSO = nothing
set PicsFolder = nothing
set ThumbsFolder = nothing
 %>
 
<%
gmt = getGMT()
' show the time as returned from JS function:
'Response.Write "Time returned from JS function: <B>" & gmt & "</B><P>"
 
' strip off the day of the week
gmt = Mid( gmt, 5 )
' strip off the "UTC"
gmt = Left( gmt, Len(gmt) - 4 )
 
' show the string that is left:
'Response.Write "Time after stripping: <B>" & gmt & "</B><P>"
 
' try to convert that to a VBScript datetime value:
vbsGMT = CDate( gmt )
 
' and then display the VBS value in all its glory:
'Response.Write "VBS version of that time: <B>" _
'& FormatDateTime( vbsGMT, vbLongDate ) & " " _
'& FormatDateTime( vbsGMT, vbLongTime ) & "</B><P>"
 
' convert to Indian time:
istTime = DateAdd( "n", 330, vbsGMT )
 
' and display that:
'Response.Write "IST time: <B>" _
'& FormatDateTime( istTime, vbLongDate ) & " " _
'& FormatDateTime( istTime, vbLongTime ) & "</B><P>"
new_dt=FormatDateTime(istTime,vbShortdate)
new_time=FormatDateTime(istTime,vbLongtime)
%>
 
 
 
<%
Function AccessDate(dateandtime)
				Dim myDay
				Dim myMonth
				Dim myYear
 
				myDay = Day(dateandtime)
					If Len(myDay)=1 Then myDay="0" & myDay
 
						myMonth = Month(dateandtime)
						If Len(myMonth)=1 Then myMonth="0" & myMonth
 
							myYear = Year(dateandtime)
 
							AccessDate = myYear & "-" & myMonth & "-" & myDay  
 
 
				End Function
 
 
 
%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style>
  input.submit1 {border:0;text-indent:-999em;line-height:3000;height: 15px;width: 15px;margin-right:5px;}
 .response {float: left;width: 100px;}
 
</style>
<SCRIPT Language="JScript" RUNAT="Server">
function getGMT( )
{
return ( new Date() ).toUTCString();
}
</SCRIPT>
<script>
 
function clll()
{
 
  //document.frmSend.f_nam.value=<%=request.querystring("img")%>;
   document.frmSend.fval.value=f_val;
   fil=document.getElementById("f_nam").value;
   ud=document.getElementById("uid").value;
   pd=document.getElementById("pwd").value;
  //alert(fil);
   alert(ud);
alert(pd);
alert(f_nam);
    document.frmSend.submit();
 
 //  self.location='result.asp?finam='+fil+'usr='+ud+'pwdd='+pd;
 
}
function onSubmitForm() {
   var reason = "";
   var formDOMObj = document.frmSend;
  reason += validateEmpty(formDOMObj.uid);
  reason += validateEmpty(formDOMObj.pwd);
 // reason += validateEmpty(formDOMObj.attach1);
  reason += validateEmail(formDOMObj.emailid);
 
 
  if (reason != "") {
    alert("Data Missing...\n" + reason);
    return false;
  }
 
  return true;
}
function validateEmpty(fld) {
    var error = "";
 
    if (fld.value.length == <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> {
        fld.style.background = '#C8B560';
        error = " ";
 
    } else {
          fld.style.background = 'White';
    }
    return error;   
}
function validateEmpty1(fld) {
    var error = "";
 
    if (fld.value.length == <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> {
        fld.style.background = '#C8B560';
        error = " ";
    } else {
 
     //   fld.style.background = 'White';
    }
    return error;   
}
 
function trim(s)
{
  return s.replace(/^\s+|\s+$/, '');
} 
 
function validateEmail(fld) {
    var error="";
    var tfld = trim(fld.value);                        // value of field with whitespace trimmed off
    var emailFilter = /^[^@][email protected][^@.]+\.[^@]*\w\w$/ ;
    var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/ ;
 
    if (fld.value == "") {
        fld.style.background = '#C8B560';
        error = " ";
    } else if (!emailFilter.test(tfld)) {              //test email for illegal characters
        fld.style.background = '#C8B560';
        error = "Please enter a valid email address.\n";
    } else if (fld.value.match(illegalChars)) {
        fld.style.background = '#C8B560';
        error = "The email address contains illegal characters.\n";
    } else {
 
 
        fld.style.background = 'White';
    }
    return error;
}
 
</script>
 
<!--   <LINK REL="stylesheet" HREF="stylesheet1.css" TYPE="text/css">
 -->   
</head>
 
 
<BODY 
width=100%
LINK=#ccbc6d
VLINK=#ccbc6d 
ALINK=#ccbc6d 
bgcolor=#ccbc6d>
 
<a name="tickpos"> </a>
 
<div id="ticktext" style="position:absolute;font-family:verdana;font-size:14pt;color:brown;visibility:hidden;"> 
 
</div> 
 
<!-- <table valign=top border=0 width=100% cellspacing=0 cellpadding=0 bgcolor="#ffae00"> -->
<table valign=top align=left border=0  width=100% cellspacing=0 cellpadding=0 bgcolor=#ccbc6d>
<tr><td align=left><img src="images/logo22.gif"></font></td>
 
 
<td align=center bgcolor=#ccbc6d><font face='orange clock' size=7 color="white">&nbsp;&nbsp;&nbsp; Hub</font></td>
 
<td align=right><a href="#"><img src="images/home.gif" alt="It's my Home"   onClick="window.location.href='home.asp';return false"></a>	<a href="#"><img src="images/hub.gif"   alt="My HUB" onClick="window.location.href='myhub.asp';return false"></a><a href="#"><img src="images/qn.gif"   alt="I've a Question" onClick="window.location.href='question.asp';return false"></a><a href="#"><img src="images/join.gif"    alt="Want to Join" onClick="window.location.href='register.asp';return false"></a></td></tr>
 
 
<tr><td colspan=3 align=left><B><font face=arial size=3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>Share your knowledge and spread the wisdom around you</i></b></font></td></tr>
 
<tr><td colspan=3>&nbsp;</td></tr>
<tr><td colspan=3>&nbsp;</td></tr>
<tr><td colspan=3>&nbsp;</td></tr>
<tr><td colspan=3>
<table width=40%  align=center border=1 cellspacing=0 cellpadding=0>
 
    <form name="frmSend" method="POST"   action="reg_img.asp" >
<tr><td align=center colspan=2><B><font face=verdana size=3>WAH Registration Form</font></B> </td></tr>
<tr><td colspan=3>&nbsp;</td></tr>
 
 
<tr><td colspan=3 align=center><font color=brown><%=msg%></font></td></tr>
<tr><td><font face=verdana size=2><B>UserName</B></font> </td><td><input type=text name=uid maxlength='10' size=10 class="red"></td></tr>
<tr><td><font face=verdana size=2><B>Password</B></font> </td><td><input type=password name=pwd maxlength='10' class='red'  size=10 </td></tr>
<tr><td><font face=verdana size=2><b>Email ID</B></font></td><td><input type=text name=emailid size=50 class=red></td></tr>
<TR><TD><font face=verdana size=2><B>Upload your Smiley</B></td><td>
  <!--    <input name="attach1" type="file" size=35>  -->
     <% For i=1 To UBound(fname2)
	 image_option = "<input type='submit' class='submit1' name='submit' value='" 
image_option = image_option & fname2(i) 
image_option = image_option & "' style='background-image:url("
image_option = image_option & fname2(i)  
image_option = image_option & ")   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>" 
response.write image_option 
response.write i & fname2(i)
'response.write PicArray(item) 
 
Next
 %>
    </td> </tr>
	 	</td></table>
 
    </form>
 
 
 
 
 
 
</html>

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 22 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Sankari, when we ask for the

Sankari, when we ask for the markup, we mean the html as is sent to the browser. Since you don't have the page on a public facing server, open the page in your browser, view source, and copy/paste that to your post. The server-side scripting is of no value to us.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

sankari
sankari's picture
Offline
newbie
Last seen: 11 years 14 weeks ago
Timezone: GMT+5.5
Joined: 2011-04-22
Posts: 5
Points: 6

<!DOCTYPE HTML PUBLIC

here is the markup...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style>
  input.submit1 {border:0;text-indent:-999em;line-height:3000;height: 15px;width: 15px;margin-right:5px;}
 .response {float: left;width: 100px;}
 
</style>
 
<script>
 
function clll()
{
 
  //document.frmSend.f_nam.value=;
   document.frmSend.fval.value=f_val;
   fil=document.getElementById("f_nam").value;
   ud=document.getElementById("uid").value;
   pd=document.getElementById("pwd").value;
  //alert(fil);
   alert(ud);
alert(pd);
alert(f_nam);
    document.frmSend.submit();
 
 //  self.location='result.asp?finam='+fil+'usr='+ud+'pwdd='+pd;
 
}
function onSubmitForm() {
   var reason = "";
   var formDOMObj = document.frmSend;
  reason += validateEmpty(formDOMObj.uid);
  reason += validateEmpty(formDOMObj.pwd);
 // reason += validateEmpty(formDOMObj.attach1);
  reason += validateEmail(formDOMObj.emailid);
 
 
  if (reason != "") {
    alert("Data Missing...\n" + reason);
    return false;
  }
 
  return true;
}
function validateEmpty(fld) {
    var error = "";
 
    if (fld.value.length == <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> {
        fld.style.background = '#C8B560';
        error = " ";
 
    } else {
          fld.style.background = 'White';
    }
    return error;   
}
function validateEmpty1(fld) {
    var error = "";
 
    if (fld.value.length == <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> {
        fld.style.background = '#C8B560';
        error = " ";
    } else {
 
     //   fld.style.background = 'White';
    }
    return error;   
}
 
function trim(s)
{
  return s.replace(/^\s+|\s+$/, '');
} 
 
function validateEmail(fld) {
    var error="";
    var tfld = trim(fld.value);                        // value of field with whitespace trimmed off
    var emailFilter = /^[^@][email protected][^@.]+\.[^@]*\w\w$/ ;
    var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/ ;
 
    if (fld.value == "") {
        fld.style.background = '#C8B560';
        error = " ";
    } else if (!emailFilter.test(tfld)) {              //test email for illegal characters
        fld.style.background = '#C8B560';
        error = "Please enter a valid email address.\n";
    } else if (fld.value.match(illegalChars)) {
        fld.style.background = '#C8B560';
        error = "The email address contains illegal characters.\n";
    } else {
 
 
        fld.style.background = 'White';
    }
    return error;
}
 
</script>
 
<!--   <LINK REL="stylesheet" HREF="stylesheet1.css" TYPE="text/css">
 -->   
</head>
 
 
<BODY 
width=100%
LINK=#ccbc6d
VLINK=#ccbc6d 
ALINK=#ccbc6d 
bgcolor=#ccbc6d>
 
<a name="tickpos"> </a>
 
<div id="ticktext" style="position:absolute;font-family:verdana;font-size:14pt;color:brown;visibility:hidden;"> 
 
</div> 
 
<!-- <table valign=top border=0 width=100% cellspacing=0 cellpadding=0 bgcolor="#ffae00"> -->
<table valign=top align=left border=0  width=100% cellspacing=0 cellpadding=0 bgcolor=#ccbc6d>
<tr><td align=left><img src="images/logo22.gif"></font></td>
 
 
<td align=center bgcolor=#ccbc6d><font face='orange clock' size=7 color="white">&nbsp;&nbsp;&nbsp; Hub</font></td>
 
<td align=right><a href="#"><img src="images/home.gif" alt="It's my Home"   onClick="window.location.href='home.asp';return false"></a>	<a href="#"><img src="images/hub.gif"   alt="My HUB" onClick="window.location.href='myhub.asp';return false"></a><a href="#"><img src="images/qn.gif"   alt="I've a Question" onClick="window.location.href='question.asp';return false"></a><a href="#"><img src="images/join.gif"    alt="Want to Join" onClick="window.location.href='register.asp';return false"></a></td></tr>
 
 
<tr><td colspan=3 align=left><B><font face=arial size=3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>Share your knowledge and spread the wisdom around you</i></b></font></td></tr>
 
<tr><td colspan=3>&nbsp;</td></tr>
<tr><td colspan=3>&nbsp;</td></tr>
<tr><td colspan=3>&nbsp;</td></tr>
<tr><td colspan=3>
<table width=40%  align=center border=1 cellspacing=0 cellpadding=0>
 
    <form name="frmSend" method="POST"   action="reg_img.asp" >
<tr><td align=center colspan=2><B><font face=verdana size=3>WAH Registration Form</font></B> </td></tr>
<tr><td colspan=3>&nbsp;</td></tr>
 
 
<tr><td colspan=3 align=center><font color=brown></font></td></tr>
<tr><td><font face=verdana size=2><B>UserName</B></font> </td><td><input type=text name=uid maxlength='10' size=10 class="red"></td></tr>
<tr><td><font face=verdana size=2><B>Password</B></font> </td><td><input type=password name=pwd maxlength='10' class='red'  size=10 </td></tr>
<tr><td><font face=verdana size=2><b>Email ID</B></font></td><td><input type=text name=emailid size=50 class=red></td></tr>
<TR><TD><font face=verdana size=2><B>Upload your Smiley</B></td><td>
  <!--    <input name="attach1" type="file" size=35>  -->
     <input type='submit' class='submit1' name='submit' value='2351.gif' style='background-image:url(2351.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>12351.gif<input type='submit' class='submit1' name='submit' value='2806.gif' style='background-image:url(2806.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>22806.gif<input type='submit' class='submit1' name='submit' value='32.gif' style='background-image:url(32.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>332.gif<input type='submit' class='submit1' name='submit' value='4.gif' style='background-image:url(4.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>44.gif<input type='submit' class='submit1' name='submit' value='67.gif' style='background-image:url(67.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>567.gif<input type='submit' class='submit1' name='submit' value='70.gif' style='background-image:url(70.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>670.gif<input type='submit' class='submit1' name='submit' value='bath.gif' style='background-image:url(bath.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>7bath.gif<input type='submit' class='submit1' name='submit' value='beach.gif' style='background-image:url(beach.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>8beach.gif<input type='submit' class='submit1' name='submit' value='christmas2.gif' style='background-image:url(christmas2.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>9christmas2.gif<input type='submit' class='submit1' name='submit' value='crazyjacky_seilchensmiley1.gif' style='background-image:url(crazyjacky_seilchensmiley1.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>10crazyjacky_seilchensmiley1.gif<input type='submit' class='submit1' name='submit' value='hatching.gif' style='background-image:url(hatching.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>11hatching.gif<input type='submit' class='submit1' name='submit' value='Isis_ltsaber.gif' style='background-image:url(Isis_ltsaber.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>12Isis_ltsaber.gif<input type='submit' class='submit1' name='submit' value='juggle.gif' style='background-image:url(juggle.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>13juggle.gif<input type='submit' class='submit1' name='submit' value='MrStraetzSholmes.gif' style='background-image:url(MrStraetzSholmes.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>14MrStraetzSholmes.gif<input type='submit' class='submit1' name='submit' value='native.gif' style='background-image:url(native.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>15native.gif<input type='submit' class='submit1' name='submit' value='smilie_fische.gif' style='background-image:url(smilie_fische.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>16smilie_fische.gif<input type='submit' class='submit1' name='submit' value='smilie_krebs.gif' style='background-image:url(smilie_krebs.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>17smilie_krebs.gif<input type='submit' class='submit1' name='submit' value='smilie_stier.gif' style='background-image:url(smilie_stier.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>18smilie_stier.gif<input type='submit' class='submit1' name='submit' value='smilie_wassermann.gif' style='background-image:url(smilie_wassermann.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>19smilie_wassermann.gif<input type='submit' class='submit1' name='submit' value='spring.gif' style='background-image:url(spring.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>20spring.gif<input type='submit' class='submit1' name='submit' value='stone_bigger.gif' style='background-image:url(stone_bigger.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>21stone_bigger.gif<input type='submit' class='submit1' name='submit' value='sun.gif' style='background-image:url(sun.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>22sun.gif<input type='submit' class='submit1' name='submit' value='sunflower3.gif' style='background-image:url(sunflower3.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>23sunflower3.gif<input type='submit' class='submit1' name='submit' value='whip2_1.gif' style='background-image:url(whip2_1.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>24whip2_1.gif
    </td> </tr>
	 	</td></table>
 
    </form>
 
 
 
 
 
 
</html>

Aelberten
Aelberten's picture
Offline
newbie
Last seen: 11 years 14 weeks ago
Timezone: GMT+8
Joined: 2011-05-03
Posts: 1
Points: 1

So complex

Maybe because I am fresh, I think it is too hard for me...

Vashin
Vashin's picture
Offline
Regular
Brisbane, Australia
Last seen: 11 years 12 weeks ago
Brisbane, Australia
Timezone: GMT+10
Joined: 2011-05-07
Posts: 48
Points: 48

It might be because you are

It might be because you are using positioning in 'background-image:' where it is not possible to. You need to change it either to 'background:', or make a separate 'background-repeat: after it.

For example, I see this:

<input type='submit' class='submit1' name='submit' value='2351.gif' style='background-image:url(2351.gif)   no-repeat; display: block;  overflow: hidden;position: relative;background-attachment: fixed; '>12351.gif

It should be:

<input type='submit' class='submit1' name='submit' value='2351.gif' style='background: url(2351.gif) no-repeat fixed; display: block;  overflow: hidden;position: relative; '>12351.gif

I'm not sure if that is what would be causing the problem as there is a lot of inline code obfuscating readability.

Also, for curiosity's sake, please right-click the image and check the path is indeed going to the correct folder. If you are retrieving the image through a script it could be that it needs to be linked to relative to the script rather than the page holding the result.

Please read the rules of CSSCreator before your next post. Following the rules and posting within the guidelines will enable members to assist you much more accurately than if you don't which not only saves us time, but gives you your answers faster.