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
29,542 questions in this forum
-
Как не дать двум дивам наложится друг на друга?
Здравствуйте! У меня есть дивы идут в столбик один под одним. Каждый див имеет определенную высоту. Внутри дива текст. Если текста мало, то все нормально... Но когда текст не вмещается в размер этого дива то он налазит на следующий нижний див и закрывает его. Как это можно предотвратить, то есть чтобы он растягивался и не налазил на следующий? Спасибо большое за ответ! Если не понятно написал- скажите.
0 votes2 answers -
nouislider
Привет, пока вообще не дружу с nouislider, https://jsfiddle.net/royxth58/1/ , вообще не понимаю что и как добавлять, чтобы получился слайдер, как на картинке, помогите, пожалуйста, благодарю заранее, левое значение должно меняться в соответствии с расположение ползунка, главное сам функционал
0 votes0 answers -
Условные отступы или поля
Привет Я сам программер, но сейчас нужно сверстать сайт и я решил использовать для этого блочную вёрстку. Возник вопрос, могу ли я определить отступы для слоя так, чтобы они были равными 20%, но не меньше 20px, к примеру, и не больше 20px? Я хочу, чтобы вёрстка страницы была готова к разному разрешению экрана. Надеюсь на развёрнутый, теоретически подкреплённый ответ
0 votes2 answers -
Три окна
Идея такая. Три div или td или li. Стоят в 1 строку, будут создавать верхнюю часть для сайта. Необходимо сделать следующие. Первая часть(самая левая) будет задана ширина, если быть точнее то 49px. Вторая (центральная часть) должна становиться шири или уже зависимо от текста. Третья должна регулироваться зависимо от второй. При этом у каждой будет свой backgound. Вот эти три картинки.
0 votes1 answer -
Фон
Подскажите что-нибудь?)
0 votes1 answer -
Подсветка синтаксиса.
Здравствуйте всем! Подскажите пожалуйста ребята как сделать подсветку синтаксиса кода на сайте. Объясню поподробнее. Например я вставил текст кода в статью, как сделать чтобы он подсвечивался? Не хочу применять стили для каждого элемента кода в отдельности. Если есть какой-нибудь скрипт, то буду очень благодарен.
0 votes2 answers -
Система постов и форум
Здравствуйте, уважаемая администрация и участники данного проекта! Скрипты html и css я уже прошёл (ну и сейчас прохожу ещё просто по спискам справочника) У меня есть вопрос, что мне нужно делать пошагово, чтобы на странице в дальнейшем у меня было как и на этом сайте система авторизации пользователя (профиль) и тп., а так же система постов, где каждый может оставлять свою надпись (например, как на этом сайте, не сочтите за рекламу). То есть там выбираешь раздел и можешь написать свой пост. При этом, чтобы посты появлялись после одобрения администрации, и чтобы можно было прикреплять медиа-файлы, комментировать другим пользователям, и что очень важно сортировать их по дат…
0 votes8 answers -
Помогите реализовать
Вот появилась такая задумка но не знаю как её осушествить, нужно чтобы при наведении на картинку(опубликованную в посте допустим на форуме пример тут ) вылазило окошечко и там была доп. информация Как это можно сделать?
0 votes4 answers -
Относительные ссылки на локальном компе
Привет! Есть программа со встроенной справкой на основе html-страниц. Есть файл index.html по адресу "\help\help\en\html\main". Папка с этим файлом является корневой (так правильно?)). То есть браузер справки поумолчанию запускается с него. Этот файл оглавление справки на английском языке. Я дублировал папку "en" рядом с ней же, и переименовал ее в "ru". Итого у меня получилось "\help\help\ru\html\main\index.html" В этой папке "ru" будут все те же материалы, только переведенные на русский языкс небольшим изменением шрифтов и кодировки. В исходном файле "\help\help\en\html\main\index.html" (который поумолчанию стартовая страница) я хочу добавить строку c ссылкой "Russian…
0 votes3 answers -
Помогите улучшить кнопку "Наверх"
Здравствуйте, друзья. Задался вопросом создать кнопку "Наверх" на чистом CSS для сайта с черным фоном. Вот, что у меня получилось (по этой ссылке можно увидеть результат воочию), и дальше я зашел в тупик: HTML <div class="background"> <div class="to_top"> <div class="title"><a href="#">to top</a></div> </div> </div>? CSS .background { background: black; height: 300px; } .to_top { display: table; position: relative; width: 70px; height: 70px; background: #ffdd00; border: 1px solid #fff; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius:…
0 votes6 answers -
Меню с помощью картинки
Как сделать такое меню? http://demo.moslem.ws/menupng/ 1 вариант рабочий, 2 вариант это уже мой, по верхнему варианту пробовал не получилось, не понимаю в чем проблема..
0 votes5 answers -
переопределение размера текста
скажите пожалуйста есть ли какое-нибудь логическое объяснение такому явлению. так блок .nav_top виден. а так не виден. я же переопределил размер текста в более специфичном тэге...
0 votes1 answer -
Не получается прижать footer к низу страницы
Друзья, пробовал несколько методов, найденных в сети, выбрал тот, при котором к footer-у применяется абсолютное позиционирование, а страница body и html растягиваются до 100%... Долго мучился, так и не разобрался, вот полный код: <!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 charset="utf-8"> <style type="text/css"> html { height: 100% } * html body { height: 100% } body { margin: 0; padding: 0; min-height: 100%; position: relative; } #header { float:left; width:100%; min-width:1000px; } #wrapper { …
0 votes1 answer -
форма поиска
Помогите с проблемой, плиз. Не знаю как сделать вот такую форму поиска. Внутри ещё написано поиск по сайту.
0 votes4 answers -
Категории в Select (с optgroup)
Ребят, подскажите с добавлением категорий в select (категории хранятся в БД "рекурсивно"). Имеется следующий код, но он для UL, LI. Пытался переделать его в select и optgroup - что-то не получается.. //Выбираем данные из БД $result=mysql_query("SELECT * FROM categories"); //Если в базе данных есть записи, формируем массив if (mysql_num_rows($result) > 0){ $cats = array(); //В цикле формируем массив разделов, ключом будет id родительской категории while($cat = mysql_fetch_assoc($result)) $cats[$cat['parent_id']][] = $cat; } function build_tree($cats,$parent_id){ if(is_array($cats) and isset($cats[$parent_id])){ $tree = '<ul>'; foreach($cats[…
0 votes0 answers -
нумерованные списки
Доброго времени суток! ЕЕсть такая задача: надо сделать список вида 1. текст 2. текст 3. текст с влодежиями 3.1 текст вложенный 3.2 текст вложенный 3.3 текст вложенный 3.4 текст вложенный 4. текст 5. текст Если кто-нибудь знает как сделать список с такой нумерацией - подскажите пожалуйста. Помогите новичку. Заранее благодарен. P.S. уважаемые модераторы, если тема есть - подскажите где - не нашел, если не в том разделе - перенесите пожалуйста. И Вам заранее благодарен.
0 votes2 answers -
Не могу подключить css-документ к html
Привет всем. Такая проблемка - не могу подключить сss-документ к html. Раньше подключал, сейчас не в какую. <link type="text/css" rel="stylesheet" href="netcat_template/template/103/css/style.css"> строка из html index.html лежит в qb-interactive. в этой папке есть netoat_template и так далее - template/103/css/style.css чего оно не подключает? т.е. я попробовал запустить через дримвивер. то там видит. что эти документы связаны. но когда я что-то задаю в css в html оно не выполняется
0 votes2 answers -
Закрепление картинки в правой части страницы по середине
Добрый день! Помогите, пожалуйста! Нужно закрепить картинку 40*150 px к правому краю страницы, сделать её зафиксированной при прокрутке. Картинка должна быть с ссылкой. Можно ли как-нибудь это сделать? Пример: на многих сайтах висит зафиксировано кнопка "задайте вопрос оператору". Нужен код для аналогичной картинки-ссылки..
0 votes3 answers -
Проблемы с margin
Здравствуйте, непонятно из-за чего уменьшается margin. На этой странице все хорошо А вот на этой он уменьшается Насколько удалось выяснить, уменьшается он именно из-за красного поля, то есть отображения записей из БД. Но совсем неясно почему так происходит. Привожу код кода, который отображает этот блок echo '<table class="post_table" border="0">'; // выводим в HTML-таблицу все данные клиентов из таблицы MySQL while($data = mysql_fetch_array($result)){ if (empty($data['hidden'])) { $author = $data['author']; $avatar = "<img src='images/temp.jpg'>"; } else { $author = "Аноним"; $avatar = "<img src='images/anonim.jpg…
0 votes4 answers -
Адаптивный слайдер
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, такой слайдер только адаптивный
0 votes1 answer -
При добавлении в сборку js файла перестал работать слайдер
Доброго времени суток! Сразу к сути. Делаю учебный проект в шторме, конечный результат которого собирается при помощи сборки проекта. все библиотеки и зависимости установлены. с подключением slick-carousel разобрался, начал делать выпадающее меню в шапке, создал файл head.js, пописал в main.js такую строчку import 'head.js' в результате сломался слайдер, а в консоли ошибка "файл не найден" увидеть воочию можно тут https://rimidbit.github.io/shopia-S/ исходники тут https://github.com/rimidbit/source_code.git Что еще добавить не знаю. Готов предоставить все вводные, только б разобраться
0 votes0 answers -
не могу изменить картинку бекграунд имедж по средствам ява скрипт
здравствуйте ! помогите , не могу понять свою ошибку , функция получает номер закладки , в цикле я устанавливаю всем закладкам картинку бекграунда не включенной закладки потом по номеру я делаю фон включенной закладки применяя к фону другую картинку и вставляю содержимое закладки почему не меняются картинки причем если я меняю просто фон на цвет работает а картинку не меняет function mark(num) { for ( i = 0; i < 4; i++ ) { document.getElementById(marks).style.backgroundimage="url(images/sb_botton_off.jpg)"; } document.getElementById(marks[num]).style.backgroundimage="url(images/sb_botton_on.jpg)"; document.getElementById("cont").innerHTML = document.getElementById…
0 votes2 answers -
Проблема с hover
Народ, кому не сложно, загляните по адресу http://sendlab.ru/sympa Слевой стороны, слово РЕГИСТРАЦИЯ подчеркивает двумя цветами (синий и оранжевый), при наведении мыши. Как убрать синее подчеркивание, оно задано для других ссылок??? Вот, что прописано в CSS-е .link_registration { font-size: 9pt; font-weight: 700; position: relative; top: 12px; left: 65px; text-decoration: none; } .link_registration:hover { border-top: 1px solid #E98402; border-bottom: 1px solid #E98402; } Имя класса link_registration - уникальное, на всем сайте Прописываю другие свойства: link, visited и т.д., только толщину подчеркивания задаю 0, результат все равно не тот. .link_registration:... { borde…
0 votes2 answers -
Помогите плиз чет я не въезжаю
#myaccount p.links{ border: 1px dotted; margin: auto; width: 150px; padding: 20px; margin-bottom: 5px; margin-right: 5px; } #myaccount p.links:hover{ border: 1px dotted #5190B2; background-color: #fdfcc8; cursor:hand; } #myaccount a.links{ color: #000000; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; word-spacing: normal; } #myaccount a.links:hover{ color: #000000; } <div id="myaccount"> <table width="80%" align="center"> <tr> <td><a href="" class="links"><p class="links" align="center">Пункт1</p></a></td> <td><a href="" class…
0 votes1 answer -
Непонятки с Dreamweaver CS5.
Попробую объяснить свою проблему без скринов. Но если не получиться могу выложить скрины. Html файл не находит php файл который подключен к главной странице. Все было нормально но я что то натворил с "локальным сервером" в DW, Сейчас отображается только Html, а запроса к php и запроса php к Базе данных тоже нет. Знаю что локальный сервер не правильно работает, подскажите как правильно настроить DW на денвер.
0 votes0 answers