Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Help with HTML?

Discussion in 'Website Coding & Programming Forum:' started by OutTheBox, Dec 7, 2010.

  1. 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>
     
  2. djb

    djb Member

    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. dedwardp

    dedwardp Member

    Notepad++ is good for editing code and completely open-source.
     
  4. OutTheBox

    OutTheBox New Member

    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. chris_17

    chris_17 Member

    Why are you using a table? You're not displaying any tabular data.
     
  6. OutTheBox

    OutTheBox New Member

    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. Stationery Direct

    Stationery Direct Administrator Staff Member

    If you are learning make sure you learn the right stuff, you need to be looking at CSS (Cascading Style Sheets)
     
  8. OutTheBox

    OutTheBox New Member

    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. chris_17

    chris_17 Member

    +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. OutTheBox

    OutTheBox New Member

    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. sthomas

    sthomas Member

    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: Dec 7, 2010
  12. OutTheBox

    OutTheBox New Member

    Hi..many thanks for the info, much appreciated!
     
  13. dedwardp

    dedwardp Member

  14. OutTheBox

    OutTheBox New Member

    Hi, and many thanks for this info - have recently been quite confused in this regard, and I couldn't see the wood for the trees - now it makes much more sense.
    Thanks Again.
     
  15. Ian Bonner

    Ian Bonner Member

    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.
     

Share This Page