Author Topic: Why is this not working?  (Read 86 times)

Mike

  • Newbie
  • *
  • Posts: 13
    • View Profile
    • Aneurysm Information Resources and Support
    • Email
Why is this not working?
« on: July 13, 2010, 08:03:41 PM »
I have a template that I like and really want to use on one of my sites but am having problems. It has a small photo that I wish to replace with my own, which should be simple enough. Yet, it will not display my photo. The html tags are correct, my photo is in the correct folder, but no matter what it will not display. Now, if I rename my photo to the template photo name it displays perfectly. Why is that, what am I missing?

Here is the section I am having trouble with.

</div><div id="rc2">
</div></div>
<div id="logo">
<h1><a href="http://www.TemplatesPerfect.com">Business5 </a></h1>
<h4>By TemplatesPerfect.com</h4></div>
<div id="topnews">
<h3>Today's Special </h3>
<p><img src="images/business-school.jpg" alt="" width="400" height="300" />Put all your little tidbits of information or pictures in this small yet useful little area. Put all your little tidbits of information or pictures in this small yet useful little area. <a href="#">Read more</a></p>
</div>


The image in question is named business-school.jpg. If I replace that with the name of my photo it will not display. Rename my photo and it works. What gives, am I missing something here or maybe in the style sheet? Help!


/* css by Templatesperfect.com */

body {
margin: 0 0 10px 0;
padding: 0;
background: #333333 url(images/bg.gif);
text-align: justify;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3b3b3b;
}
#wrapper {
width: 1000px;
margin: 0 auto;
background: #ffffff;

}

#header {
width: 1000px;
height: 260px;
margin: 0 auto;
background:url(images/Header4.jpg) center bottom no-repeat;


}

#left {
float: left;
width: 320px;
margin:5px 0 5px 6px;
padding:5px;
background-color:#ebf3d7;
border:1px solid #cbe097;
}
#content {
float: left;
width: 640px;
margin:5px 0 5px 5px;
padding:5px;
border:1px solid #d9d9d8;
}
#logo
{ width:400px;
float:left;
background:url(images/logo.png) left bottom no-repeat;
margin:30px 0 0 10px;
padding-bottom:10px;
}
#topnews
{
width:520px;
height:140px;
background:#339966;
border:2px solid #006633;
margin:20px 40px 20px 10px;
padding:5px;
float:right;
background:url(images/news-bg.png) repeat-y;
}
#topnews p
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#ffffff;
text-align:justify;
}
#topnews img {
float: left;
margin:3px;
border:2px solid #cccccc;
width:160px; height:100px;
}
.clear{clear:both; height:0px;}

#footer
{
height:30px;
padding:10px 60px 0 0;
background-color:#000000;
text-align:right;
}
.date
{ font-size:11px;
color:#333333;
font-weight:bold;
display:block;
}

h2 {
font-size: 25px;
display:inline;
}

#content h3 {
font-size: 13px;
color:#663333;
display:inline;
font-weight:bold;
}
h3{
font-size: 17px;
color:#000000;
display:inline;
font-weight:bold;
}
h4 {
font-size: 12px;
color:#cccccc;
display:inline;
padding-left:105px;
padding-top:5px;


}

p, ol, ul {
line-height: 22px;
}

ul {
margin-left: 10px;
padding-left: 0;
list-style: none;
}

ul li { width:200px;
padding: 2px 0 5px 0;
border-bottom:1px dotted #444444;;
}

ul li.first {
background: none;
}

#content img {
float: left;
width:160px;
height:100px;
margin:8px;
border:2px solid #cccccc;
}

h1
{ padding:35px 0 0 100px;
color:#ffffff;
font-size: 40px;
text-decoration:none;
line-height:36px;
margin:0px;
font-weight:lighter;
}


h1 a { color:#ffffff;
text-decoration:none;
}
h1 a:hover { color:#111111;
text-decoration:none;
}

#menu
{ height:50px;
margin-top:10px;
}
#rc1
{width:10px; height:50px; background-image:url(images/rc1.png); background-repeat:no-repeat; float:left;}
#bg
{ width:940px; height:50px; background-image:url(images/linksbg.png); background-repeat:repeat-x; float:left; padding-left:40px; }
#rc2
{width:10px; height:50px; background-image:url(images/rc2.png); background-repeat:no-repeat; float:left;}

.toplinks
{
width:80px;
text-align:center;
float:left;
height:40px;
line-height:40px;
font-family:tahoma;
font-size:14px;
font-weight:bold;
margin:5px 0 0 15px;
color:#ffffff;
text-decoration:none;
}

.toplinks:hover
{ color:#111111;
}

a {
color: #8d3a0d;
}

a:hover {
text-decoration: none;
color: #333333;

}

Anyone have any thoughts?

luckyoyo

  • Newbie
  • *
  • Posts: 1
    • View Profile
Re: Why is this not working?
« Reply #1 on: July 21, 2010, 11:28:33 PM »

thomas sabo ringeBe honest with yourself by paying attention to your actions. Actions speak louder than words, and they always tell the truth. What do your actions say about you? If you say you love your job, but your actions say otherwise, which do you think is more true — your words or your actions? On the other hand, thomas sabo online shop
gucci handbags

Mike

  • Newbie
  • *
  • Posts: 13
    • View Profile
    • Aneurysm Information Resources and Support
    • Email
Re: Why is this not working?
« Reply #2 on: July 24, 2010, 04:37:29 AM »

thomas sabo ringeBe honest with yourself by paying attention to your actions. Actions speak louder than words, and they always tell the truth. What do your actions say about you? If you say you love your job, but your actions say otherwise, which do you think is more true — your words or your actions? On the other hand, thomas sabo online shop
gucci handbags


Lucky, what's that got to do with my code not working? Which my the way I did figure out, the notepad packaged with win 7 has different options for saving the file.

mathaios

  • Newbie
  • *
  • Posts: 2
    • View Profile
    • Email
Re: Why is this not working?
« Reply #3 on: August 06, 2010, 03:33:55 AM »
Hey
when your site takes orders from the css file then this is happening.You should change the name of the photo you want displayed in the css section where is parsing the image so it will be fine.
All the bets

digga

  • Newbie
  • *
  • Posts: 8
  • Smile.
    • View Profile
    • doomby - free website maker
    • Email
Re: Why is this not working?
« Reply #4 on: August 18, 2010, 08:32:16 AM »
Glad you figured it out (and I'm sure it hand something to do with the mystery handbags, but you just couldn't see the link ... ;)

I couldn't help thinking as I read it - you've not replaced the original HTML file with the new one, so the reference isn't getting updated. Is that what it was (I couldn't tell for sure from your follow-up post)?
Choose a free website maker to make a website free. And be nice.

Mike

  • Newbie
  • *
  • Posts: 13
    • View Profile
    • Aneurysm Information Resources and Support
    • Email
Re: Why is this not working?
« Reply #5 on: Today at 02:56:10 PM »
Actually, that turned out not to be the problem or the solution. It was a problem with the image itself.