Jump to content

Recommended Posts

Olá! Bom dia!

 

Tenho uma imagem que fica responsiva na maioria dos navegadores, porém no internet explore ela não fica responsiva. No iexplore ela tbm sai da posição correta, então fiz um codigo especifico para o iexplore (o posicionamento ficou correto, porém a imagem não esta responsiva)

 

Teria alguma forma de corrigir isso?

 

O codigo esta assim:

<div class="conteudo">
<div id="cabeçalho">
<div class="logotipo">
<img src="arquivo/img/logotipo.png">
</div>
</div>
</div>

 O CSS:

.cabeçalho{width:90%;margin-left:auto;margin-right:auto;}
.logotipo {width:100%;max-width:1000px;}}
.logotipo img{width:100%!important;height:auto;max-width:180px;}

 

Obrigada

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By maretones
      Boa tarde,
      Estou aprendendo desenvolvimento Web, no momento html e CSS. Estou fazendo uma página básica para um trabalho do curso, inseri uma imagem no topo e logo abaixo inseri um menu horizontal, mas acima do menu fica uma bordinha com a cor do plano de fundo. Eu gostaria de juntar o menu com o final da imagem, já tentei diversas maneiras e nada.
       
      Podem me ajudar?
       
      Segue o código:
       
      <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <title>História Halloween</title> <style> body { margin:0 100px; background-color: #000000; color: #000000; text-align: justify; } .mae { background-color: #ff9933; } .conteudo { padding: 2% 8%; } h1, h2, h3 { text-align: center; } .menu ul{ margin: 0; background-color: #ff5544; list-style-type: none; text-align: center; } .menu ul li{ display: inline; } .menu ul li a{ font-size:26px; padding:2px 30px; display: inline-block; text-decoration: none; } </style> </head> <body> <div class="mae"> <img src="images/cemitery02.jpg" alt="logo" width="100%" height="500px"> <nav class="menu"> <ul> <li><a href="">História</a></li> <li><a href="">Curiosidades</a></li> <li><a href="">Filmes</a></li> <li><a href="">À definir</a></li> <li><a href="">À definir</a></li> </ul> </nav>  
    • By granderodeo
      Olá, estou aprendendo a desenvolver lojas virtuais, e queria saber como fazer uma página igual com conteúdos diferentes, típicos das lojas virtuais. Por exemplo ao clicar sobre um produto ir para a página com conteúdo referente aquele produto que eu cliquei. Sou iniciante em PHP, desde já agradeço a quem me ajudar.
       
      página verproduto.php
      <?php require_once('config/include.php'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body>   <style>     p{       color: black;     }     </style> <p><?php echo isset( $_SESSION['product_name'] ) ? $_SESSION['product_name']: "" ?></p> </body> </html>  
      página inicial do site index.php
       <div class="row mt-2">         <?php         include 'carrinho/config_car.php';         $stmt = $conn->prepare("SELECT * FROM product");         $stmt->execute();         $result = $stmt->get_result();         while($row = $result->fetch_assoc()):         ?>         <div class="col-sm-6 col-md-4 col-lg-3 mb-2">             <div class="card-deck">                <div class="card p-2 border-secondary mb-2">               <a href="verproduto.php"><img src="<?= $row['product_image']; ?>" class="card-img-top"></a>                                  <h6 class="text-light bg-danger text-center rounded p-1"><?= $row['promo']; ?></h6>                             <p class="text-center">                 <?= $row['product_name']; ?><br>                 </p>                 <h4 class="card-title text-center">Por : R$<?=  $row['product_price'] ?></h4>                 <form accept-charset="utf-8" action="" class="form-submit">                   <input type="hidden" class="pid" value="<?= $row['id'] ?>">                   <input type="hidden" class="pname" value="<?= $row['product_name'] ?>">                   <input type="hidden" class="pprice" value="<?=$row['product_price']?>">                   <a href="#"><input type="hidden" class="pimage" value="<?= $row['product_image'] ?>"></a>                   <input type="hidden" class="pcode" value="<?= $row['product_code'] ?>">                   <button class="btn btn-success btn-block addItemBtn"><i class="fa fa-shopping-cart"></i> Adicionar ao Carrinho</button>                 </form>                </div>              </div>         </div>   <?php endwhile; ?>
    • By arthurhd
      Olá estou tentando criar um questionário com 3 perguntas de multipla escolha em html e javascript que no final das perguntas exista um botão para mostrar quantos acertou mas não estou conseguindo. Alguem pode me ajudar?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.