Омск
-
Posts
20 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Омск
-
-
В 27.02.2018 в 12:43, wwt сказал:
как вариант https://jsfiddle.net/nupv5ara/
Спасибо, так работает.
В 27.02.2018 в 12:44, Super_Saimon сказал:margin-left в процентах берется на основании ширины родительского блока. Проверьте этот параметр у родительских блоков.
Не нашел, какие данные у родительского блока, я пробовал написать padding-left, тоже не работает.
Дополнил строку: .submenu > li {font-weight: normal; padding-left: 150px;} - не появляется отступ, а когда прописываю в меню отступ: .menu > li {font-weight: bold; padding-left: 150px;}, то делается отступ у всего меню, что не нужно.
Как сделать отступ у подменю?
В 06.03.2018 в 16:20, Vladij сказал:тут короч бида, не закрытый <ol>. Закройте и все будет опля
<ol> закрытый, я не весь код скопировал сюда
-
Есть вот такой список:
<ol>
<li id="st">Пункт 1</li>
<li><strong>Пункт 2</strong>
<ul id="otstup" type="disc">
<li>Подпункт 1</li>
<li>Подпункт 2</li>
<li>Подпункт 3</li>
<li>Подпункт 4</li>
<li>Подпункт 5</li>
</ul>
</li>Хотел в Пункт 2 прописать id="st", но этот стиль применяется и к подпунктам, т.к. они находятся внутри него, пришлось там написать strong, но так цифра жирным шрифтом не становится.
В пункте 1 все нормально, т.к. он закрытый и в нем нет подпунктов. Как применить идентификатор к Пункту 2, чтобы он не применился к его подпунктам?
Это список, который будет в содержании статьи. Мне еще нужно задать всем тегам ol, которые будут в самой статье, отступ, я в style.css написал: ol {margin-left: 5%;}, но это не сработало. Почему?
-
Вот такой получился сайт. Говорят, что сочетание цветов неудачное, ну тут много надо дорабатывать.
Как адаптировать сайт под мобильные устройства? Я проверил сайт тут https://www.google.com/webmasters/tools/mobile-friendly, выдались причины:
Ссылки слишком близко друг к другуКонтент шире экранаНе задана область просмотра для мобильных устройствСлишком мелкий шрифтЭто надо просто это исправить и сайт будет адаптирован?
-
В данном случае заказчику все равно как будет сделан сайт.
Почему сайт из блоков будет ниже?
При построении сайта на блоках тоже ведь можно изпользовать все возможности Html5?
-
Текст я собираюсь делать внутри блоков.
Спецификацию Html5 прочитал, не понял как мне лучше сделать сайт. Я Html5 еще не изучал, много новых тегов там.
Вот такой версткой делать сайт стоит?
-
Обычным html-меню это тегами <ul> <li>
Я пока не знаю языков программирования, есть бесплатный скрипт для создания меню?
-
Собрался делать сайт, с такой структурой:
Шапку и блок с основной информацией хочу сделать в виде Divов, не знаю только как будет правильно сделать меню.
Его лучше сделать обычным html-меню или тоже блоком?
Мне надо еще чтобы при нажатии на пункт меню информация появлялась в основном блоке, без перезагрузки всей страницы. Это получится сделать бе применения фрейма?
-
Я хочу растянуть фоновое изображение на весь экран, чтобы было как тут, чтобы оно было еще недвижимо. На этом сайте как я понял, это реализовано с помощью CSS3.
Я верстаю сайт программой WYSIWYG Web Builder, она делает это с помощью CSS предыдущей версии.
Вот новый сайт, на нем не получается так растянуть.
Вот код CSS
body{ background-color: #FFFFFF; background-image: url(images/fon.jpg); background-position: left top; background-repeat: repeat; background-size: cover; color: #000000; font-family: Arial; font-size: 8px; line-height: 1.1875; margin: 0; padding: 0;
По-разному значения я тут ставил, не получается растянуть.
Как тут это сделать?
-
Вот я открыл этот файл, разделен рисунок на несколько частей. Как эти элементы добывать? Вырезать и сохранять каждый элемент как отдельный рисунок?
Вот я тут смотрю, все элементы располагаются на отдельных слоях, это надо эти элементы копировать на другой рисунок и сохранять отдельно?
-
У меня вопрос насчет верстки в PSD, ответов я не нашел в интернете. Почему именно в PSD делается макет? Это просто рисуется как должен выглядеть сайт и дизайнер должен его сверстать по образу и подобию?
И как мне начать верстать этот макет? Я вижу, что тут три колонки и шапка, ну и подвал еще. Где взять рисунки от этого макета?
Тут еще перо как-то нужно сделать, чтобы она и на шапке лежало.
-
Смотрел я на форуме, каждый разные ссылки выкладывает, у всех разное мнение.
-
В википедии написано, что CSS3 еще разрабатываемая версия, но уже много учебников по нему выпуска 2011 года, а уже CSS4 еще разрабатывается.
И в вакансиях уже в требованиях пишут, что нужно знание HTML5 и CSS3.
И посоветуйте пожалуйста учебник хороший по html5 И css3
-
Вот тут блок с желтой рамкой не должен так выходить. У блока с желтой рамкой такой код:
<p id="block">Содержимое блока</p>
#block {
padding: 10px;
margin: 5px;
width: 500px;
border-style: solid;
border-width: 2px;
border-color:#faa21a;
}У блока с черной рамкой такой:
body {
border: 2px solid #111111;
padding:0;
margin: 0 auto;
width:500px;
}Почему тот блок выходит за рамки? И как блочный элемент выровнять по центру?
-
display: block это строчному элемену надо добавить?
-
В файле стилей для тега класса .zagl прописан text-align:center;
В коде страницы я пишу: <span class="zagl">текст</span>
И текст выравнивается по левому краю, хотя должен по центру.
Когда прописываю в коде <p class="zagl">текст</span> - то текст выравнивется по центру.
Почему не работает так со SPAN?
-
Я делаю такой макет: шапка, левая и правая колонка, в середине контент, внизу подвал.
Вот тут, хочу сделать, чтобы на блоке wrapper были блоки header, left, right. Поместил их туда, сделал левый блок длиннее и он вышел за границы блока wrapper. Как сделать, чтобы wrapper растягивался вместе с этими колонками. Или сразу его на всю страницу сделать?
И вообще, правильно я делаю макет?
-
В файле стиле.
создайте что-то типа style.css подключайте его и в нем пишите стили
#wrapper {ваши свойства для wrapper}этот файл подключать в header.php?
Я еще не совсем понял, к чему относится <div id="wrapper"> и <div id="head">, я вижу, что к head.php, но почему два блока к нему относятся?
И в файле стилей мне надо писать так?
#head {
параметры всякие
}
Я тут запутался совсем:
подключил к главной странице файл style.css, в нем написал так
#head {
text-align: center; /* Выравнивание по центру */
padding: 5px; /* Отступы вокруг текста */
background: #D71920; /* Цвет фона шапки */
background-image:url (images/top_bg.gif);
} И не отображается тот рисунок, только фон и текст.
и отображается текст, который прописать в head.php, и в нем фон не отображается. Как сделать надо правильно?
-
Нужно сделать страницу из 5 блоков, где прописывать расположение блоков и размеры? Мне нужна "резиновая" верстка, чтобы при разных разрешениях страницы выглядели хорошо.
<html>
<head>
<title>title</title>
</head>
<body>
<div id="wrapper">
<div id="head">
<?php include 'head.php'; ?>
</div>
<div id="left">
<?php include 'left.php'; ?>
</div>
<div id="right">
<?php include 'right.php'; ?>
</div>
<div id="center">
<?php include 'center.php'; ?>
</div>
<div id="footer">
<?php include 'footer.php'; ?>
</div>
</div>
</body>
</html>
-
Мне в шапке сайта нужно растянуть фон в блоке div. Я написал так:
.block1 {
background-image: url(images/top.gif);
background-size:100%;
width:100%;
height:100px;
} И получилось искаженное изображение - http://b-srv.ru/test.html
А надо чтобы было как на этой странице - http://b-srv.ru/index.html, тут разметка сделана таблицей - на каждой странице приходится прописывать тоже что и на всех остальных.
Пробовал так - .bg{ margin:100px auto 0; background:#0f9; overflow:hidden; width:100%;}, изображение получалось маленьким, когда увеличивал, искажалось.
Как тут можно сделать?
Как растянуть картинку на весь блок, если картинка прописана не в блоке
in HTML Coding
Posted
Стиль для блока такой:
.empty { padding: 0px; width: 45%; height: 200px; float: left; margin: 50px 8px 50px 8px; background-size: 100%; }
В коде таблицы вставлены так:
И некоторые фото отображаются меньшим размером, хотя он на самом деле больше.
Как правильно их растянуть? Чтобы в css не прописывать каждую картинку.
Вот на этой странице они