Html Image help.

Spock96 · #1 04-16-12, 11:21

Hey Guys,
Ok, so I was given this assignment by my HTML instructor to make a web page on my favorite book.(Using raw code and Notepad2) I'm using a 3 book series, and I have this so far:

Quote:

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

<html>

<head>
<title>The lamb among the Stars.</title>
<h2 align="Center">The lamb among the Stars</h2>
<h3 align="Center">By: Chris Walley</h3>
</head>
<hr align="center" color="Blue" noshade size="4" width="50%">
<body>
<img src="Theshadowandnight" alt="Book Graphic" width="304" height="228" />
</body>
</html>

It all works except my image tag will not show the picture of the book.

Quote:

I have the image saved in the same folder as the html document and everything. It shows my alt tag fine, but what I want it to have all 3 pictures of the books centered under my horizontal rule.
Like:
------------------ (my rule.)
1 2 3 (books)

Then continue my page.

Help you be greatly appreciated, will clarify more if asked.

Thanks,
Spock96

foogoo · #2 04-16-12, 13:05

if the html file and the picture are in the same directory it should work fine.
It did for me. Are you sure the file is an image? It is missing the extension.

Spock96 · #3 04-16-12, 13:11

Quote:

Originally Posted by foogoo

if the html file and the picture are in the same directory it should work fine.
It did for me. Are you sure the file is an image? It is missing the extension.

Yes, it is an image.
It says .JPEG in properties.

Spock96 · #4 04-16-12, 13:21

I got a friend that figured it out.
I didn't put my extension(.jpg) on it.
Oops.

foogoo · #5 04-16-12, 16:52

Quote:

Originally Posted by foogoo

Are you sure the file is an image? It is missing the extension.

Yeah a friend named Foogoo.

Spock96 · #6 04-17-12, 10:21

Ok, that Idea won't work without the use of manipulating a table, which is like Chapter 6 in our book ( we are just starting chapter 3)
Would it be the same table perspective if I tried to do something like:
Picture one(with text (Left Justified)

(Text) Picture two(Right Justified)

Picture three (with text(Left Justified)

Basically what I want to do is list the books and a little description of each.

Spock96 · #7 04-17-12, 10:31

EDIT---
Ok, that Idea won't work without the use of manipulating a table, which is like Chapter 6 in our book ( we are just starting chapter 3)
Would it be the same table perspective if I tried to do something like:
Picture one--(Text about it)...............

Picture two--(Text about it)..............

Picture three--(Text about it)............

Basically what I want to do is list the books and a little description of each.

PC-XT · #8 04-21-12, 14:45

Quote:

Originally Posted by Spock96

EDIT---
Ok, that Idea won't work without the use of manipulating a table, which is like Chapter 6 in our book ( we are just starting chapter 3)
Would it be the same table perspective if I tried to do something like:
Picture one--(Text about it)...............

Picture two--(Text about it)..............

Picture three--(Text about it)............

Basically what I want to do is list the books and a little description of each.

For each image, I would use something like

PHP Code:


			
<br clear="all" style="clear:all" />
<img src="..." align="left" style="float:left" />
Text about the image.

Of course, the style attributes are all you need. (Or, you could use stylesheets.) Clear and align attributes are only needed if you want to support old browsers.

Spock96 · #9 04-21-12, 16:52

Quote:

Originally Posted by PC-XT

For each image, I would use something like

PHP Code:


			
<br clear="all" style="clear:all" />

<img src="..." align="left" style="float:left" />

Text about the image.

Of course, the style attributes are all you need. (Or, you could use stylesheets.) Clear and align attributes are only needed if you want to support old browsers.

Thank you.
I ended up just finding a picture of all three books together and used it.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Image in HTML Email: how is this done ?	WarKirby	Programming	8	05-15-11 16:42
Html to image software question, Trying to find decent html to jpg software	edueche	Software	2	08-26-09 14:05
HTML Image Block	wisemas	Programming	0	02-08-09 18:28
HTML Image Block	wisemas	Programming	0	02-08-09 18:16
Need help with HTML image tags	Kaotic	Programming	4	01-16-05 23:00