Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Vertical align in footer help

    i have a footer with an image and text, which for some reason are not aligned equally
    what is wrong???



    here is the code:
    Code:
    		<div class="footer">
    			<a class="left" href="http://www.thoroprod.com"><img src="images/thoro.png" width="25"> <span>THORO PRODUCTIONS, INC.</span> &copy; 2013 THORO PRODUCTIONS&trade; ALL RIGHTS RESERVED. </a>
    			<a href=""><img src="images/logo2.png" width="25"></a>
    			<a href="http://www.youtube.com/thoroprod1"><img src="images/youtube.png" width="25"></a>
    			<a href="http://www.twitter.com/rexmakesbeats"><img src="images/twitter.png" width="25"></a>
    			<a href="http://www.facebook.com/thoroprod"><img src="images/facebook.png" width="25"></a>
    		</div>
    Code:
    /* Footer Style */
    .footer{
    	position:fixed;
    	bottom:0px;
    	left:0px;
    	width:100%;
    	font-size:13px;
    	background:#000;
    	height:20px;
    	padding-bottom:10px;
    	text-transform:uppercase;
    	z-index:4;
    }
    .footer a{
    	padding:5px 10px;
    	letter-spacing:1px;
    	text-shadow:1px 1px 1px #000;
    	color:#ddd;
    	float:right;
    }
    .footer a:hover{
    	color:#fff;
    }
    .footer a span{
    	font-weight:bold;
    }
    .footer a.left{
    	float:left;
    }

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    3,763
    Thanks
    23
    Thanked 548 Times in 547 Posts
    Have you tried "vertical-align:middle;" or the others?
    Evolution - The non-random survival of random variants.


  •  

    Posting Permissions

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