473,387 Members | 1,582 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,387 software developers and data experts.

Text associated with image

Don
I checked the FAQs but don't seem to fing anything that covers a current
question I have. In my old age it seems I've become a coder and not a programmer.

I've put an image on the left, with descriptive text to the right, centered:
<img src="james.jpg" height="300" width="200" target="_BLANK" ALIGN=CENTER> James ca. 1874 </A>

However, for one image the text is much longer and wraps to the
bottom of the image and not immediately under the first line:

|
img | Long line of text...
|
....that continues down here.

How can I code that line such that the continuation line is to the right
of the image and immediately under the first line?

Thanks,
Don
Username munged by FixNews
-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----
Jul 20 '05 #1
10 2336
Don@NoSpam wrote:

Firstly, HTML is *NOT* intended to be a presentational language.
Although there are presentational elements and attributes available,
most of them are the result of the browser wars between IE and Netscape
at the end of last century. Most of these, that were included in the
HTML 4.01 specification have been deprecated, and their use is not
recommended.
I've put an image on the left, with descriptive text to the right, centered:
<img src="james.jpg" height="300" width="200" target="_BLANK" ALIGN=CENTER> James ca. 1874 </A>
Here's your first set of problems:
• The <img/> element does not have a target attribute
• The image is missing the required alt text.
• You have an end tag for the <a> element, with no opening tag
• The align attribute is presentational, avoid using it.
• Avoid the use of the target attribute to open new windows.
It should *always* be the user's decision to open a new
window/tab when they click a link, *NOT THE AUTHORS!!!*

I think you were trying to create something like this:

<a href="..."><img src="james.jpg" height="300" width="200"
alt="Photo of James..." /></a>

However, for one image the text is much longer and wraps to the
bottom of the image and not immediately under the first line:

|
img | Long line of text...
|
...that continues down here. A URI where we could see this would be nice.
How can I code that line such that the continuation line is to the right
of the image and immediately under the first line?


Ask this question in c.i.w.a.stylesheets; it's a stylesheet question,
not an HTML question, and provide a URI this time!

--
Lachlan Hunt
http://www.lachy.id.au/
la**********@lachy.id.au.update.virus.scanners

Remove .update.virus.scanners to email me,
NO SPAM and NO VIRUSES!!!
Jul 20 '05 #2
To place text on the right side of the image you should "stick" image to the
left side of a container
by using either align=left attribute or use style="float:left"

<a href=...>
<img src="james.jpg" height="300" width="200" alt="..." align=left>My text
on the right of the image
</a>

Style form::
<a href=...>
<img src="james.jpg" height="300" width="200" alt="..." style="float:left">
</a>

As Lachlan already told you it is more convenient to use separate style
sheet (CSS) for describing visual representation of your structured
information (HTML). Especially if you have plans to change visual
representation in future or use something like different themes (read: style
sheets).

Andrew Fedoniouk.
http://terrainformatica.com

<Don@NoSpam> wrote in message news:40***************@icehouse.net...
I checked the FAQs but don't seem to fing anything that covers a current
question I have. In my old age it seems I've become a coder and not a programmer.
I've put an image on the left, with descriptive text to the right, centered: <img src="james.jpg" height="300" width="200" target="_BLANK" ALIGN=CENTER> James ca. 1874 </A>
However, for one image the text is much longer and wraps to the
bottom of the image and not immediately under the first line:

|
img | Long line of text...
|
...that continues down here.

How can I code that line such that the continuation line is to the right
of the image and immediately under the first line?

Thanks,
Don
Username munged by FixNews
-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----

Jul 20 '05 #3
Don


Lachlan Hunt wrote:

Don@NoSpam wrote:

Firstly, HTML is *NOT* intended to be a presentational language.
Although there are presentational elements and attributes available,
most of them are the result of the browser wars between IE and Netscape
at the end of last century. Most of these, that were included in the
HTML 4.01 specification have been deprecated, and their use is not
recommended.
I've put an image on the left, with descriptive text to the right, centered:
<img src="james.jpg" height="300" width="200" target="_BLANK" ALIGN=CENTER> James ca. 1874 </A>


Here's your first set of problems:
• The <img/> element does not have a target attribute
• The image is missing the required alt text.
• You have an end tag for the <a> element, with no opening tag
• The align attribute is presentational, avoid using it.
• Avoid the use of the target attribute to open new windows.
It should *always* be the user's decision to open a new
window/tab when they click a link, *NOT THE AUTHORS!!!*

I think you were trying to create something like this:

<a href="..."><img src="james.jpg" height="300" width="200"
alt="Photo of James..." /></a>
However, for one image the text is much longer and wraps to the
bottom of the image and not immediately under the first line:

|
img | Long line of text...
|
...that continues down here.

A URI where we could see this would be nice.
How can I code that line such that the continuation line is to the right
of the image and immediately under the first line?


Ask this question in c.i.w.a.stylesheets; it's a stylesheet question,
not an HTML question, and provide a URI this time!

--
Lachlan Hunt
http://www.lachy.id.au/
la**********@lachy.id.au.update.virus.scanners

Remove .update.virus.scanners to email me,


I don't know why I'd want to e-mail you, I can't even understand your discussion
of my "problem." I didn't request a lecture on technique and don't spend my time
with HTML and it's vagaries, I use it as a simple tool that my readers enjoy. But
they aren't trying to impress each other, just learn more of the genealgy of
their family lines. I feel you are rather pedantic in your helpfullness, and
won't bother you or this NG again. It reminds me too much of the programmers
I worked with in the 70's and 80's at LANL, always trying to impress others with
their abilities.

As for URI, I don't know what that is, but I've only been on the Internet since
1996. I know what a URL is, User Resource Location. But, the "I"? Must be your
association with self importance showing up again...

<plonk>
Username munged by FixNews
-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----
Jul 20 '05 #4
Don


Lachlan Hunt wrote:

Don@NoSpam wrote:

Firstly, HTML is *NOT* intended to be a presentational language.
Although there are presentational elements and attributes available,
most of them are the result of the browser wars between IE and Netscape
at the end of last century. Most of these, that were included in the
HTML 4.01 specification have been deprecated, and their use is not
recommended.
I've put an image on the left, with descriptive text to the right, centered:
<img src="james.jpg" height="300" width="200" target="_BLANK" ALIGN=CENTER> James ca. 1874 </A>


Here's your first set of problems:
• The <img/> element does not have a target attribute
• The image is missing the required alt text.
• You have an end tag for the <a> element, with no opening tag
• The align attribute is presentational, avoid using it.
• Avoid the use of the target attribute to open new windows.
It should *always* be the user's decision to open a new
window/tab when they click a link, *NOT THE AUTHORS!!!*

I think you were trying to create something like this:

<a href="..."><img src="james.jpg" height="300" width="200"
alt="Photo of James..." /></a>
However, for one image the text is much longer and wraps to the
bottom of the image and not immediately under the first line:

|
img | Long line of text...
|
...that continues down here.

A URI where we could see this would be nice.
How can I code that line such that the continuation line is to the right
of the image and immediately under the first line?


Ask this question in c.i.w.a.stylesheets; it's a stylesheet question,
not an HTML question, and provide a URI this time!

--
Lachlan Hunt
http://www.lachy.id.au/
la**********@lachy.id.au.update.virus.scanners

Remove .update.virus.scanners to email me,


I don't know why I'd want to e-mail you, I can't even understand your discussion
of my "problem." I didn't request a lecture on technique and don't spend my time
with HTML and it's vagaries, I use it as a simple tool that my readers enjoy. But
they aren't trying to impress each other, just learn more of the genealgy of
their family lines. I feel you are rather pedantic in your helpfullness, and
won't bother you or this NG again. It reminds me too much of the programmers
I worked with in the 70's and 80's at LANL, always trying to impress others with
their abilities.

As for URI, I don't know what that is, but I've only been on the Internet since
1996. I know what a URL is, User Resource Location. But, the "I"? Must be your
association with self importance showing up again...

<plonk>
Username munged by FixNews
-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----
Jul 20 '05 #5

<Don@NoSpam> wrote in message news:40***************@icehouse.net...
<snip> I don't know why I'd want to e-mail you, I can't even understand your discussion of my "problem." I didn't request a lecture on technique and don't spend my time with HTML and it's vagaries, I use it as a simple tool that my readers

enjoy.
<more snip>

Based on your original question and your response here, I have my doubts as
to whether your "readers" do much enjoying of your website.

-Karl

Jul 20 '05 #6
Don@NoSpam wrote:
I didn't request a lecture on technique and don't spend my time
with HTML and it's vagaries, I use it as a simple tool that my readers enjoy.
I wasn't trying to give you a lecture, I was simply trying to inform
you of your errors. I provided an answer to your query, albeit, not one
that you may have expected. I attempted to correct your HTML errors,
and to direct you to the correct place to ask your question about
presentation. (ie. c.i.w.a.stylesheets).
I feel you are rather pedantic in your helpfullness,
I was only trying to give you the most accurate and complete
response to your query. What good is an inaccurate, or incomplete
response to anyone?
and won't bother you or this NG again.
If you aren't interested in improving your techniques or solving your
problems with HTML, and take offence from a response that isn't quite
what you were expecting, fine; however, I assume you are interested,
which is why you originally posted to this NG. It seems that you have
much to learn, and perhaps there's something someone else can learn from
you, so I would engourage you to continue to participate in this, and
other newsgroups.
As for URI, I don't know what that is, but I've only been on the Internet since
1996. I know what a URL is, User Resource Location. But, the "I"? Must be your
association with self importance showing up again...


It has nothing to do with self importance. A URI (uniform resource
identifer) is essentially a more general term for URL (uniform resource
locator), that also includes URN's (uniform resource name). You do not
need to understand the exact difference between each of those, but just
accept that anything that is a URL, is also a URI.

I have the habbit of always using URI instead of URL simply because
it's used in most technical specifications, though either would have
been acceptable.

--
Lachlan Hunt
http://www.lachy.id.au/
la**********@lachy.id.au.update.virus.scanners

Remove .update.virus.scanners to email me,
NO SPAM and NO VIRUSES!!!
Jul 20 '05 #7
Don@NoSpam wrote:
Lachlan Hunt wrote:
[perfectly sensible advice snipped]
I didn't request a lecture on technique
Welcome to usenet, blah blah blah. How seriously should anyone take
you after you spit in the face of someone trying to offer help?
As for URI, I don't know what that is,
Open up your ears, stop crying, and you might learn.
<plonk>


Plonk away. The regulars will be plonking you forthwith.

Bye.

--
Brian

Jul 20 '05 #8
Don@NoSpam wrote:
I didn't request a lecture on technique and don't spend my time
with HTML and it's vagaries, I use it as a simple tool that my readers enjoy. But
they aren't trying to impress each other, just learn more of the genealgy of
their family lines. I feel you are rather pedantic in your helpfullness, and
won't bother you or this NG again. It reminds me too much of the programmers
I worked with in the 70's and 80's at LANL, always trying to impress others with
their abilities.
He was trying to help. Just because someone tells you to use procedures
instead of GOTO statements doesn't mean that he is conceited.

So basically: learn your tool, learn how other tools can be used with it
(don't use a hammer with a screw), and stop being so infantile.

As for URI, I don't know what that is, but I've only been on the Internet since
1996. I know what a URL is, User Resource Location. But, the "I"?


Identifier. <http://www.faqs.org/rfcs/rfc2396.html>

Jul 20 '05 #9
The question was:

"How can I code that line such that the continuation line is to the right
of the image and immediately under the first line?"

Don did not get the answer on it.

Instead he has got an answer on "why I should use CSS?".

If somebody would *realy* care to *help* he will describe what "floating"
and "inline" mean first.
This concept originally appeared in HTML and then borrowed by CSS. So
examples could be given in both forms.

If one guy *realy* want to force another guy to use CSS then he shall create
first set of motivations (why it is better).
This is the most basic rule of non-conflict management, mentoring and
conversation.

Real world examples of luck of this basic knowledge you can see on any news
channel these days.

Andrew Fedoniouk.
http://terrainformatica.com

"Keith Bowes" <do****@spam.me> wrote in message
news:f4*****************@fe39.usenetserver.com...
Don@NoSpam wrote:
I didn't request a lecture on technique and don't spend my time
with HTML and it's vagaries, I use it as a simple tool that my readers enjoy. But they aren't trying to impress each other, just learn more of the genealgy of their family lines. I feel you are rather pedantic in your helpfullness, and won't bother you or this NG again. It reminds me too much of the programmers I worked with in the 70's and 80's at LANL, always trying to impress others with their abilities.


He was trying to help. Just because someone tells you to use procedures
instead of GOTO statements doesn't mean that he is conceited.

So basically: learn your tool, learn how other tools can be used with it
(don't use a hammer with a screw), and stop being so infantile.

As for URI, I don't know what that is, but I've only been on the Internet since 1996. I know what a URL is, User Resource Location. But, the "I"?


Identifier. <http://www.faqs.org/rfcs/rfc2396.html>

Jul 20 '05 #10
Please don't top-post.

Andrew Fedoniouk wrote:
The question was:

"How can I code that line such that...?"

Don did not get the answer on it.
Then he got what he paid for.
Instead he has got an answer on "why I should use CSS?".


An appropriate response in a group that discusses how to use html
(properly, one ought to assume) to author documents for the www.

--
Brian (remove ".invalid" to email me)

Jul 20 '05 #11

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: mike | last post by:
Hello, What I would like is to float some text around the image where the text starts align on the left or right of the image aligned to the top of the image and then wrap around the image. I have...
1
by: Andrew Poulos | last post by:
Is it possible to add a background image to, say, a DIV but that the image is in fact some text, without first making the text itself into an image? The project I'm working on displays specific...
8
by: Chris Beall | last post by:
I'm struggling with how to handle, on a web page, images that contain text that the user must be able to read. Examples: tombstone photos, photos or scans of historic documents (handwritten or...
14
by: SD | last post by:
I am thinking about writing a text editor in C for unix sometime soon. I am just doing this to learn more about C. I want to write something like ed.c, a simple line editor. What types of data...
0
by: Tristan | last post by:
I have a ListView control with one column. It is in the Details view mode. I populate its items dynamically. Some items will have associated images from the listview's imagelist and some will...
4
by: farhanm84 | last post by:
I have a requirement to display the link in colum format in IE browser. The link text is associated with an image (double arrow). Since the text of the link is large enough to set in one of the...
1
by: littlealex | last post by:
IE6 not displaying text correctly - IE 7 & Firefox 3 are fine! Need some help with this as fairly new to CSS! In IE6 the text for the following page doesn't display properly - rather than being...
6
by: bradyounie | last post by:
I'm writing a program that displays a user-supplied Bitmap and then writes text fields to it. These "text fields" are things that the user can move around on the image, but to render them...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.