Pop up de descrição do produto
Galera me ajuda aqui, tenho pouco experiencia em css e html, tenho uma loja virtual de autopeças que aceita codigo fonte como descrição, estou tentando fazer que na parte de descrição tenha um botão, que abra um pop up de rolagem mostrando as aplicaçoes nos veículos, porém quando clico no botão abre o pop up mas o botão não fica escondido embaixo do pop up.
Olhem no site: https://mobisautopecas.commercesuite.com.br/loja/produto.php?loja=585589&IdProd=1368&iniSession=1&5b06d7cb6ecaf
Quero centralizar o botão, e colocar outro botão dentro do pop up para fechar, como se fosse o X do windows.
Aqui está a descriçao, primeiro tem o Css, dps o Javascript e dps o Html:
<doctype html="">
<title></title>
<meta charset="utf-8" />
<style type="text/css">.popup{
position: absolute;
top: 0; bottom: 0;
left: 0; right:0;
margin: auto;
width: auto;
height: 180px;
padding: 15px;
border: solid 1px #4c4d4f;
background-color: #a9a9a9;
display: none;
overflow-y: scroll;
}
.button{
background: #660000;
background: -webkit-linear-gradient(#e06666, #660000 50%, #e06666);
background: linear-gradient(#e06666, #660000 50%, #e06666);
border-radius: 5px;
padding: 9px 26px;
color: #ffffff;
display: inline-block;
}
.button-font{
font-family: arial;
font-size: 30px;
font-color: #fffff;
font-weight: bolder;
text-align: center;
text-decoration: none;
}
</style>
<a class="popup" href="javascript: abrir();"> <script type="text/javascript">
function abrir(){
document.getElementById('popup').style.display = 'block';
}
function fechar(){
document.getElementById('popup').style.display = 'none';
}
</script> </a>
<div class="popup" id="popup">
<p><a class="popup" href="javascript: abrir();"> </a></p>
<p style="text-align: center;"><strong>Jogo Parafuso Fixação Cabeçote Hr / K2500 / L200 (18 Pecas - ) - 709310</strong></p>
<p style="text-align: center;"><strong>Aplicação</strong></p>
<p style="text-align: center;">Cod: 709310</p>
<p style="text-align: center;">Cod Original: 4041248042397</p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><strong>Hyundai</strong></p>
<p style="text-align: center;">Hr</p>
<p style="text-align: center;">2.5 8V 4d56</p>
<p style="text-align: center;">05/12</p>
<p style="text-align: center;"><strong>Kia Motors</strong></p>
<p style="text-align: center;">Bongo K2500</p>
<p style="text-align: center;">2.5 8V 4d56</p>
<p style="text-align: center;">04/12</p>
<p style="text-align: center;"><strong>Mitsubishi</strong></p>
<p style="text-align: center;">L200 / Pajero</p>
<p style="text-align: center;">2.5 8V</p>
<p style="text-align: center;"><strong>Garantia</strong></p>
<p style="text-align: center;">90 dias</p>
<p style="text-align: center;"><strong>Itens Inclusos</strong></p>
<p style="text-align: center;">1 Parafuso Fixação Cabeçote Hr / K2500 / L200 (18 Pecas) - 709310</p>
<p> </p>
<a class=".button" href="javascript: fechar();">Clique aqui para fechar as aplicações</a></div>
<!--ações para o popup -->
<p> </p>
<p><a class="button button-font" href="javascript: abrir()">Ver aplicacoes</a></p>
</doctype>Discussão (1)
Carregando comentários...