It’s been a long while since I have coded and I am definitely having some problems.
I have a side column labeled “sponsors”; there are two elements: a div “helpMenu”, and an image file. I cannot get the helpMenu image to display. I don’t know why.
If you can, take a look and tell me what’s missing.
I am confuzzeled.
http://www.newmanexpressions.com/sandbox/Billy/Articles/index.html
The code. . .
<!DOCTYPE html>
<html lang="en">
<head>
<title>New Man Expressions</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="robots" content="index, follow">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css-main/styleSheet.css">
<link rel="stylesheet" type="text/css" href="css-main/Akiane/styleSheet.css">
<body>
<div id="container">
<div id="header">
<h1><a href="index.html" title="New Man Expressions">New Man Expressions<span>
</span></a>
</h1>
<!-- "header" --></div>
<div id="pageWrapper">
<!-- <div id="navArea">
<p id="instructions">Choose a selection to the right to open our media sharer or choose a topic. . .</p>
<div id="topNav">
<ul>
<li><a class="vision" href="#"><span>Vision</span></a></li>
<li><a class="stream" href="#"><span>Downloads</span></a></li>
<li><a class="social" href="#"><span>Socialize</span></a></li>
<li><a class="partner" href="#"><span>Partnership</span></a></li>
<li><a class="tools" href="#"><span>Tools</span></a></li>
<li><a class="mail" href="#"><span>E Mail Us</span></a></li>
</ul>
</div>
<ul id="navTab">
<li><a href="#"><span>MEDIA</span></a></li>
<li><a href="#"><span>SERVICES</span></a></li>
</ul>
</div> -->
<div id="page">
<div id="intro1BoxTop"></div>
<div id="intro1BoxContainer">
<div id="AkianeProfile">
<h2>Akiane</h2>
<img id="profilePict" src="css-Main/Akiane/AkianePhoto.jpg" alt="Young Akiane" width="200" height="200" />
<p>Inducted into the Richest Kids-Entrepreneurs of America, Kids Hall of Fame & World Council for Gifted and Talented Children</p>
<a href ="#"><img id="galleryButton" src="css-Main/Akiane/gallaryButton.jpg" alt="See the Gallery of Akiane" width="200" height="65" /></a>
</div>
<div id="imageViewer">
<span id="photoIcon"></span>
<h3>Celebrated Images</h3>
<iframe name="mainEvent" src="css-Main/Akiane/Prince.html" width="370" height="385" frameborder="0" scrolling="no" ALLOWTRANSPARENCY="true"></iframe>
<span id="clickIcon"></span>
<div id="thumbnailContainer">
<a href ="css-Main/Akiane/Prince.html" target="mainEvent"><img class="thumbnails" src="css-Main/Akiane/thumbnail-1.jpg" alt="Prince of Peace" width="70" height="70" /></a>
<a href ="css-Main/Akiane/Youth.html" target="mainEvent"><img class="thumbnails" src="css-Main/Akiane/thumbnail-2.jpg" alt="Prince of Peace" width="70" height="70" /></a>
<a href ="css-Main/Akiane/Hand.html" target="mainEvent"><img class="thumbnails" src="css-Main/Akiane/thumbnail-3.jpg" alt="Prince of Peace" width="70" height="70" /></a>
<a href ="css-Main/Akiane/Boy.html" target="mainEvent"><img class="thumbnails" src="css-Main/Akiane/thumbnail-4.jpg" alt="Prince of Peace" width="70" height="70" /></a>
<a href ="css-Main/Akiane/Horse.html" target="mainEvent"><img class="thumbnails" src="css-Main/Akiane/thumbnail-5.jpg" alt="Prince of Peace" width="70" height="70" /></a>
</div>
</div>
<div id="AkianeText">
<h4>Child Prodigy Painter</h4>
<p>Does the word child prodigy have real meaning these days? Many think that it's just extraordinary talent, almost hiding it's deeper more prophetic resonance.</p>
<p>I have come across the path of a young woman with blossoming personality named Akiane. Many people have wondered at the beautiful expressions this young passionate child prodigy has painted.</p>
<p>At the moment she entered this world her mother saw the very gentle yet vehement nature of creation while her water born baby grasped with delicate fingers her pulsing umbilical cord in the presence of her father. </p>
<p>Akiane captures the essence of life with prophetic cue to unveiling the greater mysteries as she finds her identity in the Prince of Peace.</p>
</div>
</div>
<div id="intro1BoxBottom"></div>
<!-- "intro1BoxTop" --></div>
<div class="sponsors">
<div id="helpMenu"></div>
<img src="css-Main/Akiane/prayerSponsor.jpg" alt="Prayer Support" width="245" height="520" />
<!-- "sponsors" --></div>
<!-- "page" --></div>
<!-- "pageWrapper"--></div>
<div id="footer"></div>
<!-- "container" --></div>
</body>
</html>
CSS…
* { margin:0; padding:0;}
/* Intro Container */
#intro1BoxTop {background: url(introBox.gif) -2px 0 no-repeat;
width:969px;
height:20px;
margin-top:50px;
}
#intro1BoxContainer {background: url(introBoxSides.gif) -2px 0 repeat-y;
width:969px;
height:600px;
}
#intro1BoxBottom {background: url(introBox.gif) -2px -20px no-repeat;
width:969px;
height:20px;
}
/* ------- Intro Content -------*/
/* - Profile - */
#AkianeProfile {width:240px; height:600px; float:left; font:normal 24px Times; padding: 0 0 0 25px;
}
h2 {font:normal 36px Times; padding:17px 0 30px 0;
}
#profilePict {border: 1px solid #333; margin-top: 9px;
}
#AkianeProfile p {font:normal 12px Times; width:200px; line-height:24px; padding-top:25px;
}
#galleryButton {padding-top:90px;}
/* - Image Viewer - */
#imageViewer {width:415px; height:600px; padding-left:5px; float:left;
}
#photoIcon {background: url(photoIcon.jpg) no-repeat; display:block; width:68px; height:68px; float:left;
}
h3 {font:normal 36px Times; padding:17px 0 30px 0; float:left;
}
#clickIcon {background: url(thumbnailClick.jpg) no-repeat; display:block; width:365px; height:35px;
}
#thumbnailContainer {padding:5px 0 0 3px;}
.thumbnails {float:left; padding-left:3px;}
/* - Intro Text- */
#AkianeText {float:left; width:240px; height:600px;}
h4{font:normal 24px Times; padding:28px 0 28px 0;
}
#AkianeText p{font:normal 14px arial, verdana, helvetica, sans-serif; padding-top:13px;}
/* ------- Main Content -------*/
.sponsors{ width:245px; height: 100%; zpadding: 15px 0 0 15px;}
#helpMenu { url(helpMenu.jpg) no-repeat; width: 245px; height: 68px;}