Need help with css: image aligns, text does not.

Discussion in 'CSS' started by drewtoby, May 31, 2011.

  1. #1
    Hello, I am designing a template for my site, elvenprog.com (it needs one badly :eek:). I have aligned all of my images through css, but for some reason the "hello" statement is not aligned. I have tried <p class="links"> and some other ways, but have no idea what is going on. Please review my code and post any suggestions. Thanks!!!

    
    <html>
    <STYLE TYPE="text/css" MEDIA=screen>
    <!--
    .text {
    background-image:url('txt.png');
    top:320px; 
    	left:191px;
    	width:920px; 
    	length: 700px;
    	z-index: 8;
    	border:none;
    STYLE="TEXT-DECORATION: NONE";
    position:relative;
    border:2px solid black; 
    margin:0px; padding:0px; border:2px;
    } 
    
    
    .banner {
    background-image:url('banner.jpg');
    top:0px; 
    	left:410px;
    	z-index: 3;
    	border:none;
    STYLE="TEXT-DECORATION: NONE";
    position:absolute;
    margin:0px; padding:0px
    } 
    
    .nav {
    background-image:url('nav.png');
      background-repeat: repeat-y;
      background-position: left;
    top:209px; 
    	left:200px;
    	z-index: 4;
    	border:none;
    STYLE="TEXT-DECORATION: NONE";
    position:absolute;
    margin:0px; padding:0px
    
    .links{
    text-align: center;
    left:5px;
    top:5px; 
    	z-index: 9;
    	position:absolute;
    }
    
    
    
    
    -->
    </STYLE>
    <image class="text" src="txt.png"></image>
    <image class="banner" src="banner.jpg"></image>
    <image class="nav" src="nav.png"></image>
    
    <p class="links">
    hello
    </p>
    
    </html>
    
    Code (markup):
     
    drewtoby, May 31, 2011 IP
  2. drewtoby

    drewtoby Well-Known Member

    Messages:
    763
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    108
    #2
    drewtoby, May 31, 2011 IP