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
-
Не работает мобильное меню
Всем привет. Сделала мобильную версию меню , при открытии сайта на небольшом экране появляется мобильное меню, но оно не открывается. Помогите разобраться в чем причина. https://jsfiddle.net/2dcah0fL/
0 votes19 answers -
Создание галереи. Наложение border на border
Добрый день, друзья! Существую 6 фотографий на одной линии - это галерея, превью (маленькие картиночки). Каждая из фотографией является также ссылкой, которая открывает большое изображения (стандартная схема). Задача в том, что вокруг изображения - рамка в 6px, а между фотографиями должно быть тоже 6px. Т.е. если вокруг фото - рамка, то получается расстоянием между фотографиями в 12px. Зачем я так делаю? Я хочу, чтобы когда наводишь на фото, то рамка (в 6px) вокруг этого фото становилась красного цвета. Поэтому если я сдвигаю вторую фотографию влево (margin-left: -6px;), то у первой фотографии рамка уже будет не полная, так как вторая фотография перекрывает своей рамкой п…
0 votes24 answers -
Ищу шрифты Nobel
Большая просьба ко всем, у кого есть шрифты семейства Nobel в любом формате поделиться. ШРифт очень нужен для разработки сайта - должен быть основным. Заранее спасибо. de_la_guarda@bk.ru
0 votes6 answers -
Проблема с вложенными таблицами.
Почему во вложенной таблице не исчезла сетка? <html> <head> <style type="text/css"> .tbl { width: 100%; border-collapse: collapse } .tbl td { border: 1px solid black } .tbl2 td { border: 0px solid black } </style> </head> <body> <table class="tbl"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> <tr> <td>............</td> <td> <table width="100%" class="tb2"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> </table> …
0 votes16 answers -
Как сделать всплывающее окно с увеличенной картинкой?
Доброе утро! Подскажите, пожалуйста, как сделать, чтобы при нажатии на картинку на этой же странице появлялось всплывающее окно с картинкой в реальном размере? Вот пример: http://www.soft99.ru/catalog/poliroli-i-pokrutiya/491/# Очень нужно!
0 votes9 answers -
css position в absolute
Есть див определённой высотой и шириной, в нём куча картинок со скролом за счёт overflow-y. Каждая картинка в диве, а на картинке, но в этом же диве див-меню (position: relative;) в этом меню длинные ссылки (с position:absolute) Проблема в том что очень длинные ссылки из за того что их родитель с position: relative; сжимаются и вместо того что бы показываться над окном они пропадают под ним, если же мы меняем местами position, то казалось бы всё нормально НО так как у нас есть скрол и при его прокрутке ссылки не остаются на картинке , а остаются на месте а должны быть привязаны к местоположению картинки. вот http://bm61.16mb.com/test/index.htm ужас этот заменив position …
0 votes22 answers -
Подскажите, надежный и недорогой хостинг
у меня есть сайт о кошках, который размещен на яндекс народе. Я хочу перенести свой сайт на платный хостинг. Подскажите, пожалуйста, какой-нибудь надежный и недорогой хостинг.
0 votes26 answers -
как растянуть сайт на весь браузер если на странице мало контента
в общем есть вот такое нужно получить либо такое либо такое подскажите как это сделать, пересмотрел кучу всего, есть статьи про выравнивание сайдбароа, пробовал предложенные техники не сработало
0 votes21 answers -
Список li в несколько колонок
Скорее из праздного любопытства, но если есть решение то оно пригодится для упрощения верстки Имеем список <ul> <li>Первый</li> <li>Второй</li> <li>Третий</li> <li>Четвертый</li> <li>Пятый</li> <li>Шестой</li> <li>Седьмой</li> <li>Восьмой</li> <li>Девятый</li> </ul> Хотелось бы чтобы список выстроился в несколько колонок, но так чтобы пункты формировались не в строчку, а в столбик То есть не так Первый - Второй - третий - четвертый пятый - шестой - ... А так Первый —-- пятый Второй —-- шестой Третий —-- ...... Четв…
0 votes11 answers -
Как натянуть готовую верстку на Joomla ?
Как натянуть готовую верстку на Joomla ? подскажите видео курсы какие то
0 votes1 answer -
"резиновый" фон сайта
Подскажите как реализовать "резиновый" фон, который состоит из 2 частей: верхней и нижней а внутренность по необходимости заливается цветом?
0 votes7 answers -
Бутстрап - проблема с меню
Вот пытаюсь реализовать меню. Обычное меню. справа от него на той же строке есть блок с заказом звонка. При уменьшении разрешения появляется название сайта и иконка для разворачивания меню. Проблема в том. что в определенном узком разрешении развернутого меню не видно на экране вообще - оно куда-то вбок уходит. При этом в файрфоксе (в хроме вроде норм). Что я делаю не так? Все ли правильно в разметке навигации? http://zverushka.zz.mu/edu/
0 votes26 answers -
Синтаксис ul li Как сделать так чтобы и картинка и текст были ссылкой?
Все три картинки и ссылки заключены в синтаксисе ul li ↓ проблема! Как сделать так, чтобы и картинка и текст были ссылкой? Я пробовал абсолютно спозиционировать ссылку тупо по координатам на каждую картинку, но это извращенность. Можно конечно сделать все это дело уже просто ссылками + img, но как правило, чередование более двух связанных между собой слов, является списком. Можно посмотреть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <style> #about { } #about ul { height: 7em; margin: 20px 0; } #about ul li {…
0 votes3 answers -
Адаптивный текст на кнопке
Доброго времени суток уважаемые форумчане. Хочу сделать адаптивным текст на кнопке. нашел замечательную функцию calc, все замечательно, однако при одном из разрешений с блоком происходит непонятный мне сдвиг, как на скриншоте, при остальных же разрешениях текст ведет себя, как положено. Подскажите в чем может быть проблема и пути решения. Ссылка на код
0 votes21 answers -
Вложенные формы
Не знаю, можно ли как-то сделать формы вложенные друг в друга... Простенько наверно можно это описать наподобии такого кода (который конечно же не работает!) <form method="post" action="1.php"> <form method='post' action="2.php"> <input type='text' name='num'> <input type="submit" value="Перейти на страницу 1"> </form> <input type='text' name='res'> <input type="submit" value="Перейти на страницу 2"> </form> Как можно это написать правильно, и можно ли вообще, чтобы при клике на любую из кнопок у нас передавалось значение num, а второй передавалось и res?
0 votes5 answers -
Полоса прокрутки слева
Сделал пример для раздела Рецепты, где для слоя полоса прокрутки отображается слева, а не справа, как обычно. Но вот беда, Опера не хочет делать то, что мне требуется. IE и Firefox работают на ура. Почитал, в чем же дело, Опера прекрасно понимает и direction и dir и unicode-bindi, все понимает, а делать не хочет. Вот код, похоже предложений по "уговариванию" Оперы не будет. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Полоса прокрутки слева</title> <style type="text/css"> div.leftscroll { …
0 votes1 answer -
Расстояние между элементами css
Я хочу сделать блок. Пишу: <div id="left_colon"> <div id="top_block"><img src="http://www.iconsearch.ru/uploads/icons/silk2/16x16/user.png" /> Название</div> <div id="middle_block">Текст блока</div> </div> В CSS: #top_block {background-image: url('img/bt.png'); background-repeat: no-repeat; height: 35px; padding: 8px; font-family: Verdana; color: white; text-shadow: gray 1px 1px 0px;} #middle_block {background-image: url('img/bc.png'); background-repeat: repeat-y; padding: 8px; font-family: Verdana; color: gray;} #left_colon {border-spacing: 0; margin: 0; padding: 0;} Получается так: Помогите пожалуйста!
0 votes2 answers -
Полное закрашивание ячейки таблицы под текстом
Вот такой вопросик назрел. Есть таблица. У нее свой класс CSS. Есть текст из БД. он заполняет собой ячейки таблицы соответственно. Задача: в зависимости от тех или иных значений подсветить другим цветом некторые ячейки таблицы. При этом доступа к нету.И надо чтобы ячейка закрашивалась целиком а не просто выделялась часть ячейки под текстом другим цветом. как я себе это мыслил Какое то значениеПри этом этот див находится внутри однако при таком способе как раз подсвечивается только часть ячейки - та что под текстом. А надо бы для эстетичности чтобы подсвечивалась вся. Кто нить представляет как это реализовать?
0 votes13 answers -
фоновая музыка на сайте
Как сделать так чтобы на сайте играла фоном музыка НО при переходе на другю страницу она продолжала играть а не начинала играть трек заново ?
0 votes21 answers -
фон - полупрозрачный png
Уважаемые господа, не подскажете ли более-менее красивый способ положить полупрозрачный PNG в качестве фонового изображения, чтобы это не выглядело ужасно в [lte IE 6]. Решений для обычного находится предостаточно, а относительно фона - практически ничего не говорится...
0 votes7 answers -
Скролл. Проблема
На html-странице есть общий скролл. Внутри страницы есть div со своим скроллом. Так вот при прокрутке колёсиком мышки внутри этого div'а после того, как ползунок достигает самого конца, начинает прокручиваться общий скролл всей страницы. Как от этого избавиться?
0 votes26 answers -
цвет текста в ячейках таблицы средствами css
Здравствуйте как задать цвет текста во всехя ячейках таблицы через класс css. Ещ? правая и левая граница ячеек не видна. Код: .shapka { font-family: "Times New Roman"; font-size: 17px; color: ffffff; border-right-color: white; boder-left-color: white; padding-top: 1px; padding-bottom: 1px; border-bottom-style: none; border-top-style: none;padding-left: 10px; border-right-width: 2px; border-left-width: 2px } <table class="shapka" cellspacing="0" bgcolor="333333" width="100%"> <tbody> <tr> <td width=22%><A href="www.tehn-litera.glavn.ru" title="Главная страница" target="_blank"> Главная</td> <td wudth=22%><A href="www.teh…
0 votes15 answers -
div блок съезжает при уменьшении окна
div блок постоянно съезжает, хотя опробовал все. Ответы, что я находил не помогали, смена позиционирования тоже. Может, кто знает как это исправить? Код прилагаю HTML Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css"> <title>Вход</title> </head> <body bgcolor="#34495e"> <form class="box" action="index.html" method="post"> <h1>Вход</h1> <input type="text" name="" placeholder="Имя п…
0 votes9 answers -
Таблица с квадратными ячейками.
Здравствуйте! Такой вопрос нужно сделать таблицу, которая занимает 100% доступной ширины. Она имеет 31 стобец и 7 строк. Нужно, чтобы ячейки всегда были квадратные. Я задаю фиксированные ширину и высоту для ячейки и это прокатывает, но если увеличивать контейнер в котором раположена таблица, ячейки становятся прямоугольные, а должны всегда сохранять форму квадрата. Может кто-нибудь подскажет, как решить этот вопрос? Спасибо!
0 votes6 answers -
Очень понравился один список этого сайта
Здравствуйте. Подскажите, пожалуйста, как мне сделать такой же раскрывающийся список, как на этой ссылке: http://htmlbook.ru/content/ Допустим мне надо три пункта списка, из которых в каждом есть еще по 2 пункта. Как мне это реализовать?
0 votes8 answers