/    Sign up×
Community /Pin to ProfileBookmark

Images wont go in the td in the table.

Copy linkTweet thisAlerts:
Nov 27.2012

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:pink;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>

to post a comment
CSS

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@jtechnoNov 28.2012 — There are some issues with your code.

[code=html]<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>[/code]

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.

[code=html]#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;
}[/code]

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?
Copy linkTweet thisAlerts:
@rtretheweyNov 28.2012 — 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.
Copy linkTweet thisAlerts:
@wildguy2authorNov 28.2012 — Thanks, learning it at codeacadamy.com. but putting it into trial and practice, will have lots of problems. Hopefully will come right soon.
Copy linkTweet thisAlerts:
@wildguy2authorNov 28.2012 — 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++
Copy linkTweet thisAlerts:
@jtechnoNov 28.2012 — 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.
Copy linkTweet thisAlerts:
@rtretheweyNov 29.2012 — The file doesn't need to be online. You can use the "Validate by File Upload" tab to upload your HTML and CSS files.
Copy linkTweet thisAlerts:
@wildguy2authorNov 30.2012 — Thanks, where do I find that tab.
Copy linkTweet thisAlerts:
@wildguy2authorNov 30.2012 — Thanks jtechno, the images are showing now, and the table is on the main page. Ill just save it for future reference.
Copy linkTweet thisAlerts:
@rtretheweyNov 30.2012 — 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.
×

Success!

Help @wildguy2 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...