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://mebelsort.ru/mebel-dlya-gostinoj/myagkaya-mebel-malajzii/divany-malajzii/divan-krovat-amerillo-amerillo-bezhevyj-36-34 Можно ли его целиком как-то отобразить? знаю есть для этого overflow - не срабатывает.
0 votes4 answers -
Не правильная адаптация на сайте
Всем привет, у меня такой вот вопрос, делаю сайт через react и при изменении расширения что-то идёт не так и какой-то бред получается, подскажите как решить данную проблему. Я вообще не понимаю из-за чего это происходит, по этому не могу нормально объяснить ?.
0 votes0 answers -
Использование тега h2 в теге ul
при использовании тега h2 в теге ul валидотор ругается но очень нужно именно такой подход, может как то обрамить h2 во что-то другое? <ul class="class"> <h2 class="classH2">Producst</h2> <li>- <a href="#">Lorem ipsum dolor sit vamet.</a></li> <li>- <a href="#">Sed facilisis pede non nisi.</a></li> <li>- <a href="#">Nulla dapibus fringilla ipsum.</a></li> </ul> спасибо
0 votes4 answers -
div, перенос строки
Здравствуйте, не получается разобраться в следующем. При: abc:<div id="abc"></div> qwe:<div id="qwe"></div> zxc:<div id="zxc"></div> я получаю abc: <результат> qwe: <результат> zxc: <результат> Не могу добиться такого: abc:<результат> qwe:<результат> zxc:<результат> Подскажите ,пожалуйста, спасибо.
0 votes4 answers -
Несколько tooltip на одной странице. Как реализовать на чистом JavaScript
Здравствуйте! Имеется несколько дивов на одной странице. Внутри каждого дива скрытый tooltip в виде текста в span. Подскажите, пожалуйста, как на чистом JavaScript реализовать следующее - при клике на div.retailer-item должен открыться скрытый В НЕМ span.tooltip-content. https://jsfiddle.net/ak1jbt5x/1/ Заранее благодарен за помощь!
0 votes6 answers -
В чем причина чудовищно долгой загрузкой лендинга?
Здравствуйте! Только что закончил работу над лендингом и перешел к его оптимизации. Перед этим решил его проверить с помощью сервиса Pingdom: https://tools.pingdom.com Показатели следующие: Performance grade: 97 Page size: 3.5 MB Requests: 93 Load time: 60 СЕКУНД! Голова трещит, что переспелый арбуз, не могу понять, в чем причина столь долгой загрузки? Буду искренне благодарен за экспертное мнение. Адрес лендинга: https://hutor.kh.ua/ P.S. Проверял этим сервисом сторонние лендинги, с весом и обращениями в 2-3 раза превышающие мои. Скорость загрузки у них всего несколько секунд.
0 votes5 answers -
таблица
подскжите, пожалуйста, как сделать так чтобы от таблицы не было отступов свершу и снизу странички?...
0 votes12 answers -
colspan в IE
<style> table.blog{ width: 100%; border-collapse: collapse; border: 0; margin: 0; padding: 0; } table.blog td{ border: 1px solid #CECFCE; padding: 5px; text-align: left; vertical-align: top; } table.blog td.face{ width: 120px; height: 120px; background: #fdd; } </style> <table class='blog'> <tr><td class='face'>1</td><td>2</td></tr> <tr><td colspan='2'>3 <table class='blog'> <tr><td class='face'>1</td><td>2</td></tr> <tr><td colspan='2'>3 </td></tr> </table> </td></tr> </table> почему в IE6 (у ме…
0 votes1 answer -
<!--[if ff]>
Я пользуюсь Оперой. Сверстал сайт, всё валидно. Слайдшоу в ИЕ не работает. Ну да ладно, <!--[if IE 6]>что-то<![endif]-->, заменил всё первой картинкой. Когда тестил в Фаерфоксе, со слайдшоу была ещё большая дрянь, чем в ИЕ. Поискал, нашел: <!--[if ff]>что-то<![endif]--> Тем же путем, что и для Эксплорера. Но не работае. В чем проблема? Заранее благодарен.
0 votes3 answers -
Нужны шаблоны.psd
Если у кого нить завалялись шаблончики старенькие!! Попрактиковаться прошу скинуть их на xepb@rambler.ru! А то нигде найти нормальных шаблонов psdшных!! Выкладываешь сверстанный шаблон а тебе говорят нашел на чем практиковаться! Оченб обидно и грустно на душе становится!! А так хочется совершеннствоваться!! Заранее благодарен!
0 votes7 answers -
ТАБЛИЦЫ, группировка строк
как сгруппировать строки? так я сгруппировал столбцы, теперь сгруппироваться отдельные ячейки в этой колонке, в этом случае строки, так как каждая колонка у меня разная. колонки сгруппировал так: ..... <colgroup> <col class="class1" /> <col class="class2" /> </colgroup> ..... <td scope="col"> .....
0 votes4 answers -
Как реализуется такое меню?
http://rospotrebnadzor.ru/ Подменю раскрывается как таблица.
0 votes6 answers -
В Опере10 что-то не так
<!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="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <meta http-equiv="Content-Language" content="ru" /> <title></title> <style type="text/css" media="all"> * {margin: 0; padding: 0;} * html #main {height: 100%;} html {height:100%;} body {height: 100%; background-color:#ccc;} #main {min-height: 100%; margin-bottom: -30px; background-color:red;} #footer {height: 30px; background-c…
0 votes5 answers -
Проблема с кодом
Есть у меня проблема ,больше часа питаюсь решить <hr style="border: 1px #CCC inset; margin-top:10px; margin-bottom:10px;" /> <div style="margin-left:20px; white-space:nowrap; "><span id="navigator" >[prev-link]Назад[/prev-link] {pages} [next-link]Вперед[/next-link]</span> | <form action="http://skrypalej.net" name="go_on_page" method="get" > <input style="width:30px;height:18px;" type="text" name="cstart" class="perexod" /> <input type="submit" value="Go" style="width:30px" class="button_vote"/> </form> | <span id="navigator" ><a href="java script:window.scrollTo(0,0);">Вверх</a></span> <…
0 votes14 answers -
Градиент и Img
Есть два вопроса 1. Как зделать градиент в блоке ? Как нужно - http://img100.imageshack.us/img100/1907/43514349.png 2. Как зделать чтоб в некотрих браузерах картинку в теге Img нельзя было виделить так как background???
0 votes11 answers -
Как сделать пустой div невидемым
Добрый вечер, натянул свой шаблон на cms, есть слайдер на главной странице, для него отдельный div. На остальных страницах, где его нет, появляется ненужный отступ+пустая полоска бордера, что можно сделать в этом случае? ув.модератор, откорректируй если есть возможность слово- "невидемым" а то опубликовал, а потом заметил такую нелепую ошибку.
0 votes6 answers -
<Input type="text"> and ie8
html: <div class="form-item"> <input type="text" name="" value="Search" maxlength="128" /> </div> CSS: * { margin: 0px; padding: 0px; } .form-item input { height: 19px; width: 100px; border: 1px solid black; } .form-item { height: 21px; } Screen from IE8 Как видите есть отступ сверху. margin-top: -Npx не помогает. Ума не приложу что с этим делать. Возможно из-за полнодневной борьбы с ie разум не видит очевидные вещи.
0 votes3 answers -
sqlite manager для FF
подскажите пожалуйста как запустить sqlite manager. это плагин для firefox. я его установил, а как начать использовать не знаю. в документации тоже не нашёл указаний мне нужно просто его запустить
0 votes1 answer -
Вставка кнопки поверх изображения.
Добрый день. Я начал изучать хтмл недавно, и все вроде бы получается. Но когда стал делать верстку интернет магазина то возникла проблема, как реализовать кнопки или картинки поверх других картинок. Вот например как на картинке есть изображение товара и поверх него 2 кнопки NEW и SALE. Пробовал сделать фотографию background, но подгонять каждую фотографию под размер не рационально. с z index что-то не выходит.. может кто подскажет в какую сторону смотреть или какое либо готовое решение? заранее спасибо
0 votes1 answer -
О css фреймворках
Вопрос к мастерам и гуру! Уважаемые скажите, в каких целях и как часто вы используете фреймворки? Верстал много различных страниц, но я так и не пойму, чем фреймворки должен упростить жизнь как верстальщику? Если есть конкретный дизайн страницы, и он никак не похож на то что предлагает фреймворк, то не ужели есть смысл это все допиливать подгонять? Это же занимает на много больше времени, нежели верстки с нуля. Те же самые адаптивные навигационные бары с бургер батонами, аккордионы. Или же на самом деле предназначение фреймворка для не знающего верстки кодера, сделать быстренько страничку, которая по сути не имеет дизайна как такового? Может быть и грубый пример, но ес…
0 votes7 answers -
График контрибутов.
Почему на графике контрибутов, квадраты закрашиваются максимально зеленым цветом независимо от того, что я сделал?
0 votes2 answers -
Как реализовать мобильное меню как у гугла?
День добрый! Подскажите как реализовать мобильное меню как у гугла, чтобы его так же можно было двигать, не смог найти примеров в интернете, может кто видел подобное или подскажет в каком направлении двигаться.
0 votes4 answers -
bootstrap и нестандартная сетка
Допустим мне нужна нестандартная сетка (5, 7 и 11 рядов). Помойму можно пересобрать бутстрап с нужными параметрами. А можно ли задать такие параметры, чтоб была стандартная сетка бутсрап и кастомная (5, 7 и 11 рядов).
0 votes3 answers -
Проблема с картинкой
Пытаюсь делать сайт, http://donskoysf.narod.ru/index.htm, шапку делал в фотошопе, как сделать так чтобы картинка шапки грузилась быстрее ( её вес 64 кб) а грузится все равно долго! Какие тут могут быть варианты !
0 votes12 answers -
разнае свойства элементов списка, помогите!
Друзья, я уже голову сломала. Есть список типа ul li: <ul class="menu"> <li class="item3"><a href="#"><span>blahblah</span></a></li> <li class="item8"><a href="#"><span>blahblah</span></a></li> <li class="item16"><span class="separator">блабла</span></li> <li class="itemn"><a href="#"><span>blahblah</span></a></li> </ul> Надо у того li, внутри которого спан класса "сепаратор" сделать особые свойства - потолще его сделать, верхний и нижний отступ ему побольше, чтобы выделялся визуально. Классы пункта списка выдаются дина…
0 votes7 answers