Criando novo Layout - Erro HTML/ CSS
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](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](http://localhost/wordpress/?feed=rss2)">
<link rel="alternate" type="text/xml" title="RSS .92" href="[http://localhost/wordpress/?feed=rss2](http://localhost/wordpress/?feed=rss2)">
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="[http://localhost/wordpress/?feed=atom](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](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](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](http://localhost/wordpress/xmlrpc.php?rsd)">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="[http://localhost/wordpress/wp-includes/wlwmanifest.xml](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?
Discussão (1)
Carregando comentários...