HTML Coding problem

Log in to reply
QuickHomeBuyers

QuickHomeBuyers

Free Member
Jan 9, 2010
2,218
192
  • #1
    I am trying to use my school knowdelege of HTML so please dont use heavy words with me.

    Problem is, I load images in one folder and they dont display. I have tried new images as well but they just dont show for example

    http://www.batraventures.co.uk/icons/fblogo.png

    I have checked everything already including filename, coding etc

    <a href="http://www.facebook.com/pages/Batra-Group-Of-Companies/136476413041245" TARGET="_blank"><img height="50" width="50" src="/icons/fblogo.png" img
    style="border: none;" title="Find us on Facebook" alt="Find us on Facebook"></a><a href="http://www.twitter.com/batragroup" TARGET="_blank"><img height="50"
    width="50" src="/icons/tlogo.jpg" img style="border: none;" title="Follow us on Twitter" alt="Follow us on Twitter"/></a><br />
    Click to expand...
     
    F

    Faevilangel

  • #2
    That image doesn't exist so obviously can't display and the code you would use would be..

    Code: 
    <a href="link"><img src="./icons/file-name.png" alt="" /></a>

    I have found putting the . before the file folder works better, for some reason some servers don't like /folder/file.png.
     
    Upvote 0
    QuickHomeBuyers

    QuickHomeBuyers

    Free Member
    Jan 9, 2010
    2,218
    192
  • #3
    Faevilangel said:
    That image doesn't exist so obviously can't display and the code you would use would be..

    Code: 
    <a href="link"><img src="./icons/file-name.png" alt="" /></a>

    I have found putting the . before the file folder works better, for some reason some servers don't like /folder/file.png.
    Click to expand...

    Ive just checked it again and the images exists in the folder.
     
    Upvote 0
    S

    sean.browne

    Free Member
    Mar 27, 2009
    90
    20
    Cardiff
  • #4
    Faevilangel said:
    That image doesn't exist so obviously can't display and the code you would use would be..

    Code: 
    <a href="link"><img src="./icons/file-name.png" alt="" /></a>

    I have found putting the . before the file folder works better, for some reason some servers don't like /folder/file.png.
    Click to expand...


    <a href="link"><img src="./icons/file-name.png" alt="" /></a>
    This would work where the 'icons' directory was a subdirectory of the current directory

    <a href="link"><img src="/icons/file-name.png" alt="" /></a>
    This would work where the 'icons' directory was a subdirectory of root directory

    Sometimes these are the same, sometimes not. Depends where the file with this code in is running from.


    Basically, a . means 'this' directory and .. refers to the parent directory. So you can also refer to an image with ../icons/bla bla bla if the 'icons' folder is a sub directory of your parent directory.

    I hope this makes sense... but I appreciate it mightn't to some!
     
    Upvote 0
    T

    Tony221268

  • #10
    A bit more information about the technology you are using might help.

    Is this Wordpress or something?

    We can see it is Apache but have you got a local install also? Since your code only has a relative path you might be using local links by mistake.

    There are lots of things that might be wrong here.
     
    Upvote 0
    S

    sean.browne

    Free Member
    Mar 27, 2009
    90
    20
    Cardiff
  • #12
    Batra Ventures UK Limited said:
    I am using notepad and I just bought linux based hosting. I cant understand why is the icons folder still showing when you go to

    batraventures.co.uk/icons it has been deleted.
    Click to expand...


    maybe this is a clue as to the issue you were having.. more than one directory as batraventures.co.uk/icons is definitely still there at the moment!
     
    • Like
    Reactions: QuickHomeBuyers
    Upvote 0
    T

    Tony221268

  • #16
    Faevilangel said:
    I will install it for you on your server if you want a play with it ;)

    I would offer to talk through the process of using WP but I am off out in an hour so wouldn't be time but you're welcome to call me on Monday if you wanted a chat about WP.
    Click to expand...


    Ditto here - Google the "wordpress famous five minute install" or if your hosting comes with cPanel, check under Fantastico and you will probably find that you can set it up in 2 mins.
     
    • Like
    Reactions: QuickHomeBuyers
    Upvote 0
    QuickHomeBuyers

    QuickHomeBuyers

    Free Member
    Jan 9, 2010
    2,218
    192
  • #17
    Important: You can only choose the Multiple option if you are installing to the root directory, i.e. a brand new or totally cleaned out website. If you choose to install to a subdirectory the Single blog option is chosen automatically.

    What should I select.
     
    Upvote 0
    T

    Tony221268

  • #22
    I see that you are done. Login to wp-admin and you can go from there.

    My hints would be:

    1. Choose a cool theme (under appearance)
    2. Start adding pages
    3. Switch on permalinks
    4. Try some plugins (like Google analytics)
    5. If you don't want a blog then change your home page to read a page rather than your posts (under Settings> Reading)
     
    Upvote 0
    UKSBD

    UKSBD

    Moderator
    • Dec 30, 2005
    13,030
    1
    2,830
  • #25
    I always throw in a temporary index page when setting up Wordpress blogs now, just in case I get distracted between uploading it and setting it up.
    Otherwise you can have the set up admin panel live for all too see (as what happened here)
     
    Upvote 0
    T

    Tony221268

  • #27
    Batra Ventures UK Limited said:
    Right, I have managed to install WP and also find and upload a theme. Now how to customise this theme?


    www.batraventures.co.uk

    Thanks
    Click to expand...

    If you know CSS then either use the editor in the wp interface or do it locally then ftp it onto your site. If you don't and you want to do websites then you should learn since HTML styling is outmoded. See w3schools.

    You can also amend the page templates (so page.php, index.php, single.php, archive.php, blog.php files) that you will find in the theme home directory. With a little html knowledge, you'll see what is going on and you can start to play with them. <?php...?> tags are php code and you would need to Google before making changes to them. Often you can find code snippets for specific things at Wordpress Codex site.

    If not, Google or use the rather excellent Wordpress documentation.

    Or contact the other guy whose bio says he is a wordpress designer; I am sure he can help.
     
    Upvote 0
    Log in to reply

    Latest Articles

    Join UK Business Forums for free business advice
    Top Bottom
    Community
    Articles
    Menu