Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > "_" Character appearing before Img

Reply
Thread Tools

"_" Character appearing before Img

 
 
Aaron
Guest
Posts: n/a
 
      03-18-2006
I have a strange little annoyance.

What would cause a short "_" to appear on an simple html page just before an
image?
Its seems to be visible in IE6 & Firefox, different PCs.

Ex. http://www.garyluttrell.com/ContactLuttrell.htm

Any suggestions appreciated.


 
Reply With Quote
 
 
 
 
Hywel Jenkins
Guest
Posts: n/a
 
      03-18-2006
In article <pDVSf.7$(E-Mail Removed)>, http://www.velocityreviews.com/forums/(E-Mail Removed) says...
> I have a strange little annoyance.
>
> What would cause a short "_" to appear on an simple html page just before an
> image?
> Its seems to be visible in IE6 & Firefox, different PCs.
>
> Ex. http://www.garyluttrell.com/ContactLuttrell.htm
>
> Any suggestions appreciated.


It's because there's whitespace before the image, which is part of a
link. Change this snippet

....htm">
<img src="makepayment1.gif" ...

to
....htm"><img src="makepayment1.gif" ...

--

Hywel
http://kibo.org.uk/
 
Reply With Quote
 
 
 
 
Ed Mullen
Guest
Posts: n/a
 
      03-18-2006
Aaron wrote:
> I have a strange little annoyance.
>
> What would cause a short "_" to appear on an simple html page just before an
> image?
> Its seems to be visible in IE6 & Firefox, different PCs.
>
> Ex. http://www.garyluttrell.com/ContactLuttrell.htm
>
> Any suggestions appreciated.
>
>


did you fix it? Not showing here in Firefox, IE7, Opera, nor SeaMonkey.

--
Ed Mullen
http://edmullen.net
http://mozilla.edmullen.net
http://abington.edmullen.net
 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      03-18-2006
Aaron wrote:

> I have a strange little annoyance.
>
> What would cause a short "_" to appear on an simple html page just before an
> image?
> Its seems to be visible in IE6 & Firefox, different PCs.
>
> Ex. http://www.garyluttrell.com/ContactLuttrell.htm
>
> Any suggestions appreciated.
>
>


Whitespace: spaces, tabs, carriage returns...
<a href="somewhere">*whitespace here*<img src="myimage.jpg></a>
--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
Aaron
Guest
Posts: n/a
 
      03-19-2006
"Ed Mullen" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Aaron wrote:
>> I have a strange little annoyance.
>>
>> What would cause a short "_" to appear on an simple html page just before
>> an image?
>> Its seems to be visible in IE6 & Firefox, different PCs.
>>
>> Ex. http://www.garyluttrell.com/ContactLuttrell.htm
>>
>> Any suggestions appreciated.
>>
>>

>
> did you fix it? Not showing here in Firefox, IE7, Opera, nor SeaMonkey.
>
> --
> Ed Mullen
> http://edmullen.net
> http://mozilla.edmullen.net
> http://abington.edmullen.net


Thanks

That fixed the top MakePayment but there was no space in the html of the
lower Map&Directions image.


 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      03-19-2006
Aaron wrote:
<SNIP>
> That fixed the top MakePayment but there was no space in the html of the
> lower Map&Directions image.
>
>


Yes there is a carriage return between the opening A tag and the open
FONT tag (which BTW your should not use) Check out the rest of your errors

http://validator.w3.org/check?verbos...ctLuttrell.htm

Result for http://www.garyluttrell.com/ContactLuttrell.htm - W3C Markup
Validator

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
Noozer
Guest
Posts: n/a
 
      03-19-2006
> That fixed the top MakePayment but there was no space in the html of the
> lower Map&Directions image.


No, but there is a line break.

An ugly trick I use (and any comments are welcome) is to close the tag at
the beginning of the next line. i.e.:

<p>Here are some links:<br />
<a href="link.one">Link One</a
><a href="link.two">Link Two</a
><a href="link.three">Link Three</a
></p>



 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      03-19-2006
Noozer wrote:

>>That fixed the top MakePayment but there was no space in the html of the
>>lower Map&Directions image.

>
>
> No, but there is a line break.
>
> An ugly trick I use (and any comments are welcome) is to close the tag at
> the beginning of the next line. i.e.:
>
> <p>Here are some links:<br />
> <a href="link.one">Link One</a
> ><a href="link.two">Link Two</a
> ><a href="link.three">Link Three</a

>
>></p>


That can cause problems for HTML 4.01 Strict,
better to wrap it this way:

<a href="link.one">Link One
</a><a href="link.two">Link Two...

or

<a href="link.one">Link One</a><a
href="link.two">Link Two</a>...


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
Aaron
Guest
Posts: n/a
 
      03-19-2006

"Jonathan N. Little" <(E-Mail Removed)> wrote in message
news:441ce7e1$0$3701$(E-Mail Removed).. .
> Aaron wrote:
> <SNIP>
>> That fixed the top MakePayment but there was no space in the html of the
>> lower Map&Directions image.
>>
>>

>
> Yes there is a carriage return between the opening A tag and the open FONT
> tag (which BTW your should not use) Check out the rest of your errors
>
> http://validator.w3.org/check?verbos...ctLuttrell.htm
>
> Result for http://www.garyluttrell.com/ContactLuttrell.htm - W3C Markup
> Validator
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIO
> http://www.LittleWorksStudio.com


So Jonathan
I thought the HTML Declaration may have helped another problem on this page,
but no.
I have a strange space matter after the submit/cancel buttons, before the
email address privacy paragraph.
In that, there is No space viewing with Firefox, and a double space with
IE6.


 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      03-19-2006
Aaron wrote:
<snip>
> So Jonathan
> I thought the HTML Declaration may have helped another problem on this page,
> but no.
> I have a strange space matter after the submit/cancel buttons, before the
> email address privacy paragraph.
> In that, there is No space viewing with Firefox, and a double space with
> IE6.
>
>

I am not looking at the source as parsed by a browser but at your
actually source downloaded.

You have no 'HTML Declaration' (which I think mean DocType)

Your Code:
<html><head><title>Luttrell Contact</title></head>
<body><img src="ContactLuttrell_files/co...

A doctype declaration goes before the <HTML> tag as thus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>...

But of course new pages should be HTML 4.01 strict, but your markup as
is will be a big problem without correction.

Stuff like this. your actual markup:

</font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font><p>
<font face="verdana" size="-1"><font color="red" size="1"><font
color="black" size="-2"><font face="arial" size="-2"><font color="red"
size="1"><font color="black" size="-2"><font color="red" size="1"><font
color="black" size="-2"><font color="red" size="1"><font color="black"
size="-2"><font color="red" size="1"><font color="black" size="-2"><font
color="red" size="1"><font color="#808080" face="verdana"
size="-2"><font size="2"><font color="#000000" face="verdana"
size="-1"><br><br><br>
</font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></p></form></body></html>

What WYSIWYG editor did you use? That markup is a tell tail sign that
you did. Dump the font element as use a stylesheet so this is unnecessary

<hr align="left" color="#ff0000" width="70%">

You could style your HR in a stylesheet with:

HR { border: 1px solid #ff0000; #ff0000; width: 70%; margin-left: 0; }

Then all you need is

<hr>

in your markup....

All the FONT junk isn't required all you need if you want your page in
sans-serif font is in your stylesheet

BODY {
font-family: Arial, Helvetica, Tahoma, Geneva, Gothic, sans-serif;
font-size: 100%;
}

If you need to specify required fields then a class would do, say:

..required { color: #ff0000; }

and in your markup:

<label for="name">Your Name:<span class="required">*</span></label>

Good luck you have your work cutout for you.



--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
putting img above/bellow img ? Jopek HTML 7 04-26-2009 10:26 PM
how to replace this like <img width=100 ...> with <img width="100" ...> zhanye815@gmail.com Perl Misc 7 06-21-2006 11:16 PM
Problem: <img></img> Philipp Lenssen XML 15 07-03-2005 09:23 AM
how to download img from html img tag news.austin.rr.com ASP .Net 2 04-27-2005 06:25 PM
Changing img's before printing... Michael J Whitmore Javascript 0 11-03-2003 05:15 PM



Advertisments