Search box over lapping logo

Discussion in 'CSS' started by Yukinara, May 26, 2009.

  1. #1
    I want to create a search engine for my site using Google, but the proble is this, everytime I tried to insert that search box into the space between the main logo and member log-in area, it get over-lapped, as you can see here
    InterHeaven

    I asked around a little bit and I know that it involve basic CSS, I pulled out this one from my general.css file:
    .topBlock
    
    	{
    
    		position:relative;
    
    		height:73px;
    
    		border:0px dashed blue;
    
    		margin-bottom:0px;
    
    	}
    
    	
    
    	img.mainLogo
    
    	{
    
    		position:absolute;
    
    		top:4px;
    
    		left:4px;
    
    	}
    
    
    
    	.topBigText
    
    	{
    
    		position:absolute;
    
    		top:7px;
    
    		left:70px;
    
    	}
    
    	
    
    	.topBigText .title
    
    	{
    
    		font-size:36px;
    
    		line-height:36px;
    
    	}
    
    	
    
    	.topBigText .title a,
    
    	.topBigText .title a:link,
    
    	.topBigText .title a:visited,
    
    	.topBigText .title a:active,
    
    	.topBigText .title a:hover
    
    	{
    
    		font-weight:bold;
    
    		color:#666666;
    
    		text-decoration:none;
    
    	}
    
    	
    
    	.topBigText .powered
    
    	{
    
    		font-size:8px;
    
    		font-weight:bold;
    
    		text-transform:uppercase;
    
    		color:#666666;
    
    		margin-left:3px;
    
    	}
    
    	
    
    	.topMenuWrapper
    
    	{
    
    		position:relative;
    
    		/*height:24px;*/
    
    		z-index:100;
    
    	}
    Code (markup):

    So, what should I do here to reposition that search box?
     
    Yukinara, May 26, 2009 IP
  2. solidstate

    solidstate Well-Known Member

    Messages:
    1,679
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    155
    #2
    will suggest u not to use google gadget for inserting search engine. try the adsense there is search engine code. simple and there is no written like powered by google gadget or something.
     
    solidstate, May 27, 2009 IP