Page 1 of 2 12 LastLast
Results 1 to 10 of 15

Thread: Help with HTML?

  1. #1
    Junior Member OutTheBox's Avatar
    Join Date
    Nov 2010
    Location
    South East
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help with HTML?

    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. #2
    djb
    djb is offline
    Senior Member djb's Avatar
    Join Date
    Apr 2010
    Location
    Farnham, Surrey
    Posts
    347
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  3. #3
    Senior Member dedwardp's Avatar
    Join Date
    Aug 2010
    Location
    Colchester & Nottingham
    Posts
    417
    Thanks
    0
    Thanked 6 Times in 6 Posts
    Notepad++ is good for editing code and completely open-source.

  4. #4
    Junior Member OutTheBox's Avatar
    Join Date
    Nov 2010
    Location
    South East
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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. #5
    Senior Member chris_17's Avatar
    Join Date
    Jun 2009
    Location
    Newcastle
    Posts
    226
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by OutTheBox View Post
    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.
    Front-End Design, Development and Web Standards
    chrisborrowdale.co.uk
    @chrisborrowdale

  6. #6
    Junior Member OutTheBox's Avatar
    Join Date
    Nov 2010
    Location
    South East
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by chris_17 View Post
    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.

  7. #7
    Administrator Boss Hog's Avatar
    Join Date
    Mar 2008
    Posts
    3,445
    Thanks
    66
    Thanked 30 Times in 28 Posts
    Quote Originally Posted by OutTheBox View Post
    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. #8
    Junior Member OutTheBox's Avatar
    Join Date
    Nov 2010
    Location
    South East
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by chris_17 View Post
    Why are you using a table? You're not displaying any tabular data.
    Quote Originally Posted by Boss Hog View Post
    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. #9
    Senior Member chris_17's Avatar
    Join Date
    Jun 2009
    Location
    Newcastle
    Posts
    226
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by OutTheBox View Post
    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
    Front-End Design, Development and Web Standards
    chrisborrowdale.co.uk
    @chrisborrowdale

  10. #10
    Junior Member OutTheBox's Avatar
    Join Date
    Nov 2010
    Location
    South East
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by OutTheBox View Post
    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!
    Quote Originally Posted by chris_17 View Post
    +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?

Page 1 of 2 12 LastLast

Similar Threads

  1. HTML Help
    By ARRIVALS in forum Website Coding & Programming Forum:
    Replies: 7
    Last Post: 11-01-2011, 06:38 PM
  2. A little bit of html help needed.....
    By ubikdesign in forum Website Coding & Programming Forum:
    Replies: 5
    Last Post: 02-16-2011, 07:39 PM
  3. HTML Help needed!
    By OutTheBox in forum Website Coding & Programming Forum:
    Replies: 4
    Last Post: 12-06-2010, 12:55 PM
  4. HTML emails
    By fuse in forum Website Coding & Programming Forum:
    Replies: 9
    Last Post: 08-16-2010, 12:13 AM
  5. Css + Html + Me = Fail!
    By TheNoone in forum Website Coding & Programming Forum:
    Replies: 3
    Last Post: 10-23-2009, 11:08 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •