lezão

Boa Tarde, pessoal! Td bem com vcs? Olha eu ai novamente! Pesquisei e fucei e nada, não consegui nada, não de ficar enchendo o saco de vcs, mas qnd a corda aperta, corro aqui para um help. Estou com um código que roda perfeitamente, mas qnd eu preciso de um posicionamento, naun vai. vejam na imagem abaixo para entender? Vejam que o valor e os outros item abaixo dele, dependendo da quantidade de texto ele fica em um ponto. Gostaria que ele ficasse, com muito ou pouco texto na posição da 3ª imagem. Será possivel isso ? meu codigo CSS: .banner img { max-width: 100% !important; height: 200px; } .container-cards { flex-wrap: wrap; display: inline-flex; width: 400px; align-items: center; justify-content: center; } .box-container { /*border: 1px solid red;*/ display: flex; background: #fcfcfc; font:80%/1 Arial; font-size: 14px; border-radius: 5px; align-items: center; width: 100%; height: 80px; border: 0px solid #AAAAAA; margin: 5px; background-color: #fcfcfc; -webkit-box-shadow: 1px 3px 5px rgba(250, 242, 242, 0.77); -moz-box-shadow: 1px 3px 5px rgba(250, 242, 242, 0.77); box-shadow: 1px 3px 5px rgba(250, 242, 242, 0.77); } .box-image { width: 20%; align-items: center; display: flex; height: 100%; justify-content: left; border-right: 0px solid #AAAAAA; } .box-container .box-image img { width: 75px; height: 75px; } .box-container .box-content { align-items: left; display: flex; height: 75%; justify-content: left; flex-direction: column; padding: 10px; } .title { margin-bottom: 10px; font-size: 16px font-weight: bold; color: #000; } .description { font:80%/1 Arial; font-size: 14px; color: #8a8686; top: 50px; left: 50px; } Codigo HTML: <div class="box-container"> <section class=box-image>&nbsp; <img src="<?php echo $Foto_produto; ?>" style="border-radius:10px" width="250px" height="230px"/> </section> <section class="box-content"> <label class="title"> <div align="left"><b><?php echo strtoupper($Nome_produto); ?></b></div></label> <span class="description"><div align="left"><?php echo $Descricao_produto; ?></div></span> </section> <section class=box-image-2> <label class="title"><div align="center"><b><?php echo($Valor_produto) ?></b></div></label> <span class="description"> <div align="left"><br/> <input type="checkbox" name="sabor" id="evento_value2" value="<?php echo $Valor_produto; ?>"> <input type="hidden" name="vl_sabor" value="<?php echo $Valor_produto; ?>"> <SELECT name="qntdade" width="2"> <option value="1">1</option> <option value="2">2</option> </SELECT> </div></span> </section> </div> Desde ja muito obrigado!

Boa tarde, Wanderval! Td bem com você? Meu amigo sei q você sempre me ajudou, mas agora estou precisando de mais um help seu. Preciso acrescentar juntamente com esse codigo um select q multica qnd eu escolho um valor 1 ou 2 ele multiplica o valor. veja a imagem abaixo para você entender oq estou dizendo. No caso eu seleciono o primeiro Produto que custa $25,00 e seleciono o numero 2 o total seria $50,00, assim por diante

Resolvido!

Boa tarde, meus amigos (as)! Estou tentando fazer uma box desse jeito da foto em anexo. Este é o código que estou tentando fazer ficar igual a da foto... alguém pode me ajudar ? fieldset{ width:100%; height:100%; padding: 1em; font:80%/1 sans-serif; border-radius: 10px; padding: 5px; min-height:1px; background: -webkit-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent; background: -moz-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent; border: 1px solid #AAAAAA; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 15px #AAAAAA; font-size: 15px; color: #000; text-transform: uppercase; text-align: center; } div.box { width: 250px; display: inline-block; padding: 15px; min-height:1px; } <div class="box"> <fieldset onclick="location.href='#'" style="cursor:pointer;" align="center"> <img src="btn-galeria.png" width="130" height="130" /> <br/><br/> <span> Galeria de Fotos</span> <br/><br/> </fieldset> </div>

Bom dia, meus amigos! Td bem com vcs? Estou precisando de mais uma ajudinha de vcs. Tenho um codigo aqui e não estou acertando a mão nele, estou apanhando desse tal de media queries rsrsrs. Vejam os exemplos de como estão os meus codigos: Gostaria que no Desktop ficasse como o Mobile, e os dois centralizado na pagina, notem que não estão. segue meu codigo: <style type="text/css"> /* My opinion */ body { background-image: url(imagens/slide_1.jpg); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } /* Section clientes */ .container-cards { flex-wrap: wrap; display: inline-flex; width: 100%; align-items: center; } .box-container { /*border: 1px solid red;*/ display: flex; background: #FFFFFF; font:80%/1 Arial; font-size: 14px; border-radius: 5px; align-items: center; width: 100px; height: 120px; border: 2px solid #AAAAAA; margin: 10px; box-shadow: 0 0 10px #ddd; } .box-container .box-image img { width: 93px; height: 93px; text-align: center; } .title { margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #000; } .description { font-size: 14px; color: #8a8686; } </style> </head> <body> <!--My option--> <div align="center"> <img src="imagens/logo.png" width="200px" height="192px"/></div> <br/> <div align="center"> <div class="container-cards"> <div class="box-container" onclick="location.href='cardapio_pizza.php'" style="cursor:pointer;" align="center"> <section class="box-image"> &nbsp;<img src="imagens/banner_pizzas.png"/><br/> <label class="title"><b>Pizzas</b></label> </section> </div> <div class="box-container" onclick="location.href='cardapio_pizza_cone.php'" style="cursor:pointer;"> <section class="box-image"> <img src="imagens/banner_pizzas_cone.png"/><br/> <label class="title"><b>Pizzas no Cone</b></label> </section> </div> <div class="box-container" onclick="location.href=''" style="cursor:pointer;"> <section class="box-image"> <img src="imagens/banner_porcoes.png"/><br/> <label class="title"><b>Porções</b></label> </section> </div> <div class="box-container" onclick="location.href='cardapio_lanches.php'" style="cursor:pointer;"> <section class="box-image"> <img src="imagens/banner_lanches.png"/><br/> <label class="title"><b>Lanches</b></label> </section> </div> <div class="box-container" onclick="location.href='cardapio_fritas.php'" style="cursor:pointer;"> <section class="box-image"> <img src="imagens/banner_cone_fritas.png"/><br/> <label class="title"><b>Cone de fritas</b></label> </section> </div> <div class="box-container" onclick="location.href='cardapio_refri.php'" style="cursor:pointer;"> <section class="box-image"> <div align="center"> <img src="imagens/banner_refri_sucos.png"/><br/> <label class="title"><b>Bebidas</b></label> </div> </section> </div> </div> <div align="center"> <font size="2" color="#FFFFFF" face="arial"> <p>Horário de atendimento:<br/>Segunda á Sexta das 19:00 as 22:00<br/>Sextas, Sábados e Domingos das 19:00 as 23:30</p> </font> </div>

Bom dia, Wanderval! Td bem com você? Me desculpa, o resultado pode ser em uma div ou span, tirando do input.... rsrsrs Obrigado deu certinho era oque eu precisava. Tenho mais uma duvida como eu coloco para ficar assim R$: 0,00?? Esta assim 00.

Boa noite, meus amigos! Td bem com vcs? Olha eu novamente... rsrsrsrs...... Meus Deus mas como é dificiiiiil esse tal de CSS, tentei fazer um curso online, o cara é muito doido, e quase me deixou doido tbm kkkkkkk, abandonei......kkk Galera estou tentando colocar linhas pontilhadas estilo cardápio. MODA DA CASA (Mussarela, provolone, parmesão e catupiry etc.) $0,00 ........................................................................................................................... alguem pode me dar um help? obrigado!

Ola pessoal, agradeço pela a suas atenções. estava fazendo um doidera aki e cheguei nessa conclusão /* My opinion */ body { background: #ededed; } .container-cards { flex-wrap: wrap; display: inline-flex; width: 75%; } .box-container { /*border: 1px solid red;*/ display: flex; background: transparent; font:80%/1 Arial; font-size: 14px; border-radius: 0px; align-items: center; width: 100%; height: 60px; border-bottom:2px dotted black; margin: 10px; } /*DIV VALORES*/ .box-container .box-image { font:80%/1 Arial; font-size: 20px; width: 50%; margin-bottom: 10px; font-size: 30px font-weight: bold; color: #000; align-items: right; height: 0%; } .box-container .box-image img { width: 80px; height: 80px; } .box-container .box-content { display: flex; height: 100%; justify-content: left; flex-direction: column; padding: 5px; } .title { margin-bottom: 10px; font:80%/1 Arial; font-size: 16px; font-weight: bold; color: red; } .description { margin-bottom: 10px; font-size: 16px; margin-bottom: 10px; color: #8a8686; } a:link { text-decoration: none; } . a:active { text-decoration: none; } . a:visited { text-decoration: none; } <div align="center"> <div class="container-cards"> <div class="box-container"> <a href="" target="_blank"> <section class="box-content"> <label class="title"> <div align="left"> <b>Moda da casa</b> </div> </label> <span class="description"> <div align="left"> Molho de tomate, mussarela, calabresa ralada, catupiry, alho tostado, cebola, azeitonas e oregano </div> </span> </section> <section class="box-image"> <div align="right">R$: 32,00</div> </section> </a> </div> <div class="box-container"> <a href="" target="_blank"> <section class="box-content"> <label class="title"> <div align="left"> <b>Moda da casa</b> </div> </label> <span class="description"> <div align="left"> Molho de tomate, mussarela, calabresa ralada, catupiry, alho tostado, cebola, azeitonas e oregano </div> </span> </section> <section class="box-image"> <div align="right">R$: 32,00</div> </section> </a> </div> </div> </div> vejam como esta ficando qnd eu tento abrir no celular. Erro qnd abre no celular

Boa noite! Td bem com vcs? Peguei um codigo de modal muito util para mim, mas ele naun sai do lugar, estou tentando posiciona lo em outro lugar e naun consigo. Ja fiz de tudo e nada resolveu alguém pode me ajudar? Gostaria que ele ficasse, aonde eu colocar ele aceitar e rodar. segue o codigo abaixo: <style> body {font-family: Arial, Helvetica, sans-serif;} * {box-sizing: border-box;} /* Button used to ppen the contact form - fixed at the bottom of the page */ .open-button { background-color: #555; color: white; padding: 16px 20px; border: none; cursor: pointer; opacity: 0.8; position: fixed; bottom: 23px; right: 28px; width: 280px; } /* The popup form - hidden by default */ .form-popup { display: none; position: fixed; bottom: 0; right: 15px; border: 3px solid #f1f1f1; } /* Add styles to the form container */ .form-container { max-width: 300px; padding: 10px; background-color: white; } /* Full-width input fields */ .form-container input[type=text], .form-container input[type=file], .form-container input[type=textarea] { width: 100%; padding: 15px; margin: 5px 0 22px 0; border: none; background: #f1f1f1; } /* When the inputs get focus, do something */ .form-container input[type=text]:focus, .form-container input[type=file]:focus, .form-container input[type=textarea]:focus { background-color: #ddd; outline: none; } /* Set a style for the submit/login button */ .form-container .btn { background-color: #4CAF50; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 100%; margin-bottom:10px; opacity: 0.8; } /* Add a red background color to the cancel button */ .form-container .cancel { background-color: red; } /* Add some hover effects to buttons */ .form-container .btn:hover, .open-button:hover { opacity: 1; } </style> <button class="open-button" onclick="closeForm()">Open Form</button> <div class="form-popup" id="myForm"> <form action="/action_page.php" class="form-container"> <h1> <img src="http://mercatotal.com.br/gnservice/img/logotipo2.png" width="170px" height="70px"/></h1> <label for="nome"><b>Nome:</b></label> <input type="text" placeholder="Seu Nome" name="nome" required/> <label for="foto"><b>Foto:</b></label> <input type="file" placeholder="Sua Foto" name="foto" required/> <label for="comment"><b>Comentários:</b></label> <textarea placeholder="Seu Comentário" name="depoimento" cols="36,7" rows="10" required></textarea> <button type="submit" class="btn">Login</button> <button type="button" class="btn cancel" onclick="openForm()">Close</button> </form> </div> muito obrigado!

Boa noite! Foi com muito custo consegui realizar oq eu estava precisndo. Quero agradecer todos vcs que visitou este Posts e tentou me ajudar. obrigado, fiquem com Deus!

Meus amigo estou quase ficando louco com esse CSS rsrsrrs. Quando eu mudo o seu posicionamento em minha pagina. Agora vejam na pagina sem mudar o posicionamento, click no link >> Pagina sem mexer no posicionamento << Espero que alguém me ajude! Obrigado!

Boa noite, Omar~! td bem com você? muito obrigado pela sua ajuda, deu certinho. vlw, fica com Deus!

Boa noite! Td bem com vcs? Meus amigos, estou precisando de um css que eu não faço ideia por onde começar ja pesquisei e nada. só encontrei como imagem, vejam. será que tem como fazer em css desse modelo, o texto tem q ficar sobreposto a cor do fundo.

Boa noite, Tetsuo! Td bem com você? Pesquisando na net acabei encontrando oq eu estou precisando. SELECT * FROM produtos WHERE banners = 'sim' ORDER BY rand() LIMIT 1 tem muita diferenca entre ASP para PHP "SELECT * FROM Banners order by RND(INT(NOW*id_banners)-NOW*id_banners)" Valeu, muito obrigado pela a sua atenção. Fica com Deus.

Boa tarde, meus amigos! Td bem com vcs? Tenho um Select em ASP que tbm trabalho que roda normal. "SELECT * FROM Banners order by RND(INT(NOW*id_banners)-NOW*id_banners)" E gostaria que roda se em PHP tbm mas infelizmente não estou conseguindo realizar esse acontecimento. "SELECT * FROM Produtos where Banners = 'Sim' order by RND(INT(NOW*Banners)-NOW*Banners)" Desde ja muito obrigado!

Bom dia, wanderval! Td bem com você? Meu amigo era isso que eu estava precisando mesmo, nem sei como te agradecer. Vlw mesmo, parabéns pelo seu conhecimento.... Que Deus te abençoe e ilumine seus caminhos, sucesso... E mais uma vez obrigado!

Ola boa tarde! Td bem com vcs? Alguém poderia me dar uma luz, de como fazer essas imagens ficar a frente do slideshow e qnd responsivo aparecer de 3 em 3. obrigado pela atenção.

Boa tarde, a todos! Consegui fazer algo, mas não estou conseguindo colocar as div uma do lado da outra. vejam: agora alinhar essa div para ficar como a imagem abaixo?

Bom dia, Omar~! Td bem com você? Eu falo sobre estas 7 div's do quadrados a frente da imagem de fundo, eu não tenho nenhum codigo ainda eu nem sei por onde começar, essa imagens eu tirei um print de um site. E qnd eu disse 3 em 3 é referente a apresentação no responviso, no desktop as div's do quadrado aparece igual a foto abaixo, no celular gostaria que a div desses quadrados aparecessem de 3 em 3 itens. Espero q tenha entendido! Obrigado pela sua atenção.