.html..How do I...?

J

Joe Magiera

I'm using just straight plain simple .html with the Windows Notepad editor.
As they say in the 21 century, a web page picture is worth a thousand words.
Please look at the first picture on this web page:

http://www.tollianweb.com/uc/Xevious/Xevious.html

Using simple .html, how do I keep all the text over on the right side? As
you see on the page, when there is too much text, it spills down underneath
the picture. Any help/advice much appreciated. Thanks,

Joe (joemagiera at ameritech dot net)
(e-mail address removed)
 
J

Jose

Using simple .html, how do I keep all the text over on the right side?

One way is with tables.

Some people think this is an "abuse of tables" but it's simple and it works.

One caution - don't set the table or cell widths in pixels. Set them as
percents if you must set them - better is to let the browser handle it.
If you set =anything= with fixed pixel widths, it prevents the window
from resizing gracefully.

Jose
 
J

Jemdam.com

One way is with tables.

Some people think this is an "abuse of tables" but it's simple and it
works.
Click to expand...

I really like tables, very simple code would be:

<table>
<tr>
<td>IMAGE 1</td>
<td>Text for image 1</td>
</tr>
<tr>
<td>IMAGE 2</td>
<td>Text for image 2</td>
</tr>
</table>

Just repeat for as many pictures as you need. Hope this helps?

Cheers, David http://www.jemdam.com
 
J

Joe Magiera

Thanks much to all that responded. I much appreciate the suggestions.
Looks like tables is not the only way, but is in the majority (especially
including the private email replies).

Joe
 
C

Chris Beall

Joe said:
I'm using just straight plain simple .html with the Windows Notepad editor.
As they say in the 21 century, a web page picture is worth a thousand words.
Please look at the first picture on this web page:

http://www.tollianweb.com/uc/Xevious/Xevious.html

Using simple .html, how do I keep all the text over on the right side? As
you see on the page, when there is too much text, it spills down underneath
the picture. Any help/advice much appreciated. Thanks,

Joe (joemagiera at ameritech dot net)
(e-mail address removed)
Click to expand...
Joe,

OK, I know you said 'just HTML', but the reality is that HTML is
intended for semantics (paragraph, list, image, etc.) and you are
talking about styling. For styling, there is CSS (Cascading Style
Sheets). It would be to your advantage to learn about it.

Meanwhile, this is a perfect example of a simple solution using CSS.
You want your images to 'float' to the left side of the page, with the
following text wrapped around the image.

Try this.

1. In each <img tag, add:
style="float: left"

This will cause the image to slide toward the left boundary of its
containing block, which in you case is the defined by the <body> element.

2. In each of your paragraphs, add to the <p tag:
style="clear: both"

This will ensure that each paragraph moves down below the lowest part of
the preceding one, whether that is the height of the image or (if the
preceding text was very long) the bottom of the prior text.

I tested these changes in IE 6 and NN 7.1, where they did exactly what
you want. No tables required, and you are using HTML and CSS (the stuff
in the style= attribute) as each was intended.

Chris Beall
 
J

Jose

1. In each <img tag, add:
style="float: left"
2. In each of your paragraphs, add to the <p tag:
style="clear: both"
I tested these changes in IE 6 and NN 7.1, where they did exactly what you want. No tables required, and you are using HTML and CSS (the stuff in the style= attribute) as each was intended.
Click to expand...

What will it look like in earlier browsers, before CSS (but after tables)?

Jose
 
B

Beauregard T. Shagnasty

Jose said:
What will it look like in earlier browsers, before CSS (but after
tables)?
Click to expand...

How many visitors do you get using Netscape or IE 3 ?
 
J

Jose

How many visitors do you get using Netscape or IE 3 ?

I don't know, and on one level it doesn't really matter. My site has
nothing fancy, and nothing which requires advanced equipment. So, why
artificially raise the bar when a simpler method would do the trick?

Jose
 
C

Chris Beall

Jose said:
I don't know, and on one level it doesn't really matter. My site has
nothing fancy, and nothing which requires advanced equipment. So, why
artificially raise the bar when a simpler method would do the trick?

Jose
Click to expand...

Jose,

This is a good thing to think about, however it can be taken too far.
CSS has now been around for a pretty long time, as web technology goes.
A number of very popular sites would not look very spiffy in a
browser that didn't have a functional level of CSS support. That (among
other reasons) drives users to adopt newer browsers.

Note that CSS controls styling. In a browser that doesn't understand
CSS at all, your content will still be presented to the user. It just
won't look exactly the same as it would on a modern browser. Although
you may spend most of your site-development time on styling, what your
users really come to see is your content.

Chris Beall
 

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

Similar Threads

html, how do I...? 6
.html, what am I doing wrong? 7
.html, how do I...? 2
How do I fix this issue in sqaurespace code block? 1
.html, how do I...? 4
How do I call the exact function on page load? 6
How do I convert this? 3
How do I set the default content page) on a Classic ASP file? 0

Members online

No members online now.
Total: 56 (members: 2, guests: 54)
Robots: 332

Forum statistics

Threads
473,994
Messages
2,570,222
Members
46,809
Latest member
moe77

Latest Threads

Top