Как сделать выравнивание?

Question

[Кирилл]

Здравтсвуйте! Написал код:

<div id="text" style="display:none"><input type=checkbox></div>

<a style="cursor:hand;cursor:pointer;" onclick="document.getElementById('text').style.display = document.getElementById('text').style.display == 'none'?'block':'none';"><img src=style/logo.png width=100 height=70></a>

как сделать выравнивание, т.е. при нажатии на картинку чтобы не прыгало картинка вниз, а input вверх, картинка оставалась на том же месте а вверху появлялся input ?

Answer 1

[Андрей Федоров]

Вам нужно не img использовать, а бэкграунд для тега a

Либо дать диву position: relative, а input спозиционировать абсолютно.

Comments

[Кирилл]

а выравнивание?

[Андрей Федоров]

codepen.io/aliencash/pen/pgdRpd

[Кирилл]

мне бекгаунд не нужен мне текст или чекбпкс нужен выше картинки

[Андрей Федоров]

да ради бога. решение, которое выше я дал, вам подойдет.

теперь о бекграунде... вы не поняли нечего. уберите картинку между совсем. удалите ее. вместо нее задает размер и display: block и background-image: url('ваша картинка') для тега а. Эффект будет такой какой вам нужен.

[Кирилл]

спасибо