Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

crishenrique86

Criando novo Layout - Erro HTML/ CSS

Por , em Desenvolvimento com Wordpress

Recommended Posts

crishenrique86    0

crishenrique86
Postado

Boa tarde pessoal!

 

Estou criando um layout novo para wordpress, mas estou me deparando com um problema que não consegui identificar.

 

Estou utilizando o WAMP para desenvolver, e antes de tudo, fiz o layout em HTML e CSS (Funcionou perfeitamente). Após migrar os codigos do layout para o Wordpress(Tambem usando WAMP) o layout esta criando um espaçamento na parte superior do browser.

 

Resolvi inspecionar o codigo e percebi algo estranho, veja o codigo:

<html><head></head><body>
"
"
<title>Hotel Rio Jordão</title>
<meta name="generator" content="Wordpress" 4.1"="">
<meta http-equiv="content-type" content="text/html; UTF-8">
<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/hotelriojordao/style.css" media="all" type="text/css">
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://localhost/wordpress/?feed=rss2">
<link rel="alternate" type="text/xml" title="RSS .92" href="http://localhost/wordpress/?feed=rss2">
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://localhost/wordpress/?feed=atom">


<script src="http://localhost/wordpress/wp-content/themes/hotelriojordao/js/jquery-1.11.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/hotelriojordao/css/bootstrap.min.css">
<script src="http://localhost/wordpress/wp-content/themes/hotelriojordao/js/bootstrap.min.js"></script>
<link href="http://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet" type="text/css">
 
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml"> 
<meta name="generator" content="WordPress 4.1">

    


<div class="container-fluid header-destaque">
        <div class="container">
            <div class="row">                
                <div class="col-lg-4 col-md-4 col-sm-5 hidden-xs pull-right" ;="">
                    <h4 class="text-right">Central de Reservas | 31-0000-0000</h4>
                </div>
                
                <div class="col-sm-5 hidden-lg hidden-md hidden-sm" ;="">
                    <h4 class="text-center">Central de Reservas | 31-0000-0000</h4>
                </div>
                
            </div>        
        </div>
    </div>

	<div class="navbar navbar-default visible-xs" role="navigation">
		<div class="navbar-header">
  
    		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
      		</button>
      
  		</div>
        
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class=" nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Acomodações</a></li>
                <li><a href="#">Serviços</a></li>
                <li><a href="#">Promoções</a></li>
                <li><a href="#">Reservas</a></li>
                <li><a href="#">Trabalhe Conosco</a></li>
                <li><a href="#">Contato</a></li>
            </ul>
        </div>
      
  
	</div>	

	<div class="container">
    	<div class="row header-top">
        	
            <!--LADO 1-->
            <div class="col-lg-4 col-md-4 col-sm-4">
            	<img src="images/logo.png">
            </div>
            
        	<!--LADO 1-->
            
            
            <!--LADO 3-->
            <div class="col-lg-8 col-md-8 col-sm-8  hidden-xs ">       
            	<ul class="nav nav-pills pull-right header-menu">
                	<li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Acomodações</a></li>
                    <li><a href="#">Serviços</a></li>
                    <li><a href="#">Promoções</a></li>
                    <li><a href="#">Reservas</a></li>
                </ul>
            </div>
        	<!--LADO 3-->
                	
   		</div>
        
        
   </div>     
   
   <div class="container">
   
   		<div class="row">
            
            <div class="col-lg-10 col-md-8 col-sm-6">
                
                <div class="jumbotron">

                    <br><br><br><br><br><br><br><br>
                </div>
            
            </div>
            
            <div class="col-lg-2 col-md-4 col-sm-6 form-reservas">
    
                <form role="form">
                    
                    <div class="row">	
                    
                    	<div class="col-lg-12 col-md-12 col-sm-12  hidden-xs text-center">  
                        	<h4>RESERVE AGORA!</h4>
                    	</div>
                    </div>   
                    
                    <div class="row">	
                      
                       
                           <div class="col-lg-12 col-md-6 col-sm-5  hidden-xs pull-left">
                               <small>Quando pretende nos visitar?</small>	
                               <div class="input-group">
                               		<input class="form-control" type="email" placeholder="Check-In">
                               		<div class="input-group-addon"><a href="#" class="glyphicon glyphicon-calendar"></a></div>
                               </div>
                               <p></p>
                               <div class="input-group">
                               		<input class="form-control" type="email" placeholder="Check-Out">
                               		<div class="input-group-addon"><a href="#" class="glyphicon glyphicon-calendar"></a></div>
                               </div>
                               <p></p>
             
                           </div>
                           
                      
                    
                    </div>   
                    
                    <div class="row">	
                        
                    	<div class="form-group teste">
                        
                        	<div class="col-lg-6 col-md-6 col-sm-5  hidden-xs ">
                            	<small>Adultos</small>	
                                <div class="form-group">
    								<select class="form-control input-sm">
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                    </select>
  								</div>
                            </div>
                            
                            <div class="col-lg-6 col-md-6 col-sm-5  hidden-xs ">
                            	<small>Crianças</small>	
                                <div class="form-group">
    								<select class="form-control input-sm">
                                        <option selected="">0</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                    </select>
  								</div>
                            </div>
                            
                            
                        </div>
                        
                     </div> 
                     
                     <div class="row">	
                      
                       <div class="form-group">
                           <div class="col-lg-12 col-md-12 col-sm-5  hidden-xs pull-left">
                                   <button type="button" class="btn btn-primary btn-sm btn-reserva-send">Prosseguir</button>
                           </div>
                       </div>
                    
                    </div> 
                      
                     
                </form>
                
            </div>    
            
            
            
        </div>
        
        
       
   </div>	
<div id="container">
</div>
"
"
<div id="footer">
footer
</div>


</body></html>

-Debaixo do BODY e acima do FOOTER, esta criando sozinho essas aspas que nem se encontra no codigo

-As tags de css e javascript estao caindo para debaixo do fechamento da </HEAD>

 

Poderiam me dizer oq pode estar acontecendo?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marlon Pacheco    132

Marlon Pacheco
Postado

Tchê, buenas.

 

Posta o código do header.php , index.php e footer.php. Você provavelmente está duplicando alguma tag do WP.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento com Wordpress
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito