Stupid Dot

GJSNeptune

[H]F Junkie
Joined
Mar 31, 2004
Messages
12,372
What might cause a white dot to appear next to an image? It looks fine offline, but when I upload it and load the page, somethin' crazy happens. There's no weird code. It's a Paypal button that is displayed normally. You can also see that it adds a little more space below it.

donate.jpg
 
The email link above it is done with JS to guard against email harvesters. However, when I paste it into this text box, it gets partially rendered. There's no error in the JS code. My pages are also error- and warning-free according to the HTML Validation extension.

Code:
<center><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="image" src="graphics/paypal.gif" name="submit" alt="Make payments with PayPal - it's fast, free and secure!" />
<img border="0" src="grahpics/paypal.gif" width="1" height="1" alt="" />
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----MIIHsQYJKoZIhvcNAQcEoIIHojCCB54CAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYCyZ/BtMbt+1eoAlRDY+5960KSoh3dLEl08NKcW9AODhlJ0K7ClW3bNpA2eQcWmLbRIIidFlNBbpVfKWt3WkDqFVPqMECfcACEmYtfaMovUOjo/6VAPCT1h0CtTWe6XyLRdo+pMvLKlfZO6NvpF4NA8Mu7FpCUUtCs3qmmPZPwcgDELMAkGBSsOAwIaBQAwggEtBgkqhkiG9w0BBwEwFAYIKoZIhvcNAwcECPNssMnN34G8gIIBCLkHPGAsdIDlFBDFGH+06J4KIQQHez/BDRQCjbNxHNxQ7xOCRzd8/zW1S3XMpgXGDFNYfaZlnN0HwxfZ0DySDvAuvf1uBIZNtCfnSU1ashYdSMhYpSusSys23B26a0W4KTjh18qn+24ERa1Zy49vqb4LCwsaLWXEm33mbTL+l9wZFbELT72+VUzsGe4wanS7DaVDTe7QCqK+s6PhnD99x1flAcIeHFKjN0Zfxekadzrdsbwlg0nssepdL0ZVbacfNA233QzSqlWLzbCzN9JrPOfyrk0dNDxg6u4LJjTF+DCpB4/5rk8jJsF3hCUAXAFE2OLcCpWGTErTJfoKj8qX8FnWjHSwpXSsnqCCA4cwggODMIIC7KADAgECAgEAMA0GCSqGSIb3DQEBBQUAMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTAeFw0wNDAyMTMxMDEzMTVaFw0zNTAyMTMxMDEzMTVaMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTCBnzANBgkqhkiG9w0BAQEFAAOBjQAwgYkCgYEAwUdO3fxEzEtcnI7ZKZL412XvZPugoni7i7D7prCe0AtaHTc97CYgm7NsAtJyxNLixmhLV8pyIEaiHXWAh8fPKW+R017+EmXrr9EaquPmsVvTywAAE1PMNOKqo2kl4Gxiz9zZqIajOm1fZGWcGS0f5JQ2kBqNbvbg2/Za+GJ/qwUCAwEAAaOB7jCB6zAdBgNVHQ4EFgQUlp98u8ZvF71ZP1LXChvsENZklGswgbsGA1UdIwSBszCBsIAUlp98u8ZvF71ZP1LXChvsENZklGuhgZSkgZEwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tggEAMAwGA1UdEwQFMAMBAf8wDQYJKoZIhvcNAQEFBQADgYEAgV86VpqAWuXvX6Oro4qJ1tYVIT5DgWpE692Ag422H7yRIr/9j/iKG4Thia/Oflx4TdL+IFJBAyPK9v6zZNZtBgPBynXb048hsP16l2vi0k5Q2JKiPDsEfBhGI+HnxLXEaUWAcVfCsQFvd2A1sxRr67ip5y2wwBelUecP3AjJ+YcxggGaMIIBlgIBATCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwCQYFKw4DAhoFAKBdMBgGCSqGSIb3DQEJAzELBgkqhkiG9w0BBwEwHAYJKoZIhvcNAQkFMQ8XDTA2MTExNTA4MjgxN1owIwYJKoZIhvcNAQkEMRYEFF90zkcIwwVLuS683kuGyxB9xs8FMA0GCSqGSIb3DQEBAQUABIGAK+RkoyEb2930XLdPsxh2XjqH2DiweHO7sbMqvh9rrPPhmUDaDcMQzSOAZrlglICCnCBh5RjDsIEephw3yuBvviYBJH/lQrTpiCpmuAJSzrb4Hdzq9lQvR1hZfPbQb/BDvDoaGN93enIfhW+8fCEqaUIot2nRz6X1rGbTiC5dbYE=-----END PKCS7-----" />
</form></center>

Just strange that it changes even with the same browser. It must be something on 1&1's side. Even when I take out the JS email script, the dot appears.
 
this line is your dot.
Code:
<img border="0" src="grahpics/paypal.gif" width="1" height="1" alt="" />

this is the image you actually see (IE the paypal button)
Code:
<input type="image" src="graphics/paypal.gif" name="submit" alt="Make payments with PayPal - it's fast, free and secure!" />
 
GJSNeptune said:
Makes sense, but why does it only show up when it's uploaded to my domain?

This line:

Code:
<img border="0" src="grahpics/paypal.gif" width="1" height="1" alt="" />

is your image displayed at a 1 pixel size. Therefore it looks like a white dot - you probably don't need that bit of code at all.

This line:

Code:
<input type="image" src="graphics/paypal.gif" name="submit" alt="Make payments with PayPal - it's fast, free and secure!" />

Is a form element with the picture, at its normal size, as the display. It's what you need to keep.

If you take out the top line does it display the same on and offline?
 
I already fixed it. I'm just wondering why Paypal put that useless code in there, and why it only shows up when uploaded.
 
Back
Top