Bleki
-
Posts
4 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Bleki
-
-
Доброго времени суток, перейду ближе к делу.
Проблема с адаптивом, верстаю под разрешение 320x480.
В общем не знаю, как сделать, чтобы не видно было текста, в блоке при разрешении 320x480.
И еще один вопрос, как сделать, чтобы при допустим разрешении 320x480, при переходе по ссылке, открывался другой блок, а не тот, который прописан для статической странички.
Вот код:
HTML:div id="popup">
<span class="win"><p>Вы можете выиграть:</p></span>
<div id="what-win1"><p>Аккаунты с ресурсами на серверах MineCraft:</p></div>
<div class="version1"><p>1.5.2 | 1.6.4 | 1.7.2 | 1.8 | 1.10 </p></div>
<div class="launcher1"><p>EXC | MCGL | FL | MGC | CB | SC | MIX </p></div>
<div class="info-shop"><p>Все аккаунты перед выдачей проверяются лично администрацией.<br /> Если возникли проблемы с аккаунтом обращайтесь в <a href="https://vk.com/allminersru" id="tp">T/П</a> </p></div>
<div class="why-buy"><p>Во время покупки не забудте указать данные с помощью которых с вами можно связаться!</p> </div>
<div class="why-buy-min"><p>Аккаунты приходят к вам на указанный адрес от 5 минут до 24 часов. </p></div>
<a href="first.html" target="_blank" class="show_buy"><div id="buy-button"><p>Купить!</p></div></a>
<div id="close_popup"></div>
</div>
<div id="overlay"></div>css:
#win {
text-align: center;
color: #696969;
font-size: 1.5625em;
font-family: 'Lora', serif;
}
#what-win1 {
text-align: center;
color: #808080;
font-size: 1.125em;
font-family: 'Lora', serif;
}#version1 {
text-align: center;
font-size: 1.25em;
color: #808080;
font-family: 'Lora', serif;}
#launcher1 {
text-align: center;
font-size: 1.125em;
color: #808080;
font-family: 'Lora', serif;}
#info-shop {
text-align: center;
font-size: 1em;
color: #808080;
font-family: 'Lora', serif;}
#tp {text-decoration: underline;
color: #B22222;
}#why-buy {
display: block;
margin-top: 6%;
text-align: center;
text-decoration: underline;
color: #B22222;
font-family: 'Lora', serif;}
#why-buy-min {
text-align: center;
font-size: 1em;
color: #808080;
font-family: 'Lora', serif;}
P.S display:none; пытался уже прописывать. Я уверен, есть легкий способ, вот и хочу узнавать его у вас, уважаемые пользователи.
-
49 минут назад, green-vik сказал:
Привет, вот так попробуй
<div class="point-one"> <img src="../main.img/one.png" title="qqq" /> <span id="prem1"><a href="#" id="show_popup">IRON</a></span> </div>
.point-one { display: block; width: 100px; } .point-one img { border-radius: 50%; } .point-one span { display:block; text-align: center; }
да и кстати, свойство float значение bottom не принимает http://htmlbook.ru/css/float
Огромное спасибо, помогло, вот только жаль, что надпись под картинкой не центруется, но я думаю отступами на шаманю)
-
Доброго времени суток, сразу перейду к делу.
Хотелось бы сделать так, чтобы текст лежал под картинкой, желательно по середине. Пользовался algin=bottom, float = bottom. Текст все равно слева.
HTML: <div class="point-one">
<img src="../main.img/one.png" class="one" align="bottom">
<span class="origanal" id="prem1"><a href="#" id="show_popup">IRON</a></span>
</div>CSS:
.one {
max-width: 100%;
height:auto;
}prem1 {
float: bottom;}
Скриншот, как это дело все смотрится:
Адаптивная верстка
in HTML Coding
Posted
Огромное спасибо!