Help with HTML?

OutTheBox

OutTheBox

New Member
Hi again - and apologies!

Can anyone help me with this piece of coding?

Am trying to make the following links on my home page, by inserting the
following: <a href="your_url_goes_here"><img src="your_picture.jpg" /></a>

Trouble is - I am not entirely sure 'where' to put it in! Naturally, I have tried - but no success so far!
Having put it into one area - the link worked - however, the 'button' image became huge taking up most of the page, so that wasn't successful!!

Any suggestions/advice greatly appreciated!

<table>
<td width="250" align bottom <img src="Home.jpg" height="80" width="100"> </td>
<td width="250"align bottom<img src="About.jpg" height="80" width="100"> </td>
<td width="250"align bottom<img src="Portfolio.jpg" height="80" width="100"> </td>
<td width="250"align bottom<img src="Contact.jpg" height="80" width="100"> </td>
</tr>
</table>
 
Should look like this:

<table>
<td width="250" align="bottom"><img src="http://www.graphicdesignforums.co.uk/website-coding-programming-forum/Home.jpg" height="80" width="100"></td>
</tr>
</table>

You weren’t closing your table column before putting the image code in ie. <td><img></td>. You also didn’t have an equals symbol and speech marks for the align property.

By the way, if you were the person using textedit, have you thought about using any other text editors - can’t remember off the top of my head what the one I used to use was called but it was by Bare Bones software and was made for editing code.
 
Many Thanks D, that has helped a great deal.
As far as Textedit - to be honest - I am new to this HTML, and so just used the standard one on the MAC - I'm afraid my ignorance to this just not being aware of many different versions!

Many Thanks again!

OTB.
 
OutTheBox said:
Hi again - and apologies!

Can anyone help me with this piece of coding?

Am trying to make the following links on my home page, by inserting the
following: <a href="your_url_goes_here"><img src="your_picture.jpg" /></a>

Trouble is - I am not entirely sure 'where' to put it in! Naturally, I have tried - but no success so far!
Having put it into one area - the link worked - however, the 'button' image became huge taking up most of the page, so that wasn't successful!!

Any suggestions/advice greatly appreciated!

<table>
<td width="250" align bottom <img src="Home.jpg" height="80" width="100"> </td>
<td width="250"align bottom<img src="About.jpg" height="80" width="100"> </td>
<td width="250"align bottom<img src="Portfolio.jpg" height="80" width="100"> </td>
<td width="250"align bottom<img src="Contact.jpg" height="80" width="100"> </td>
</tr>
</table>
Click to expand...

Why are you using a table? You're not displaying any tabular data.
 
chris_17 said:
Why are you using a table? You're not displaying any tabular data.
Click to expand...

Well, as I am learning html from scratch - I used a table to insert my link navigation buttons - so I could align them correctly - which I had trouble with before.
Thankfully, another forum user helped me out.
 
OutTheBox said:
Well, as I am learning html from scratch - I used a table to insert my link navigation buttons - so I could align them correctly - which I had trouble with before.
Thankfully, another forum user helped me out.
Click to expand...

If you are learning make sure you learn the right stuff, you need to be looking at CSS (Cascading Style Sheets)
 
chris_17 said:
Why are you using a table? You're not displaying any tabular data.
Click to expand...

Boss Hog said:
If you are learning make sure you learn the right stuff, you need to be looking at CSS (Cascading Style Sheets)
Click to expand...

Hi, thanks for input - it seems everyone has a different opinion on this - so gets a little more than confusing. People have suggested HTML5; Flash; even Powerpoint!

I suppose it's what ever people feel most comfortable with - what's good for the goose - isn't necessarily good for the gander!
 
OutTheBox said:
Hi, thanks for input - it seems everyone has a different opinion on this - so gets a little more than confusing. People have suggested HTML5; Flash; even Powerpoint!

I suppose it's what ever people feel most comfortable with - what's good for the goose - isn't necessarily good for the gander!
Click to expand...

+1 what Boss said, learn the right stuff i.e. Using an unordered list with each list item for the link, it'll make it a lot more semantic, accessible and allow you do have more control over it through CSS than a table will
 
OutTheBox said:
Hi, thanks for input - it seems everyone has a different opinion on this - so gets a little more than confusing. People have suggested HTML5; Flash; even Powerpoint!

I suppose it's what ever people feel most comfortable with - what's good for the goose - isn't necessarily good for the gander!
Click to expand...

chris_17 said:
+1 what Boss said, learn the right stuff i.e. Using an unordered list with each list item for the link, it'll make it a lot more semantic, accessible and allow you do have more control over it through CSS than a table will
Click to expand...

Hi Chris - Thanks for advice - I must admit - it has been pretty arduous and a pain in the A** trying to locate and arrange things how I want them in html - so, I think it's time to delve into CSS - and see what occurs!

One question though if you don't mind; when I write the CSS in TextEdit (On the MAC), when I go to save it - what do I save it as? I don't mean the name itself, but what format?
 
You can create a CSS file using TextEdit and then save the file as XXX.css (replacing XXX with whatever name you choose).

All of your HTML files should then link back to this .CSS file

Here's a screen grab of how I always set up the structure of all of my websites

FYI: index.html is the home page of your website. All other HTML files reside in the 'HTML' folder. The 'PSD' folder is the only folder that shouldn't be uploaded to your FTP space as it contains my layered image files.

Cheers
 
Last edited:
OutTheBox said:
I suppose it's what ever people feel most comfortable with - what's good for the goose - isn't necessarily good for the gander!
Click to expand...

In a lot of cases thats correct but CSS is affected by the way the browser handles your web pages and how your web pages look cross platform. It is better if you use CSS. It's more flexible.
 
You must log in or register to reply here.
Back
Top