• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Help with HTML?


#1
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>
 
#2
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.
 
#4
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.
 
#5
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>
Why are you using a table? You're not displaying any tabular data.
 
#6
Why are you using a table? You're not displaying any tabular data.
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.
 

Stationery Direct

Administrator
Staff member
#7
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.
If you are learning make sure you learn the right stuff, you need to be looking at CSS (Cascading Style Sheets)
 
#8
Why are you using a table? You're not displaying any tabular data.
If you are learning make sure you learn the right stuff, you need to be looking at CSS (Cascading Style Sheets)
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!
 
#9
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!
+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
 
#10
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!
+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
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?
 
#11
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:
#14
#15
I suppose it's what ever people feel most comfortable with - what's good for the goose - isn't necessarily good for the gander!
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.