Images wont go in the td in the table.

**wildguy2** · 11-27-2012 03:03 PM

Hi, I put the following code, but the image wont display, and also the table wont display on the page, goes underneath it at the bottom even though IM using the z-index;

#container {display:block;postition:absolute;z-index;top:130px;border-solid;
}
table {border:gold 5px solid; background-color

ink;margin:right:10px;display:block;position:absolute;
z-index:1;top:3px;margin-left:200px;width:500px;height:700px;padding-top:25px;padding-bottom:25px;}
td {url{"spencer/Pictures/charlize.jpg") border:red 3px solid; background-color:white;width:25px;height:140px;
}

<body><img src="../Pictures/background2.jpg"; width="100% height="100%"><h1>Galllery</h1>
<br><h2>ALL AREAS</h2><br><table><tr><td><a href="charlize.jpg><img src="../Pictures/charlize.jpg";width="251" height="140"></td><td>Imfine</td><td>img1</td><tr></table>

**jtechno** · 11-27-2012 06:33 PM

There are some issues with your code.

HTML Code:

<body>
<img src="../Pictures/background2.jpg"; width="100% height="100%">
<h1>Galllery</h1>
<br>
<h2>ALL AREAS</h2>
<br>
<table>
<tr>
<td><a href="charlize.jpg><img src="../Pictures/charlize.jpg";width="251" height="140">
</td>
<td>Imfine</td>
<td>img1</td>
<tr>
</table>

You are missing the </a> tag at the end of your link. Are you also trying to make the image clickable so that when a user clicks on it it takes them to a new page with just the image? If that is so then you're URL source is not matching. The <a href="charlize.jpg><img src="../Pictures/charlize.jpg";width="251" height="140"> should have the same URL reference, either

<a href="charlize.jpg><img src="charlize.jpg"; width="251" height="140">

or

<a href="../Pictures/charlize.jpg><img src="../Pictures/charlize.jpg"; width="251" height="140">

I don't see the need to have the url parameter in the CSS along the td tag below. Also that url is different then the above two links.

HTML Code:

#container {display:block;postition:absolute;z-index;top:130px;border-solid;
}
table {border:gold 5px solid; background-colorink;margin:right:10px;display:block;position:absolute;
z-index:1;top:3px;margin-left:200px;width:500px;height:700px;padding-top:25px;padding-bottom:25px;}
td {url{"spencer/Pictures/charlize.jpg") border:red 3px solid; background-color:white;width:25px;height:140px;
}

What happens when you look at the webpage version, is it a little red checkbox where the image is supposed to be, or do you get a page error saying the file could not be found when you click on the image?

**rtrethewey** · 11-27-2012 11:44 PM

Validate your code. Both the CSS and HTML you show have serious syntax errors.

Try http://validator.w3.org/ and http://jigsaw.w3.org/css-validator/

Seriously, guy. It's time to stop plugging in stuff you see around the web and learn the basics.

**wildguy2** · 11-28-2012 04:26 AM

Thanks, learning it at codeacadamy.com. but putting it into trial and practice, will have lots of problems. Hopefully will come right soon.

**wildguy2** · 11-28-2012 12:59 PM

Went to validatorw3, but says type in url. Problem is, my website is just practice, there is no website on the web. only in my notepad++

**jtechno** · 11-28-2012 01:28 PM

I'd recommend a better free program then notepad, it's called PS Pad Editor. It shows you the code in a much easier format.

http://www.pspad.com/

Again, I would like to help you but you have yet to answer my question from my OP.

What happens when you look at the webpage version, is it a little red checkbox where the image is supposed to be, or do you get a page error saying the file could not be found when you click on the image?

Answering the above can better troubleshoot what your issue is.

**rtrethewey** · 11-28-2012 06:40 PM

The file doesn't need to be online. You can use the "Validate by File Upload" tab to upload your HTML and CSS files.

**wildguy2** · 11-30-2012 01:29 AM

Thanks, where do I find that tab.

**wildguy2** · 11-30-2012 01:32 AM

Thanks jtechno, the images are showing now, and the table is on the main page. Ill just save it for future reference.

**rtrethewey** · 11-30-2012 08:06 AM

It's an option at http://validator.w3.org, not in your editor. You upload the file to the validator for processing instead of having it look for the file online.

Thread: Images wont go in the td in the table.

Thread Tools

Display

Images wont go in the td in the table.

Thanks for that, Im learning the code at codeacadamy.com, but to put it in practice,

Thanks Jethco will,, try that. Tried to validate, but says type in Url. but website i

Oh, thanks. where do I find the validate by file upload tab. is it in notepad++

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions