- 0
Подскажите как сделать выравнивание в блоке
-
Similar Content
-
By Nerwoid
Ребят всем привет! Я только начал изучать верстку по видео урокам на ютубе. У меня есть свой макет который я купил у дизайнера. Решил с него поучиться верстать. Подскажите как правильно сделать шапку сайта. У меня все выравнивания происходят с помощь отрицательных "margin". Судя по урокам, везде делают это с помощью flex и тому подобное. Дизайн очень оказался сложным и там много проблем с фонами. Дайте пару советов и подсказок как продолжать дальше. Заранее спасибо ?
Вот: макет:
Мой сайт
-
By AlexProf
Не получается разобраться, как работает свойство vertical-align. В таблицах работает, а для строчных элементов почему-то нет. Пытаюсь сделать вертикальное выравнивание, но текст не сдвигается
<div style="height: 200px"><span style="vertical-align: middle">Текст</span></div> Как правильно устанавливать это свойство?
-
By Raiz
Добрый день!
Может кто нибудь объяснить мне, не смышленому верстальщику-новичку, как мне выравнить текст по центру картинок?
Я уже все перепробывал,но что то не клеится((
на первом скрине я отразил суть проблемы, а на втором то, как это должно быть по макету!
(я заменил одну картинку, т.к. это не особо важно, но сути это не меняет)
в html я объединил это все (картинки\текст) в один див и дал ему класс.
далее я дал класс всем текстовым материалам и ид для каждой картинки, дабы сделать более гибкую настройку, но все пошло не по плану.
в CSS класс текста выглядит так:
.contenttext { display: inline-block; font-family: 'Raleway', Arial, sans-serif; margin-top: 60px; font-weight: 500; font-size: 130%; } Видимо задавать margin-top: 60px; вообще лишнее, по скольку вместе с текстом перемещаются и картинки. Парюсь уже битый час над этим.
Если кто сможет, подскажите, что можно предпринять для разрешения проблемы.
-
By Nigelist
Имеется конструкция типа:
<p><img src="image.jpg"></p>Как можно с помощью CSS, указать выравнивание по середине?
-
By maximamus
Добрый день!
Помогите пожалуйста разобраться. Хочу сделать, что бы при клике на кнопку, в любом положение (сверху или снизу) объект который открывался, был по центру. То есть, по сути - нажал на кнопку, страница выровнялась относительно кнопки по центру.
У меня есть два таких объекта.
Один построен на iframe
<div id="ch1">
<div id="closeButton" onclick="document.getElementById('ch1').style.display='none'">Х</div>
<iframe src="/Summer2015_02/" width="1070" height="508">Ваш браузер не поддерживает плавающие фреймы!</iframe>
</div>
<div class="showcase">Подробнее<input type="button" value="" onclick="document.getElementById('ch1').style.display='block'">
</div>
другой - document.getElementById
<div id="divwin">
<div id="closeButton" onclick="document.getElementById('divwin').style.display='none'">Х</div>
<p>...</p>
</div>
<div id="btopen">
<p>...</p>
<input type="button" value="Подробнее..." onclick="document.getElementById('divwin').style.display='block'">
</div>
-
Question
Sel-p
Добрый вечер.
Есть блок.
.main_content {
min-width:980px;
max-width:1200px;
margin: 0 auto;
}
В нем блок
<ul class="ulip">
<li>
<img src="icons/rst.png" alt="Только камеры РСТ" title="Только камеры РСТ"></li>
<li>
<img src="icons/vozvrat_14.png" alt="Возврат товара в течении 14-ти дней" title="Возврат товара в течении 14-ти дней"></li>
<li>
<img src="icons/garanty.png" alt="Официальная гарантия" title="Официальная гарантия"></li>
<li>
<img src="icons/dostavka.png" alt="Доставка по России" title="Доставка по России"></li>
<li>
<img src="icons/price.png" alt="Прозрачные цены" title="Прозрачные цены"></li>
</ul>
.ulip {
padding-top:20px;
margin:0 auto;
}
Блок <ul> никак не могу отцентровать по середине. Что не так?
Вот ссылка http://yadi.sk/d/11C4rKB0EA4Hj на целый фрагмент
Заранее спасибо за помощь.
Link to comment
Share on other sites
0 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.