Anton Почти

Выше предоставлен верный способ решение задачи . Но я дополню -> ставите див рядом и пропишите ему в свойство display : none , далее -> "тут ваша ссылка" a:hover ."тут ваш див" {display:absolute}

full page js пользуйтесь плагинам не тратьте свое время на создание велосипедов

https://habrahabr.ru/sandbox/69352/ внутрь паопап размешаете iframe

пропишите в свойствах display -> inline-block, или block

Сделайте див шириной 617

Лучшая практика бутстрап

Нету

А если потянуть за нижний правый угол , то можно менять размер по вертикали..

download

Сделайте отдельную страничку с товаром а в скриптах пропишите

$('#button').click(function (){ // нажимаем на кнопку подробнее
   $('.container').load('tovar.html') //контейнер это див где будет отбражатся содержимое товар.хтмл
})

Да вы правы, но не так быстро, вы все равно потратите много времени , книги по html 5 выходили года 2 - 3 назад , вы можете загуглить нужный "тэг" , наверняка первая ссылка на htmlbook будет

Сделать div вне контейнера , положить его под контейнером и задать нужную ширину и прописать бордер, так же можно попробовать увеличить паддинги и маргины у контейнера, прим. 970 минус паддингы с двух сторон по 15 пикселей = 940пикселей

<script>
$(document).ready(function(){
	$('#toggle-btn-flip').click(function(){
		$('#card').flip( ' toggle ' );
	});
});
</script>

Пропишите этот код после