none
imagem largura e altura nao fica com tamanho desejado. RRS feed

  • Pergunta

  • olá pessoal, gostaria de saber o que há de errado na rotina abaixo, pois a largura e altura de uma imagem não estão ficando com o tamanho desejado, a imagem fica arredondada normalmente, mas a largura e altura não, essa rotina peguei como exemplo no BootStrap, preciso fazer um carrosel que faz parte de um projeto para faculdade.

    obrigado.

    <div class="item">
            <img src="./Imagens/Imagem3.jpg" alt="Chania" width="460" height="345" class="img-rounded">
            <div class="carousel-caption">
              <h3>Fazendas</h3>
              <p>Carro de boi</p>
            </div>
    </div>

    sexta-feira, 19 de agosto de 2016 17:52

Respostas

  • Eu fiz um exemplo um pouco mais completo usando bootstrap 3.3.7:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <title>Bootstrap Example</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
      
    <div class="item">
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcS3HET8iB3N-J2KXyY4LvVkZPWuY4h67bnDMj702C9liAUbyX0K5g" alt="Chania" width="460" height="345" class="img-rounded">
            <div class="carousel-caption">
              <h3>Fazendas</h3>
              <p>Carro de boi</p>
            </div>
    </div>
    
    </body>
    </html>
    

    Mas mesmo assim, ainda nao entendo qual seria o efeito esperado. O resultado obtido é esse:


    William John Adam Trindade
    Analyste-programmeur
    ----------------------------------------------------------

    • Marcado como Resposta Porter Porter quarta-feira, 24 de agosto de 2016 17:38
    quarta-feira, 24 de agosto de 2016 13:24
    Moderador

Todas as Respostas

  • dificil responder... voce teria que mostrar o CSS tambem.

    So com o que voce postou (HTML) nao podemos reproduzir o problema.. na verdade nao podemos reproduzir nada.

    veja o resultado que aparace para nos:

    como voce pode ver, nao temos a menor idéia do que esta errado, pois esta faltando muita informaçao.

    Att


    William John Adam Trindade
    Analyste-programmeur
    ----------------------------------------------------------



    sexta-feira, 19 de agosto de 2016 18:57
    Moderador
  • coloca a unidade de medida. width="460px" height="345px". Seu browser pode não estar reconhecendo.
    • Sugerido como Resposta Brayann Luiz quarta-feira, 24 de agosto de 2016 01:14
    quarta-feira, 24 de agosto de 2016 01:14
  • Quando você utiliza o bootstrap os tamanhos da imagem são alterados pelo css do bootstrap, abra o bootstrap localize a classe que esta utilizando e faça uma variação dela alterando o que precisa, ai você usa esta variação.

    Se a resposta contribuiu com seu aprendizado por favor marque como Útil
    Se solucionou seu problema por favor marque como Resposta
    Atenção, se seu problema foi resolvido não deixe o post aberto 

    Visite : www.codigoexpresso.com.br

    • Sugerido como Resposta Código Expresso quinta-feira, 25 de agosto de 2016 04:06
    quarta-feira, 24 de agosto de 2016 05:14
  • Eu fiz um exemplo um pouco mais completo usando bootstrap 3.3.7:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <title>Bootstrap Example</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
      
    <div class="item">
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcS3HET8iB3N-J2KXyY4LvVkZPWuY4h67bnDMj702C9liAUbyX0K5g" alt="Chania" width="460" height="345" class="img-rounded">
            <div class="carousel-caption">
              <h3>Fazendas</h3>
              <p>Carro de boi</p>
            </div>
    </div>
    
    </body>
    </html>
    

    Mas mesmo assim, ainda nao entendo qual seria o efeito esperado. O resultado obtido é esse:


    William John Adam Trindade
    Analyste-programmeur
    ----------------------------------------------------------

    • Marcado como Resposta Porter Porter quarta-feira, 24 de agosto de 2016 17:38
    quarta-feira, 24 de agosto de 2016 13:24
    Moderador
  • olá pessoal,

    Criei um css para estilizar as fotos, agora está dando certo, obrigado a todos.

    quarta-feira, 24 de agosto de 2016 17:37
  • Mesmo que voce tenha conseguido, gostaria que voce postasse aqui um exemplo (um print screen) de qual era o efeito desejado. Quando voce diz:

    "pois a largura e altura de uma imagem não estão ficando com o tamanho desejado, a imagem fica arredondada normalmente, mas a largura e altura não"

    Isso abre espaço para infinitas respostas, pois nós nao sabemos qual é "tamanho desejado"

    Att


    William John Adam Trindade
    Analyste-programmeur
    ----------------------------------------------------------


    quarta-feira, 24 de agosto de 2016 17:41
    Moderador