Can someone please help with a problem

[Doug Raflik]

I only know the basics of HTML so this may seem to be an odd way to
achive this result, but it is what I thought would be easiest. I wanted
to have a bunch of pictures on a site, but didnt want them to be lined
up with each other. I wanted to have them sort of alternating as you
scroll down the page. Rather than make a table... I took a small
picture, and, with a photo editor, made it black, and named it
black.jpg. I then put this next to each picture that would be on the
page. Like so...

<img SRC="beth1.jpg"><img SRC="black.jpg"></A></BR>
<img SRC="black.jpg"><img SRC="beth2.jpg"></A></BR>
<img SRC="beth3.jpg"><img SRC="black.jpg"></A></BR>
<img SRC="black.jpg"><img SRC="beth4.jpg"></A></BR>
<img SRC="beth5.jpg"><img SRC="black.jpg"></A></BR>
<img SRC="black.jpg"><img SRC="beth6.jpg"></A></BR>
<img SRC="beth7.jpg"><img SRC="black.jpg"></A></BR>

In Internet Explorer it looks just fine, but in Netscape, the "black"
picture shows up as broken. If I try and put only the pictures address
http://www.wxnut.net/black.jpg
in the URL window, I get this...

The image “http://www.wxnut.net/black.jpg” cannot be displayed, because
it contains errors.


Here is the site...

http://www.wxnut.net/people.htm

Thank you,

Doug

 

[Augustus]

I only know the basics of HTML so this may seem to be an odd way to
achive this result, but it is what I thought would be easiest. I wanted
to have a bunch of pictures on a site, but didnt want them to be lined
up with each other. I wanted to have them sort of alternating as you
scroll down the page. Rather than make a table... I took a small
picture, and, with a photo editor, made it black, and named it
black.jpg. I then put this next to each picture that would be on the
page. Like so...

<img SRC="beth1.jpg"><img SRC="black.jpg"></A></BR>
<img SRC="black.jpg"><img SRC="beth2.jpg"></A></BR>
<img SRC="beth3.jpg"><img SRC="black.jpg"></A></BR>
<img SRC="black.jpg"><img SRC="beth4.jpg"></A></BR>
<img SRC="beth5.jpg"><img SRC="black.jpg"></A></BR>
<img SRC="black.jpg"><img SRC="beth6.jpg"></A></BR>
<img SRC="beth7.jpg"><img SRC="black.jpg"></A></BR>

In Internet Explorer it looks just fine, but in Netscape, the "black"
picture shows up as broken. If I try and put only the pictures address
http://www.wxnut.net/black.jpg
in the URL window, I get this...

The image “http://www.wxnut.net/black.jpg” cannot be displayed, because
it contains errors.

If its just a black sheet... why do you need an image for it? You could use
a table or CSS "margin" for it

Also... why is it a jpg? and why so big?

YOu could create a 1 pixel by 1 pixel gif that is black and then just
specify the size you need... like:
<img src="myBlack1x1pixel.gif" height="100" width="500">
(most people use a 1x1 pixel transparent gif but you could use black if thts
what you need... its the smallest image you can make and saves on bandwidth)

 

[Sam Hughes]

I only know the basics of HTML so this may seem to be an odd way to
achive this result, but it is what I thought would be easiest.

Although rather improper, spacer images are often used in web design.
Better alternatives exist, though.

I wanted
to have a bunch of pictures on a site, but didnt want them to be lined
up with each other. I wanted to have them sort of alternating as you
scroll down the page. Rather than make a table... I took a small
picture, and, with a photo editor, made it black, and named it
black.jpg. I then put this next to each picture that would be on the
page. Like so...

<img SRC="beth1.jpg"><img SRC="black.jpg"></A></BR>
<img SRC="black.jpg"><img SRC="beth2.jpg"></A></BR>
<img SRC="beth3.jpg"><img SRC="black.jpg"></A></BR>
<img SRC="black.jpg"><img SRC="beth4.jpg"></A></BR>
<img SRC="beth5.jpg"><img SRC="black.jpg"></A></BR>
<img SRC="black.jpg"><img SRC="beth6.jpg"></A></BR>
<img SRC="beth7.jpg"><img SRC="black.jpg"></A></BR>

For starters, you are using incorrect syntax.

First, you have </A> trying to close unopened A elements. Then you have
</BR>. You mean to use <BR>. Also, *all* images _should_ have alternate
text available in case the image is undisplayable or the browser is
configured not to display images. Do this by putting an appropriate alt
attribute in your img tags. (If you're going by the HTML specification
it's a _must_, but you can decide yourself whether it's worth the labor.)

In Internet Explorer it looks just fine, but in Netscape, the "black"
picture shows up as broken. If I try and put only the pictures address
http://www.wxnut.net/black.jpg
in the URL window, I get this...

The image “http://www.wxnut.net/black.jpg” cannot be displayed, because
it contains errors.

What version of Netscape is this? At least in Mozilla 1.7.1, I am not
getting any errors of that sort. And it looks okay, too.

I suppose you could try resaving the image. Or, make a transparent 1 by
1 GIF image and use width and height attributes to size it.

Or, if you have time to kill, learn a bit of CSS float the images to the
left or right.

Here is the site...

http://www.wxnut.net/people.htm

I decided to get the page via your main page. Why do you have it open in
a new window?

 

[Doug Raflik]

Thanks guys. I got it how I want it. May still not be politically HTML
correct, but it works.

Thanks again

 

[SpaceGirl]

Thanks guys. I got it how I want it. May still not be politically HTML
correct, but it works.

Thanks again

Only in your browser. Other browsers may display something totally
different because of your lack of "politically correct" HTML. If you
write good HTML, it's more likely to work in all browsers.

--


x theSpaceGirl (miranda)

# lead designer @ http://www.dhnewmedia.com #
# remove NO SPAM to email, or use form on website #