HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Растянуть блок aside по высоте при отсутствии текста в нем
Добрый день! Потихоньку изучаю html и столкнулся с вопросом: как можно растянуть фон у блока aside в данном примере, чтобы он по высоте был всегда равен блоку posts? https://www.dropbox.com/s/2gwhcxprhozr38w/superverst.rar Ответившим заранее спасибо.
0 votes3 answers -
Нестандартная форма блока
День добрый. Натолкнулся на такую штуку и не имею понятия, как ее сверстать. Углы понятно, а вот выпуклые верх и низ?
0 votes4 answers -
как сделать линию из середины блока в пол?
есть блок, вертикальный размер которого плавно изменяется скриптом. как сделать внутри этого блока вертикальную линию, начинающуюся не с самого верху, а с неизменным отступом, до низа блока, причем с изменением размера блока линия не вылезает и не отстает от нижней границы? допускается через рисунок бекграунда или бордер. спасибо!
0 votes3 answers -
Сайт в результатах поиска
Добрый день! Подскажите как сделать чтобы в поисковиках отображалась не только главная страница но и некоторые другие. Вот например если спросить у гугла 7 zip он выдаст ссылку на главную и под ней сразу еще ссылка на скачивание и ссылка на
0 votes2 answers -
проблема с <input> выпадает с блока <p>
Добрый вечер! Верстаю мой самый первый макет, почти закончил верстку странички, осталась одна проблема с формой вода! В Мозиле вроде все нормально а в других браузеров <input type="text">как бы выпадает за блок <p> не могу понять в чем причина? Если не трудно заодно оцените саму верстку укажите где мои ошибки? А они я думаю точно есть! За ранее благодарствую всем! :-) http://jewerli-store.esy.es/
0 votes3 answers -
Подскажите,как выровнять...
Всем привет,я в этом совсем новичек,мне необходимо собрать страницу с видео в HTML,у меня первое видео стоит правильно,а второе мне надо,чтобы оно находилось правее,чем первое,а оно почему то оказывается правее,но внизу. Картинку прикрепить не смог,поэтому выкладываю ссылку на скрины: Скрин1 Это код,который прописан: Скрин2 Подскажите,как мне правильно все прописать,чтобы все было ровно?
0 votes5 answers -
Помогите разобраться начинающему.
Изучаю HTML5->CSS3->Javascript. Всё чаще в интернете встречаю LESS, JQuery, AJAX, Angular, Bootstrap и т.д. и таким образом совсем запутался что есть что. Насколько я понял LESS это типо CSS файл где значения прописаны в виде переменных. Bootstrap вообще не понял для чего нужен. С JQuery чуток легче это вроде как библиотека для Javascript где многие функции уже готовы и не надо заново изобретать велосипед. Читал статьи где народ пишет что не надо учить Javascrip, а надо учить Angularjs, в другой говорят чтобы забей на CSS и учи Bootstrap. Помогите разобраться в современных технологиях. В какой последовательности учить и что именно учить чтобы претендовать на должно…
0 votes1 answer -
джон дакетт Хорошая ли книга?
Я начинающий веб-программист. Хочу научится правильно пользоваться HTML, CSS и javascript. Выбрал я для этого книгу Джона Дакетта Основы веб-программирования, но книга довольно дорога и я хочу узнать стоит ли она этих денег. P.S. Книгу я покупаю не в электроннлм виде. Сылок на интернет магазины скидывать не надо. Заранее спасибо)
0 votes0 answers -
Помогите вставить изображение в блок
Здравствуйте, есть у меня блок, который в CSS имеет такие свойства: Скрытый текст .hero { background-color: #B3B3B3; padding-top: 150px; padding-bottom: 150px; } И есть изображение, размером 3840x2160. Так вот, как мне сделать, чтобы оно было в блоке и обрезалось в зависимости от изменения размера блока.
0 votes1 answer -
Табы внутри аккордеона
Добрый день. Возможно кто-то возьмется мне помочь. https://codepen.io/brezze/pen/mzJmeJ Слева есть года, реализованы в виде аккордеона, по клику на год, открывается нужный нам. Слева табы, у каждого года есть свои табы. Например сейчас открыт 2018 год, если мы кликаем на второй таб 2017 года, 2018 год закрывается, открывается 2017 на втором активном табе
0 votes0 answers -
Верстка для мобильных Устройств
Собствено сабж. Есть сайтик резиновый, нормально смотрится на нормальном экране. На экране PDA конечно же плывет. Отсюда вопросы 1. Под PDA делается отдельная верстка? 2. Как учитывается ширина экрана? Резиновый дизайн - это конечно хорошо, но как быть с широкими таблицами с данными, которые никак не умещаются даже в 640px, а уж про 240 вообще молчу? Или от горизонтального скрола никуда не деться? 3. Как отлаживаться? если нет под рукой реального устройства. У Оперы есть опция "маленький экран", но при этом летит нафиг часть CSS, т.е. игнорируется некоторые установки(например ширина Input). И вид страницы втиснутой в DIV шириной 240 на нормальном экране и в режиме "мале…
0 votes0 answers -
Скольжение слоёв
Может быть кто то опытный подскажет, как сделать. чтобы нижний слой (на нём фоновый рисунок) был неподвижен относительно окна монитора, а верхний слой ( на нём лежит сайт) перемещался при прокрутке.? Заранее благодарен.
0 votes2 answers -
видео чат
кто нибудь знает видео чаты? что то по тику онлайн-консультации. т.е. слева окошко с видео или сверху + голос. внизу окошко для ввода текста. т.е. что то по типу окна скайпа. только web морда. может есть у кого то ссылки на зарубежные реализации?
0 votes1 answer -
Помогите! проблема с маргином.
Не могу справится с маргином. Для вертикального отступа блоков задал классу нижний маргин 6px; При этом появился отступ и внизу подложки оО . margin-bottom:6px; если его обнулить футер встает на место. аналогичная проблема если заменить на margin-top -от ступает верх. В фоксе все нормально а хром осел и опера дают отступ. Как это происходит неп ойму кто может помочь пояснить что как буду благодарен Результат работы можно посмотреть golddb.ru/test/index.php Код css * {margin: 0; padding: 0;} /* content styles ============================== */ body{background: black;} #bodywrap{ position: relative; left: 225px; width: 646px; min-height: 900px; text-align: cente…
0 votes4 answers -
Как сделать подпись у каждого изображения.
Как сделать через CSS на всех изображениях что-то вроде подписи или логотипа. Что бы при копировании было видно откуда это изображение.
0 votes2 answers -
Как правильно резать?
Как правильно нарезать полоску с шириной (или высотой) в 1 пиксель?? Пробовал прямоугол. выделением, получается только 2 пикселя...
0 votes2 answers -
Центрирование изображения
Прощу помощи) Вопрос: Как центрировать картинку по вертикали в диве(который float) с заданной высотой. Есть какие нибудь более элегантные способы чем задание подсчитанного паддинга? Должно работать в ie6.
0 votes4 answers -
Можно ли затемнить, или высветлить один край бэкграунда в диве.
Я создал див для шапки сайта и сделал темный фон для нее, можно ли нижний кран высветлить или сделать прозрачным с помощью каскадных таблиц стилей, или только с помощью редактирования фонового изображения в фотошопе. Заранее спасибо.
0 votes3 answers -
Фон с градиентом
Здравствуйте, верстаю 5-й урок с данного курса. шаблон Размер шаблона 1200px, вырезал фон для 1200px, и 1px по краям: <header> <div class="up"> <div class="w960"> <img src="img/logo.png" alt="" width="153" height="43" > </div> </div> <div class="down"> <span class="left"></span> <span class="right"></span> <div class="w1200"> </div> </div> </header> .w1200{ height:100%; width:1200px; margi…
0 votes0 answers -
Похожий эффект на HTML...
Что нибудь похожее с графиком можно сделать не на флеш? http://www.videorip.info/kakoj-programmoj-vy-predpochitaete-kodirovat-video
0 votes2 answers -
Прозрачная, закругленная рамка
Подскажите, пожалуйста, как сделать вот такую рамку:
0 votes1 answer -
Откуда появляется зазор между float-ами?
Пример макета - http://divverstka.16mb.com/
0 votes4 answers -
Прыгающие кнопки
Ребят, выручайте. Вот простейший пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="ru" /> <title>test</title> <style> input[type="submit"] { width: 300px; height: 60px; border: 1px solid black; margin: 0 auto; } </style> </head> <body> <div style="background-color:#eee; width:650px; text-align: center;"> <input type="submit" …
0 votes3 answers -
текст под картинкой.
Здравствуйте! нужно сделать вот так: (текст по картинкой) У меня сейчас вот так: Вот Html: Вот Css: Помогите реализовать, то что на первой картинке (сам текст, который под картинкой).
0 votes5 answers -
Цветовая гамма
Хотелось бы объективной оценки не слишком ли темные цвета я выбрал? http://voidblog.net63.net Опыт верстки полторы недели, так что не судите строго
0 votes3 answers