resolvido [Ajuda] Modal

[Levy26]

Olá pessoal estou com um problema no modal que peguei na net.

Como não sei fazer ainda peguei um na net, porém, não consigo ajustar ele para mostrar toda informação inserida no mesmo:

 

https://i.imgur.com/G8w3iLd.png

 

Código CSS:

https://hastebin.com/udanonoqap.css

 

Código HTML:

https://hastebin.com/uzuyijipem.xml

 

Quem puder dar uma ajuda ae.

Editado Janeiro 19, 2018 por Levy26

[Dery]

Coloca "overflow-y: auto" no .modalDialog

[Levy26]

Coloca "overflow-y: auto" no .modalDialog

 

Ficou assim: https://i.imgur.com/SREXk8B.png

[Dery]

Manda seu novo CSS

[Levy26]

Manda seu novo CSS

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 700px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

Assim.

[Dery]

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 700px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

Assim.

 

Faltou o ";" depois do overflow-y: auto

[Levy26]

Faltou o ";" depois do overflow-y: auto

 

Nossa que erro mais estupido kkkk

 

Deu certinho muito obrigado.

 

[Luiiiz]

Um tempo atrás eu fiz um usando jquery. Foi inspirado no modal do bootstrap.

Se quiser dar uma olhada: https://codepen.io/Luiiiiz/pen/GyoGmm

[lucakiksd07]

Sua dúvida foi marcada como [Resolvido] e movido à área de dúvidas resolvidas.


Atenciosamente,
Gamer's Board