SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    Addicted to the Source of Life PowerBit's Avatar
    Join Date
    Feb 2004
    Location
    Loveland Co
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile DIV image won't show up??? Rusty skills....

    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/san...les/index.html


    The code. . .

    HTML 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>&nbsp;
    		</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...



    Code 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;}
    Last edited by TechnoBear; Jun 3, 2012 at 13:59. Reason: Amended code tags

  2. #2
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,156
    Mentioned
    262 Post(s)
    Tagged
    5 Thread(s)
    The image is showing up, but your layout is broken.

    New-Man.png

    Where are you trying to position it?

  3. #3
    Addicted to the Source of Life PowerBit's Avatar
    Join Date
    Feb 2004
    Location
    Loveland Co
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am just placing it in natural stack order over the prayerSponsor image.

  4. #4
    Addicted to the Source of Life PowerBit's Avatar
    Join Date
    Feb 2004
    Location
    Loveland Co
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How is the layout broken? The sponsor class is not padded over into the main page so it appears broken unless you see something in the code I do not. The image is "not" showing up. The image would read "Help Menu". It's a cap to the ad listings.

  5. #5
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,156
    Mentioned
    262 Post(s)
    Tagged
    5 Thread(s)
    Sorry - I thought that was the image you were referring to.

    Your problem lies in this line of your CSS:
    Code:
    #helpMenu { url(helpMenu.jpg) no-repeat; width: 245px; height: 68px;}
    You're missing background: before the URL.

  6. #6
    Addicted to the Source of Life PowerBit's Avatar
    Join Date
    Feb 2004
    Location
    Loveland Co
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Additional concerns.

    I see that the images that I am stacking are displaying a space between the display. This is supposed to be a seamless design. In the latest update you can see the two ads with a space showing through to the back ground. Not sure why this happening. Thanks for looking. I am not quite sure as to the reasons why.

  7. #7
    Addicted to the Source of Life PowerBit's Avatar
    Join Date
    Feb 2004
    Location
    Loveland Co
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Lol bro... I thought that it was something as simply as this. Great thanks.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •