• Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
RafaelGSS

Redimensionamento de Slide CSS

3 posts neste tópico

Boa tarde pessoal!

Seguinte, estou fazendo um trabalho para faculdade, e sou bem iniciante em relação a web... andei vendo como fazia um slide e tudo, bom fucei bastante e consegui basicamente fazer o que eu queria(ou quase), fato é que eu gostaria de deixar a imagem do slide cobrindo toda a div banner, ou seja, os botões do slide no meio da div banner com as figuras... vou postar a foto de como está, não sei se consegui expressar muito bem meu problema. Bom já tentei mudar na class item e na class gallery o tamanho para 100%, porém os botões nao seguiram os padrões, segue os codigos:

HTML:

<div class="banner">
		<div class="gallery autoplay items-3">
		  <div id="item-1" class="control-operator"></div>
		  <div id="item-2" class="control-operator"></div>
		  <div id="item-3" class="control-operator"></div>

		  <figure class="item">
		  	<img src="img/banner-bullyng.jpg" alt="Imagem 1" />
		  </figure>

		  <figure class="item">
		  	<img src="img/image-bullyng.jpg" width="600px" height="300px" />
		  </figure>

		  <figure class="item">
		  	<img src="img/cyber-bullyng.jpg" width="600px" height="300px" />
		  </figure>

		  <div class="controls">
		    <a href="#item-1" class="control-button">&bull;</a>
		    <a href="#item-2" class="control-button">&bull;</a>
		    <a href="#item-3" class="control-button">&bull;</a>
		  </div>
		</div>
	</div>

CSS1:

.geral .banner {
	width: 600px;
	height: 400px;
	margin: 0 auto;
	overflow:hidden;
}

CSS2:
 

.gallery .control-button {
  color: black;
  color: rgba(255, 255, 255, 0.4);
}
.gallery .control-button:hover {
  color: white;
}
.gallery {
  width: 50%;
  height: 300px;
  position: absolute;
  top: 130px;
  left: 280px;
}
.gallery .item {
  overflow: hidden;
  text-align: center;
  background: #000;
}
.gallery .controls {
  position: absolute;
  width: 100%;
  bottom: -29px;
  text-align: center;
}
.gallery .control-button {
  display: inline-block;
  margin: 0 .02em;
  font-size: 3em;
  text-align: center;
  text-decoration: none;
  transition: color .1s;
}

E por fim como está a pagina.. gostaria da imagem sobre toda a parte azul...

 

Captura de tela de 2017-04-16 17:35:11.png

Compartilhar este post


Link para o post
Compartilhar em outros sites

#2   Postado (editado)

Qual o tamanho da imagem? porque a imagem vai ocupar o espaço de 100% da div, mas se a imagem for menor que a div não vai preencher tudo, a não ser que você estique a imagem e distorça ela colocando o tamanho da div dela em pixels e a imagem como background.

Editado por DiF
Retirar citação vazia

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim, ao colocar a imagem por mais q eu distorça ela, não dá certo....

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!


Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.


Entrar agora