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
-
Круглая рамка с несколькими цветами (процентное заполнение)
Помогите пожалуйста сверстать вот такую рамку)
0 votes3 answers -
Как на css создать такие линии?
Доброго дня. Подскажите пожалуйста, как сделать на css вот эти вот разделители?
0 votes1 answer -
Фон заголовка блока
На сайте http://aksel.seodacha.ru внизу страницы есть заголовок Статьи http://joxi.ru/_H4yVIwyTJDoApBCAvU Не могу понять как оставить фон заголовка и при всем при этом сделать так чтобы к нему справа ничего не прижималось, то есть было так http://joxi.ru/R38yVP3JTJBHA7EeyJc
0 votes2 answers -
Странность с clear: both.
Всем привет! Я новичок в css, и хотелось бы задать вопрос, по как мне кажется странному поведению свойства clear. Следующий пример не рабочий, в нём нет нужды сделать всё правильно, или решить проблему, он написан для того что бы понять по чему так происходит. Предположим у нас есть один блок, в который вложено два других бока, каждый из них имеет совой заголовок, и ещё несколько вложенных блоков ( в примере блок только один), с заголовком статьи, и датой её создания, за который следует некий текст. Код-html <div id="content"> <div id="block1"> <h4>Название блока</h4> <div class="wrap"> <h5>Заголовок для статьи!</h5&g…
0 votes2 answers -
Посоветуйте библиотеку/плагин для реализации этих элементов
1. Горизонтальный скролл 2. Эффект ластика 3. Еще один горизонтальный скролл. При скролле число 59 будет идти по линии и будет меняться число
0 votes3 answers -
События
Добрый день! Мне нужно создать функцию которая будет запускаться при появлении модального окна ( не браузерного ) на странице. Появляется он в разное время, соответственно всякие setTimout не подходят. Выловить его можно по id.
0 votes3 answers -
Мерзкий вертикальный отступ между блоками
Нужно сверстать такое: https://wireframe.cc/Ua4tOp Я сверстал почти все: https://jsfiddle.net/Lh3u6oye/ Что за мерзкий отступ между блоками header (там, где лого, меню) и блоком filter. (блин, его там быть не должно ). И вообще, зацените верстку, может что лучше можно было сделать или по другому?
0 votes2 answers -
Идентификатор прокрутки страницы
Подскажите скрипт, который будет показывать начало и конец страницы и размещаться в самом вверху сайта. Видел на многих сайтах. Прокручиваешь страницу вверх и вверху страницы есть полосочка, которая показывает (как бы загрузкой) Идентификатор прокрутки страницы.
0 votes0 answers -
Адаптивная верстка группы кнопок
Здравствуйте! Нужно сделать вёрстку группы кнопок - меню сайта. Идея такая - до 480 px показывать это меню в виде вертикального столбца по 1 кнопке в ряд, ширина каждой кнопки на всю страницу. От 480 до 768 показывать кнопки по 2 штуки в ряд. А от 780 показывать все кнопки в 1 ряд, без переноса. При этом менять размер шрифта и размер кнопок так чтобы они всегда вписывались в одну строку. Т.е. если кнопок много или ширина экрана маленькая, то пусть показываются хоть шрифтом 6 px. Если экран широкий или кнопок мало, то пусть кнопки будут крупные, а надписи внутри них будут хоть 20 px. Вроде бы всё реализуемо на CSS кроме показа в 1 строку. Не понятн…
0 votes0 answers -
"от кого" в приходящих сообщениях с сайта
Здравствуйте. Есть простая контактная форма на php: <?php /* Задаем переменные */ $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $phone = htmlspecialchars($_POST["phone"]); $message = htmlspecialchars($_POST["message"]); $bezspama = htmlspecialchars($_POST["bezspama"]); /* Ваш адрес и тема сообщения */ $address = "Почта"; $sub = "Тема"; /* Формат письма */ $mes = "Заголовок\n Имя отправителя: $name Email отправителя: $email Телефон отправителя: $phone Комментарий: $message"; if (empty($bezspama)) { /* Отправляем сообщение, используя mail() функцию */ $from = "Reply-To: $email \r\n"; if (mail($address, $sub, $mes, $f…
0 votes3 answers -
Помогите разобраться, свойства картинок-ссылок
Привет. На странице несколько картинок являющихся ссылками. 1 Картинки ссылки - имеют border и при наведении курсора border меняет цвет. 2 картинки ссылки - без border и при наведении курсора border нет. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>INDEX</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> img { margin: 0px; border: 1px solid #999999; } a:hover img { margin: 0px; border: 1px solid #ffffff; } .logo { margin: 0px; border: 0px; } a:hover.logo img { margin: 0px; border: 0px; } </style> </head> <body> <a href="#"><…
0 votes2 answers -
Проблема с бэкграундом
Всем привет. По сути: Пытаюсь сверстать шаблон-тему. Нужно задать бэкграунд основному диву (#content), но по неизвестной мне причине выходит чёрти что. Вот это чёрти что: Сам бэкграунд это фрагмент (center.jpg 739x20), который должен повторяться на всю высоту дива #content, но он почему-то повторяется только два раза . Умаялся уже искать ошибку, подскажите пожалуйста почему так получается, я в ступоре..... Вот здесь сам макет , а здесь CSS
0 votes2 answers -
CSS и Sharepoint
когда пытаюсь придать свойства некоторым объектам в Sharepoint, то программа создаёт и применяет стили ыtyle1 и т.д. пролазил настройки но так и не нашёл, как можно отключить эту функцию, чтобы свойства объекта были присвоены в самом объекте без создания стилей? думал, что на вкладке CSS можно поменять. поменял и это не помогло. тогда какой смысл настроек на той вкладке: встроенные стили и классы? поскольку удалить тему нельзя, то сам себе и отвечу. надо открыть панель "применение стилей" и в окошке конечное правило сделать создать встроенный стиль.
0 votes0 answers -
Проблема с float
Мне нужно, чтобы блоки располагались на странице один за другим без промежутков. А получается вот что - http://i042.radikal.ru/1101/f3/c05e0ed9c24b.jpg Вот стиль для этих блоков: .cat_box { position: relative; float: left; width: 150px; height: auto; margin: 0 8px 15px 0; padding: 0; border: 1px solid red; } Подскажите, плиз, как это исправить?
0 votes2 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="one"> <input name="" type="text" /> <input name="" type="password" /> </div> <div class="two"> <input name="" type="text" /> <input name="" type="password" /> </div> </body> </…
0 votes4 answers -
Система постов и форум
Здравствуйте, уважаемая администрация и участники данного проекта! Скрипты html и css я уже прошёл (ну и сейчас прохожу ещё просто по спискам справочника) У меня есть вопрос, что мне нужно делать пошагово, чтобы на странице в дальнейшем у меня было как и на этом сайте система авторизации пользователя (профиль) и тп., а так же система постов, где каждый может оставлять свою надпись (например, как на этом сайте, не сочтите за рекламу). То есть там выбираешь раздел и можешь написать свой пост. При этом, чтобы посты появлялись после одобрения администрации, и чтобы можно было прикреплять медиа-файлы, комментировать другим пользователям, и что очень важно сортировать их по дат…
0 votes8 answers -
Объясните на пальцах про позиционирование
Здравствуйте. Зачитал до дыр про позиционирование, но все-равно туплю. Вот у меня код: <div id = "found"> <div id = "Left"> <div> <div id = "Right"> <div id = "Right_l"> <div> <div id = "Right_r"> <div> <div> <div> CSS: #found { height:600px; width:800px; } #Left{ width:250px; display:block; position:relative; } #Right{ width:550px; display:block; position:relative; float:left; } Надо, чтобы было так : [блок Left] [блок Right_l] [блок Right_r] То есть блок Right содержит в себе еще два блока, которые позиционируются В НЕМ. Не могу понять как это сделать... Получается сейчас…
0 votes2 answers -
Проблема из за Fixed
Сверстал сайт, но 1 проблема Если размер окна браузера неочень большой то поиск невлезает и сползает вниз и невлезает все меню. Как это исправить помогите плз на верхнем меню там где поиск поставлено position:fixed; и при уменьшении размера браузера сайт косится т.е посик вниз иуходит и пункты меню. Пробовал ставить к #h min-width:100% и min-width:1400px, к body пробовал то же самое ставить, но все равно из за fixed при уменьшении окна браузера меню и поиск непрокручивается по горизонтале. ЧТО ДЕЛАТЬ ПОМОГИТЕ ПЛЗ, Я уже незнаю даже Если есть вопросы skype: vova-iiaknstaneu http://mir-animasiya.ru/index/0-3
0 votes3 answers -
Как сделать такую форму поиска?
Добрый день всем! Подскажите как сделать такую форму поиска? интересует именно как сделать поле закругленное. Спасибо.
0 votes4 answers -
css, positions
Здравствуйте. Столкнулся с проблемами вёрстки. Идея: #lmenu нужно position: absolute, что-бы div не скролился вместе с остальной страницей. #mapframe должен быть высотой 50%, но вместе с тем - минимум 400px. #contentframe должен занимать всё свободное место, от #mapframe до #btmenu. #btmenu должен быть всегда внизу родительского блока. После многих попыток, мои проблемы:
0 votes3 answers -
Боковые границы таблицы.
Здравствуйте. Только недавно немного ознакомился с версткой. Взял первый макет, оформляю пока только в форме табличной верстки. Появилась проблема. Как убрать отмеченные на картинке косячки? http://jsfiddle.net/WN9cs/ так сойдет? и да, все там криво)
0 votes4 answers -
Как выравнять элементс с display:inline-block по горизонтали?
Собственно сам вопрос в названии темы. Ни как не могу разобраться как тег <div> с display:inline-block выравнять по горизонтали... margin: auto тут почему то не помогает. Данный элемент прижат к левому краю и никак не хочет на середину
0 votes5 answers -
Слайдер перекрывает выпадающее меню
Здравствуйте! У меня адаптивная версия сайта и в большой все окей, но когда открываешь на мобильному устройстве, делаеться выпадающее меню и слайдер перекрывает его. Вкурсе, что надо сменить z-index. Но не знаю где найти его. Возможно подскажите где найти или другое решение проблемы? Проблема тут
0 votes1 answer -
Подкиньте код простого визуализатора
Всем привет нужен на сайт визуализатор на 3 столбика, Короче нужно к переменим которые отвечают за высоту столба подцепить функцию, но мне и кода хватит с небольшими комментариями. Будет что-то похожее на светомузыку, и я логически подумал что можно использовать готовый код и изменить его под свои нужды, поскольку я не очень знаю js поэтому прошу вас форумчан помочь мне воплотить в жизнь свои извращенные планы в жизнь. Спасибо за уделенное время.
0 votes0 answers -
Popup после отправки ajax
Привет, есть форма в модальном окне, не могу сделать так, чтобы при ее сабмите она закрывалась и появлялось окно благодарности (popup_thanks) https://jsfiddle.net/37em6xa4/ вот скрипт и код форм
0 votes0 answers