Ir para conteúdo

POWERED BY:

Arquivado

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

Jailson100

TopMenu fora de ordem

Por , em Desenvolvimento frontend

Recommended Posts

Jailson100    0

Jailson100
Postado

Ola, estou reestruturando uma pagina de pousada e apos alguns elementos que modifiquei o menu nao fica posicionado corretamente.

 

O menu deve ficar como essa imagem:http://imgur.com/LAvFcwB

 

Ao acessar a pagina dos quartos: http://imgur.com/v9wJiGx

 

Agradeço desde já.

 

<script>

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-55767205-1', 'auto');
ga('send', 'pageview');
</script>
<!--doctype html-->
<!--[if IE 7 ]><html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]><html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Michel Brito">
<meta name="title" content="Pousada em Ubatuba" />
<meta name="keywords" content="pousada, pousada em ubatuba, liverpool pousada, pousada na praia, praias em ubatuba, turismo em ubatuba, apartamentos, suite, piscina, belos quartos, vista paras montanhas, reservas, booking " />
<meta name="description" content="A Pousada localiza-se na praia do lazaro, Dispõe de uma maravilhosa piscina, Contamos com duas opções de apartamento; térreo e superior (varanda). os apartamentos possui: TV LCD, frigobar, ar condicionado, ventilador de teto, interfone e WI FI nos quartos, piscina, estacionamento. No preço da diária esta incluso o café da manhã e serviço de quarto, aceitmos animais de estimação, a cidade de ubatuba oferece otimas opçoes de turismo." />
<meta name="owner" content="contato@liverpoolpousada.com">
<title>Apartamento em Ubatuba</title>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Magra:400,700' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="favicon.ico">
<!-- core CSS -->
<link href="css/bootstrap.css" media="screen" rel="stylesheet">
<link href="css/font-awesome.css" media="screen" rel="stylesheet">
<link href="style.css" media="screen" rel="stylesheet">
<link href="screen.css" media="screen" rel="stylesheet">
<!-- custom CSS -->
<link href="custom.css" media="screen" rel="stylesheet">
<script src="js/libs/modernizr.min.js"></script>
<!--[if lt IE 9]><script src="js/libs/respond.min.js"></script><![endif]-->
<!-- styled select -->
<link rel="stylesheet" href="css/cusel.css">
<!-- datepicker -->
<link href="css/dark-theme/jquery-ui-1.10.3.custom.css" rel="stylesheet">
<!-- shortcode: Lightbox prettyPhoto -->
<link rel="stylesheet" href="css/prettyPhoto.css">
</head>
<body>
<div class="tudo">
<div class="corpo">
<!--- header -->
<div class="header">
<div class="logo">
<a href="index2.html"><img src="images/logo.png"></img></a>
</div>
<div class="container clearfix">
<div class="topmenu_right">
<div class="languages hover">
<!--ALterar Linguagem-->
<span class="current_lang"><a href="index-en.html"><img src="images/icons/icon.british.png" alt="" width="35" height="35"/></a></span>
<ul class="lang-list">
<li><a href="#"><span>PT</span> - Português</a></li>
<li><a href="index-en.html"><span>EN</span> - English</a></li>
</ul>
</div>
<ul>
<li><a href="reservations.html">RESERVAS</a></li>
</ul>
</div>
<!--- topmenu -->
<nav class="topmenu">
<ul class="dropdown">
<li class="current-menu-ancestor"><a href="index.html"><span>Home</span></a></li>
<!--ul class="submenu-1">
<li><a href="praias-de-ubatuba/index.html"><span>Praias</span></a></li>
<li><a href="ilhas-ubatuba/index.html"><span>Ilhas</span></a></li>
<li><a href="turismo-ubatuba/index.html"><span>Turismo</span></a></li>
</ul-->
<!--Criar Slider para mostrar suites.-->
<li class="mega-nav mega-fullwidth"><a href="rooms.html"><span>Suites</span></a>
<ul class="submenu-1">
<li class="mega-nav-widget">
<!-- widget room -->
<div class="widget-container widget_room">
<h3 class="widget-title">Suite Dupla</h3>
<div class="widget_room_content">
<div class="room_type"><img src="images/icons/room_single.png" alt=""/></div>
<div class="room_image"><a href="room-details.html"><img src="images/temp/room_small_1.jpg" alt=""/></a></div>
<div class="room_price"><strong></strong> <span></span></div>
<div class="room_detail">
<span class="icon-ok"></span>
<a href="rooms.html">Detalhes</a>
<span class="icon-chevron-right"></span>
</div>
</div>
</div>
<!--/ widget room -->
</li>
<li class="mega-nav-widget">
<!-- widget room -->
<div class="widget-container widget_room">
<h3 class="widget-title">Suite Tripla</h3>
<div class="widget_room_content">
<div class="room_type"><img src="images/icons/room_double.png" alt=""/></div>
<div class="room_image"><a href="room-details.html"><img src="images/temp/room_small_2.jpg" alt=""/></a></div>
<div class="room_price"><strong></strong> <span></span></div>
<div class="room_detail">
<span class="icon-ok"></span>
<a href="rooms.html">Detalhes</a>
<span class="icon-chevron-right"></span>
</div>
</div>
</div>
<!--/ widget room -->
</li>
<li class="mega-nav-widget">
<!-- widget room -->
<div class="widget-container widget_room">
<h3 class="widget-title">Suite VIP</h3>
<div class="widget_room_content">
<div class="room_type"><img src="images/icons/room_triple.png" alt=""/></div>
<div class="room_image"><a href="room-details.html"><img src="images/temp/room_small_3.jpg" alt=""/></a></div>
<div class="room_price"><strong></strong> <span></span></div>
<div class="room_detail">
<span class="icon-ok"></span>
<a href="rooms.html">Detalhes</a>
<span class="icon-chevron-right"></span>
</div>
</div>
</div>
<!--/ widget room -->
</li>
<li class="mega-nav-widget">
<!-- widget text -->
<div class="widget-container widget_text">
<h3 class="widget-title">Preços Promocionais</h3>
<div class="textwidget">
<p>As Suites Oferecem: ar condicionado, ventilador de Teto, frigo bar, Wi Fi, Tv LCD, interfone, ducha quente e serviço de quarto. </p>
<p>Atendimento personalizado com funcionarios bilingues (Inglês) treinados para servi-lo.</p>
<a href="rooms.html" class="link-border">VER AS SUITES <i class="icon-search"></i></a>
</div>
</div>
<!--/ widget text -->
</li>
</ul>
</li>
<li><a href="amenities.html"><span>A Pousada</span></a></li>
<li><a href="#"><span>Atrações</span></a></li>
<li><a href="services.html"><span>Serviços</span></a></li>
<li><a href="eventos.html"><span>Eventos</span></a></li>
<li><a href="location.html"><span>Contato</span></a></li>
</nav>
<!--/ topmenu -->
</div>
</div>
<!-- room list -->
<div class="room_list">
<div class="room clearfix">
<div class="room-descr">
<h2><a href="room-details.html">101-Clapham Common</a></h2>
<div class="room-price"></div>
<div class="room-text">
<p> A Suite possui: TV LCD, frigobar, ar condicionado, ventilador de teto, interfone e WI FI nos quartos, piscina, estacionamento. No preço da diária esta incluso o café da manhã.</p>
<p>Aceitamos cartões de crédito ou débito, não aceitamos cheques. Não cobramos taxa de administração.</p>
</div>
<div class="amenities-list">
<h3 class="comodidades">Comodidades</h3>
<div class="icons_carousel">
<ul id="room1-amenities">
<li><img src="images/icons/room_quadruplo.png" alt="" data-toggle="tooltip" title="Room for 4 peoples"/></li>
<li><img src="images/icons/room_feature_2.png" alt="" data-toggle="tooltip" title="Internet"/></li>
<li><img src="images/icons/room_feature_3.png" alt="" data-toggle="tooltip" title="Intercom"/></li>
<li><img src="images/icons/room_feature_4.png" alt="" data-toggle="tooltip" title="Wide-Screen TV"/></li>
<li><img src="images/icons/room_feature_5.png" alt="" data-toggle="tooltip" title="Room service"/></li>
<li><img src="images/icons/room_feature_6.png" alt="" data-toggle="tooltip" title="Drinks"/></li>
<li><img src="images/icons/room_feature_7.png" alt="" data-toggle="tooltip" title="Air Conditioning"/></li>
<li><img src="images/icons/room_feature_9.png" alt="" data-toggle="tooltip" title="Hairdryer"/></li>
</ul>
<a class="prev" href="#" id="room1-amenities_prev"><span class="icon icon-angle-left"></span></a>
<a class="next" href="#" id="room1-amenities_next"><span class="icon icon-angle-right"></span></a>
</div>
</div>
</div>
<!-- room gallery -->
<div class="tf-gallery-wrap clearfix">
<div class="tf-gallery" id="room1-gallery">
<div class="gallery-images">
<div class="gallery-item"><img src="images/temp/room_big_1.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_2.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_3.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_4.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_5.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_6.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_7.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_8.jpg" alt=""/></div>
</div>
<div class="gallery-thumbs">
<div class="thumb-item"><img src="images/temp/room_big_1_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_2_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_3_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_4_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_5_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_6_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_7_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_8_thb.jpg" alt=""/></div>
</div>
</div>
<a href="#" class="prev"><i class="icon-angle-left"></i></a>
<a href="#" class="next"><i class="icon-angle-right"></i></a>
</div>
<!--/ room gallery -->
</div>
<!--/ room -->
<div class="room clearfix">
<div class="room-descr">
<h2><a href="room-details.html">102-Stockwell</a></h2>
<div class="room-price"></div>
<div class="room-text">
<p> A Suite possui: TV LCD, frigobar, ar condicionado, ventilador de teto, interfone e WI FI nos quartos, piscina, estacionamento. No preço da diária esta incluso o café da manhã.</p>
<p>Aceitamos cartões de crédito ou débito, não aceitamos cheques. Não cobramos taxa de administração.</p>
</div>
<div class="amenities-list">
<h3 class="comodidades">Comodidades</h3>
<div class="icons_carousel">
<ul id="room2-amenities">
<li><img src="images/icons/room_quadruplo.png" alt="" data-toggle="tooltip" title="Room for 4 peoples"/></li>
<li><img src="images/icons/room_feature_2.png" alt="" data-toggle="tooltip" title="Internet"/></li>
<li><img src="images/icons/room_feature_3.png" alt="" data-toggle="tooltip" title="Intercom"/></li>
<li><img src="images/icons/room_feature_4.png" alt="" data-toggle="tooltip" title="Wide-Screen TV"/></li>
<li><img src="images/icons/room_feature_5.png" alt="" data-toggle="tooltip" title="Room service"/></li>
<li><img src="images/icons/room_feature_6.png" alt="" data-toggle="tooltip" title="Drinks"/></li>
<li><img src="images/icons/room_feature_7.png" alt="" data-toggle="tooltip" title="Air Conditioning"/></li>
<li><img src="images/icons/room_feature_9.png" alt="" data-toggle="tooltip" title="Hairdryer"/></li>
</ul>
<a class="prev" href="#" id="room2-amenities_prev"><span class="icon icon-angle-left"></span></a>
<a class="next" href="#" id="room2-amenities_next"><span class="icon icon-angle-right"></span></a>
</div>
</div>
</div>
<!-- room gallery -->
<div class="tf-gallery-wrap clearfix">
<div class="tf-gallery" id="room2-gallery">
<div class="gallery-images">
<div class="gallery-item"><img src="images/temp/room_big_9.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_10.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_11.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_12.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_13.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_14.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_15.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_9.jpg" alt=""/></div>
</div>
<div class="gallery-thumbs">
<div class="thumb-item"><img src="images/temp/room_big_9_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_10_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_11_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_12_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_13_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_14_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_15_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_9_thb.jpg" alt=""/></div>
</div>
</div>
<a href="#" class="prev"><i class="icon-angle-left"></i></a>
<a href="#" class="next"><i class="icon-angle-right"></i></a>
</div>
<!--/ room gallery -->
</div>
<!--/ room -->
<div class="room clearfix">
<div class="room-descr">
<h2><a href="room-details.html">103-London Bridge</a></h2>
<div class="room-price"></div>
<div class="room-text">
<p> A Suite possui: TV LCD, frigobar, ar condicionado, ventilador de teto, interfone e WI FI nos quartos, piscina, estacionamento. No preço da diária esta incluso o café da manhã.</p>
<p>Aceitamos cartões de crédito ou débito, não aceitamos cheques. Não cobramos taxa de administração.</p>
</div>
<div class="amenities-list">
<h3 class="comodidades">Comodidades</h3>
<div class="icons_carousel">
<ul id="room3-amenities">
<li><img src="images/icons/room_quadruplo.png" alt="" data-toggle="tooltip" title="Room for 4 peoples"/></li>
<li><img src="images/icons/room_feature_2.png" alt="" data-toggle="tooltip" title="Internet"/></li>
<li><img src="images/icons/room_feature_3.png" alt="" data-toggle="tooltip" title="Intercom"/></li>
<li><img src="images/icons/room_feature_4.png" alt="" data-toggle="tooltip" title="Wide-Screen TV"/></li>
<li><img src="images/icons/room_feature_5.png" alt="" data-toggle="tooltip" title="Room service"/></li>
<li><img src="images/icons/room_feature_6.png" alt="" data-toggle="tooltip" title="Drinks"/></li>
<li><img src="images/icons/room_feature_7.png" alt="" data-toggle="tooltip" title="Air Conditioning"/></li>
<li><img src="images/icons/room_feature_9.png" alt="" data-toggle="tooltip" title="Hairdryer"/></li>
</ul>
<a class="prev" href="#" id="room3-amenities_prev"><span class="icon icon-angle-left"></span></a>
<a class="next" href="#" id="room3-amenities_next"><span class="icon icon-angle-right"></span></a>
</div>
</div>
</div>
<!-- room gallery -->
<div class="tf-gallery-wrap clearfix">
<div class="tf-gallery" id="room3-gallery">
<div class="gallery-images">
<div class="gallery-item"><img src="images/temp/room_big_16.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_17.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_18.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_19.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_21.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_22.jpg" alt=""/></div>
<div class="gallery-item"><img src="images/temp/room_big_16.jpg" alt=""/></div>
</div>
<div class="gallery-thumbs">
<div class="thumb-item"><img src="images/temp/room_big_16_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_17_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_18_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_19_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_21_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_22_thb.jpg" alt=""/></div>
<div class="thumb-item"><img src="images/temp/room_big_16_thb.jpg" alt=""/></div>
</div>
</div>
<a href="#" class="prev"><i class="icon-angle-left"></i></a>
<a href="#" class="next"><i class="icon-angle-right"></i></a>
</div>
<!--/ room gallery -->
</div>
<!--/ room -->
</div>
<!--/ room list -->
<div class="title_block">
<h2>VER MAIS SUITES</h2>
<span class="btn btn-white btn-lg">Contato: <span>(12)99651-8262</span></span>
<a href="rooms2.html" class="btn btn-primary btn-lg">CLIQUE AQUI</a>
<p class="text_notice"><em></em></p>
</div>
<div class="middle middle_gray">
<center>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="https://www.facebook.com/liverpoolpousada" data-width="900" data-numposts="5" data-colorscheme="light"></div>
</center>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="footer">
<div class="container clearfix">
<div class="col-md-4 f_col f_col_1">
<div class="widget-container widget_contact">
<h3 class="widget-title">Local:</h3>
<address>
<strong>Liverpool Pousada</strong><br>
Rua Morango ,124 Lazáro,<br>
Ubatuba-SP, Brasil<br>
Fale conosco - <a href="location.html">Ver mapa</a><br><br>
</address>
</div>
</div>
<div class="col-md-2 f_col f_col_2">
<!-- widget_pages -->
<div class="widget-container widget_pages">
<h3 class="widget-title">Contato</h3>
<ul>
<li><span>Tel. (12) 3842-0697 </span></li>
</ul>
</div>
<!--/ widget_pages -->
</div>
<div class="col-md-2 f_col f_col_3">
<!-- widget_pages -->
<div class="widget-container widget_pages">
<h3 class="widget-title">Liverpool Pousada</h3>
<ul>
<li><a href="#"><span>Reservas</span></a></li>
<li><a href="#"><span>Suites</span></a></li>
<li><a href="#"><span>Contato</span></a></li>
</ul>
</div>
<!--/ widget_pages -->
</div>
<div class="col-md-4 f_col f_col_4">
<!-- newsletter widget -->
<div class="widget-container newsletterBox">
<h3 class="widget-title">Email para Reserva</h3>
<li><span>Email: liverpoolpousada@hotmail.com</span></li>
<li><span>Email: contato@liverpoolpousada.com</span></li>
</div>
<!--/ newsletter widget -->
<div class="footer_social">
<a href="https://www.facebook.com/liverpoolpousada" class="icon-facebook"><span>Facebook</span></a>
<a href="https://plus.google.com/u/0/117595215497880247658/posts" class="icon-google-plus"><span>Google Plus</span></a>
<a href="#" class="icon-twitter"><span>Twitter</span></a>
<a href="#" class="icon-pinterest"><span>Pinterest</span></a>
</div>
</div>
</div>
</div>
<div class="copyright">
<p>Desenvolvido por <a href="http://michelbrito.16mb.com/" target="_blank">Michel Brito</a></p>
</div>
</div>
</div>
</div>
<!-- main JS libs -->
<script src="js/libs/jquery.min.js"></script>
<script src="js/libs/bootstrap.min.js"></script>
<script src="js/general.js"></script>
<script src="js/hoverIntent.js"></script>
<script src="js/jquery.easing.min.js"></script>
<!-- styled select -->
<script src="js/cusel-min.js"></script>
<script src="js/jquery.jscrollpane.min.js"></script>
<script src="js/jquery.mousewheel.js"></script>
<!-- custom input -->
<script src="js/jquery.icheck.min.js"></script>
<!-- carousel -->
<script src="js/jquery.carouFredSel.min.js"></script>
<script src="js/jquery.touchSwipe.min.js"></script>
<!-- shortcode: Lightbox prettyPhoto -->
<script src="js/jquery.prettyPhoto.js"></script>
<!-- gmap -->
<script src="js/jquery.gmap.min.js"></script>
<!-- datepicker -->
<script src="js/libs/jquery-ui.custom.min.js"></script>
<!------------------- page JS -->
<!-- rooms amenities -->
<script>
jQuery(document).ready(function($) {
"use strict";
$('#room1-amenities').carouFredSel({
prev : "#room1-amenities_prev",
next : "#room1-amenities_next",
auto: false,
circular: false,
infinite: true,
width: '100%',
scroll: {
items : 1
}
});
$("#room1-gallery").tfGallery();
$('#room2-amenities').carouFredSel({
prev : "#room2-amenities_prev",
next : "#room2-amenities_next",
auto: false,
circular: false,
infinite: true,
width: '100%',
scroll: {
items : 1
}
});
$("#room2-gallery").tfGallery();
$('#room3-amenities').carouFredSel({
prev : "#room3-amenities_prev",
next : "#room3-amenities_next",
auto: false,
circular: false,
infinite: true,
width: '100%',
scroll: {
items : 1
}
});
$("#room3-gallery").tfGallery();
});
</script>
<!-- rooms datepicker -->
<script>
jQuery(document).ready(function($) {
"use strict";
$("#check_in_10").datepicker({
dateFormat: 'M dd, yy',
minDate: 0,
showOtherMonths: true,
firstDay: 1
});
$("#check_out_10").datepicker({
dateFormat: 'M dd, yy',
minDate: 0,
showOtherMonths: true,
firstDay: 1
});
$("#check_in_11").datepicker({
dateFormat: 'M dd, yy',
minDate: 0,
showOtherMonths: true,
firstDay: 1
});
$("#check_out_11").datepicker({
dateFormat: 'M dd, yy',
minDate: 0,
showOtherMonths: true,
firstDay: 1
});
$("#check_in_12").datepicker({
dateFormat: 'M dd, yy',
minDate: 0,
showOtherMonths: true,
firstDay: 1
});
$("#check_out_12").datepicker({
dateFormat: 'M dd, yy',
minDate: 0,
showOtherMonths: true,
firstDay: 1
});
$("#check_in_13").datepicker({
dateFormat: 'M dd, yy',
minDate: 0,
showOtherMonths: true,
firstDay: 1
});
$("#check_out_13").datepicker({
dateFormat: 'M dd, yy',
minDate: 0,
showOtherMonths: true,
firstDay: 1
});
});
</script>
</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

L. Henrique    179

L. Henrique
Postado

Jailson,

E o que você tentou pra resolver? Onde está sua tentativa de solução? Não espere colocar seu código aqui e esperar que as pessoas façam o trabalho por você, caso queira, existem freelancers pra isso.

Qual é a sua real dúvida? É uma dúvida?

Reveja seu tópico.

Abraços!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jailson100    0

Jailson100
Postado

Ola henrique, mexi no css algumas vezes tentando forçar o menu a ficar do tamano correto, no html, fiz algumas alterações nas divs para ver se encontrava a solução porem nao obtive sucesso por falta de conhecimento, se puder me ajudar agradeço.

 

Abraços!

Compartilhar este post

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

  • Conteúdo Similar

    • Rafael_Ferreira
      Não consigo carregar imagem do captcha no meu formulário
      Por Rafael_Ferreira
      Não consigo carregar a imagem do captcha do meu formulário. Foi testado com o xampp e easyphp. Também não carregou a imagem de outros captcha. 
       
       
    • ILR master
      Fixar div até atingir uma certa altura
      Por ILR master
      Fala pessoal, tudo bem?
       
      Eu tenho o seguinte código:
       
      <script>
         $(function(){
      var jElement = $('.fixar_banner');
      $(window).scroll(function(){
          if ( $(this).scrollTop() > 120 ){
              jElement.css({
                  'position':'fixed',
                  'top':'10px'
              });
          }else{
              jElement.css({
                  'position':'relative',
                  'top':'auto'
              });
          }
      });
      });
      </script>
       
      Porém, eu quero que a div fique fixa até que outro elemento apareça na tela, tipo o rodapé da página por exemplo. É mais ou menos como a página de notícia do uol.
      https://noticias.uol.com.br/internacional/ultimas-noticias/2025/01/19/sonho-americano-brasileiros-moram-em-carro-e-buscam-comida-no-lixo-nos-eua.htm
       
      Espero ter sido claro.
       
      Obrigado :)
       
    • juliosonic
      Menu Navbar CSS Bootstrap
      Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
    • Felipe Medeiros
      Como alterar o tema filho se o css usado no tema pai nao está dentro da pasta do tema pai?
      Por Felipe Medeiros
      Bom, criei um tema filho e o que aprendi é que para alterar qualquer coisa do tema filho eu preciso copiar o arquivo do tema pai o colocar dentro da pasta do tema filho.
       
      No meu caso, estou usando o tema "Astra" bem famosinho. O arquivo css que quero modificar não está dentro da pasta do tema pai, está em "wp-content/uploads/uag-plugin/assets/0/uag-css-10.css" sendo que o diretorio do tema pai é "wp-content/themes/Astra"
       
      O problema é o seguinte, preciso modificar a barra de pesquisa da pagina inicial, porem o inspetor de elementos do chrome ta acusando que esse arquivo é o responsavel por estilizar a barra de pesquisa. Será que isso tem a ver com "Cache de objetos", eu sei que o plugin liteSpeed Cache, AMP, Rank Math, todos eles tem essas paradas de criar arquivos css e js para tornar o site mais rapido.
    • Alessandro Bodão
      H1 que preencha toda a largura da container
      Por Alessandro Bodão
      Fala galerinha, 
       
      Tenho um container com um título (h1) no cabeçalho do meu site, esse container ocupa metade da tela (50vw), e eu gostaria que esse título ocupasse toda a largura desse container, independente do seu tamanho ou do tamanho do monitor, de forma com que a palavra tenha exactamente o mesmo tamanho do container (vou anexar uma foto de exemplo). Já tentei todos os valores pra essa h1, como % e vw... mas nada parece fazer sentido.
       
       

×

Informação importante

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

  Aceito