General Images wont show up. Help Help Help!!!

I uploaded a basketball template to my site but none of my pictures are showing up. take a look Basketball Help please!!!

 

You have to upload the template as well as the images folder with those pictures before they can be showed up.

 

I uploaded the pics as well as the template. check on my site Basketball

 

If your directory layout looks like this:

ihoophard.com
|
|--- images
| |--- bg.jpg
| |--- bgorange.jpg
| |--- bullet_drk_arr.gif
| |--- bullet_drk_diamond.gif
| |--- bullet_lit_arr.gif
| |--- bullet_lit_diamond.gif
| |--- drk_bg.gif
| |--- drk_top-17.gif
| |--- drk_top.gif
| |--- foot_bg.jpg
| |--- foot_left.jpg
| |--- foot_right.jpg
| |--- h_current_sports_news.gif
| |--- h_featured_events.gif
| |--- h_welcome_to_our_club.gif
| |--- lit_bg.gif
| |--- lit_bot.gif
| |--- lit_top.gif
| |--- logo.gif
| |--- m1.jpg
| |--- m2.jpg
| |--- m3.jpg
| |--- m4.jpg
| |--- m5.jpg
| |--- m6.jpg
| |--- m7.jpg
| |--- m8.png
| |--- pic_1.jpg
| |--- pic_2.jpg
| |--- pic_3.jpg
|--- index.html
|--- style.css

Your site will look something like this.

Install w-CMS and download the basketball template and you will able to create a site like the one shows at the link above.

Take a look at this thread; it gives you information on how to do it.

 

Item 1. You have several "validation warnings" that can be automatically corrected by "HTML Tidy"
HTML Tidy Online
you may want to use this feature.

Item 2. You may want to add the meta tag "description" as it helps in getting position in Google.
What Google says about it:
Changing a site title and description - Webmaster Tools Help
-
hope this helps
falcon

 

These are your image titles:
<li><a title="iHoopHard: Basketball Headquarters " href="http://www.ihoophard.com">Home</a></li>
<li><a title="Post Players workouts and drills" href="http://www.ihoophard.com/post_players">Post Players</a></li>
<li><a title="Point/Shooting Guard workouts and drills" href="http://www.ihoophard.com/guards">Guards</a></li>
<li><a title="iHoopHard TV" href="http://www.ihoophard.com/Mixtapes">Mixtapes</a></li>
<li><a title="Basketball Moves" href="http://www.ihoophard.com/moves/">Moves</a></li>
<li><a target="_self" title="About us" href="http://www.ihoophard.com/about_us">About us</a></li>
image titles
http://www.ihoophard.com

http://www.ihoophard.com/post_players

http://www.ihoophard.com/guards

http://www.ihoophard.com/Mixtapes

http://www.ihoophard.com/about_us

Note: copy and paste each of the titles into the Google search bar to go to the picture

You have the same picture for each title
You need a different picture for each title

I use a folder called "Images"

<img src="../Images/Kitchen faucet.jpg" width="160" height="135" align="left" alt="faucet">
<img src="../Images/Kitchen faucet spray.jpg" width="160" height="135" align="right" alt="faucet">

In HTML, images are defined with the <img> tag.
Src stands for
"source". The value of the src attribute is the URL of the image you want to
display.
../Images is the name of the folder the images are stored in
Kitchen faucet.jpg is the name of the image
width="160" height="135" is the size of the image in pixels
align="left" is the position of the image
alt="faucet" is the brief description or name of the item (picture)
-
This is from
Kitchen Sink & faucet Installation & repair, drawings, tools
when on the page click (top toolbar) View - Page Source
to see the source code
This is on line 55 & 56
-
hope this helps
falcon

 

line 22 image "TEAM"
<div id="logo"><img src="http://www.freewebsitetemplates.com/forum/images/logo.png" /></div>
line 35 image "MORE"
<div class="more-btn"><a href="#"><img src="http://www.freewebsitetemplates.com/forum/images/more-btn.png" border="0" /></a></div>
line 45 image "MORE"
<div class="more-btn"><a href="#"><img src="http://www.freewebsitetemplates.com/forum/images/more-btn.png" border="0" /></a></div>
line 53 image "MORE"
<div class="more-btn"><a href="#"><img src="http://www.freewebsitetemplates.com/forum/images/more-btn.png" border="0" /></a></div>
-

<img src="../Images/Kitchen faucet.jpg" width="160" height="135" align="left" alt="faucet">

http://freetutorials.name/Images/Kitchen%20faucet
(or just click on this link)
put this in the top bar (not the search bar) and it should go to the picture
This is the absolute path
Absolute paths are called that because they refer to the very specific location, including the domain name. The absolute path to a Web element is also often referred to as the URL.
I use "../" to be Free tutorials, mechanics, algebra, trig, Plumbing, statistics (or one directory up, "http://" "freetutorials.name") which is what the two dots represent.
links up one directory are listed as../filename or the directory "freetutorials.name"
-
You must have an Image folder
<div id="logo"><img src="http://www.freewebsitetemplates.com/forum/images/logo.png" /></div>
might want to try
<div id="logo"><img src="../images/logo.png" /></div>
(sorry - your images are showing up in the web page - so this is just general information)
-
see if that helps
falcon

 

Note: select any web page and view the source code
example:
Kitchen Sink & faucet Installation & repair, drawings, tools

Select from the top menu, "View", then "Page Source".
click on line 55 "../Images/Kitchen faucet.jpg" it should take you to that image (the image should show up on the screen). This is one way to check the display. Try it on any web page, then try your web page. If the image shows up it should work in the web page.
-
hope this helps
falcon

 

Hello,

I downloaded a free template and I want to use it for my web site (using c# in Visual Studio 2010). I put <link rel="stylesheet" type="text/css" href="style.css" /> inside the <head> tag, but it shows me only one color, without the images. I put image folder, style.css file and index.html in the same hierarchy in the project.