HTML Coding

29,542 questions in this forum

1. Как вычислять отступы от символов

   Никогда не задумывался об отступах между элементами серьезно (потому что не верстальщик). Ну, конечно, margin от padding отличал, но вот недавно столкнулся с тем, что необходимо было перевести шаблон из PSD html\css с точностью до пикселя. "Раньше я делал как:" (с) Федор Лошадкин) - открываешь шаблон в фотошопе и выделяешь, к примеру, от верхней границы начертания символа (глифа) до нижней границы верхнего блока (каламбур, но см. рис.). На рисунке это зеленая линия (вроде по-умному это называется верхняя линия шрифта). Затем смотришь высоту выделения и вбиваешь ее в отступ. Браузеры же думают иначе (и логичнее), и любой текст обрамляется рамкой, откуда они и начинают высч…

   Asked by userlogoff, September 6, 2011

   0 votes
   13 answers
2. Как выяснить код символа?

   В общем, проблема такая - собираю макет в джумле. И какой-то из файлов движка лепит в код странный символ (его не видно) типа переноса строки. Лепит только в одном месте. В итоге у меня съезжает форма поиска, как будто строку перенесли. Никак не могу эту заразу выловить, откуда она берется. Через Firebug убираю из кода эту хрень - всё встает на места. Думаю, если определить код этого символа, то можно пошерстить по всем файлам на предмет его наличия. При просмотре кода страницы из мозиллы его не видно. Через Firebug можно заметить. В IE видно при просмотре исходного кода (блокнотом по умолчанию) Выложил сохраненную копию страницы: http://leveler.ru/htmlbook/symbol.htm Оф…

   Asked by d0ublezer0, October 26, 2010

   0 votes
   4 answers
3. Как глобально скруглить углы таблиц?

   В общем нужно чтоб ВЕЗДЕ скруглились углы, может кто знает какие-либо методы? Заранее спасибо

   Asked by Sven, October 17, 2010

   0 votes
   3 answers
4. Как грамотно выровнять блоки

   Думаю как грамотно выровнять эти текстовые блоки. Само по себе это не трудно. Но фишка в том что они разные по величине и их величина (текст) может увеличиваться/ уменьшаться? Как сделать так, чтобы при добавлении/ удалении текста, они всегда оставались вертикально по середине? P.S.: vertical-align пробовал http://codepen.io/anon/pen/BNRZGB

   Asked by yaparoff, June 7, 2015

   0 votes
   3 answers
5. Как грамотно загрузить НЕ однотонную фотографию (как фон сайта)?

   Здравствуйте! Создавая сайт, столкнулась с такой проблемой: нужно загрузить фотографию на весь экран, как фон сайта. Подскажите, пожалуйста, как сделать это грамотно, что бы картинка загружалась быстро и с хорошим качеством. Я знаю как загружать однотонные картинки или с однотонной структурой (в виде минимальных квадратиков ) а вот как работать с болшими картинками не знаю.

   Asked by ChipAlina, October 28, 2009

   0 votes
   2 answers
6. Как грамотно организовать E-Mail рассылку с сервера

   Как организовать рассылку писем по электронной почте СВОИМИ силами! Хочу организовать рассылку писем пользователям интернет магазина. Смысла пользоваться сервисами нет,т.к. пользователей всего 283 чел. Интернет магазин небольшой,да и городок у нас тоже не мегаполис! Система управления сайтом-WP!

   Asked by SKSKSS2013, February 13, 2014

   • Сервер
   • E-Mail
   • Электронная Почта
   • Рассылка почты с сервера
   0 votes
   3 answers
7. Как грамотно организовать навигацию

   Здравствуйте! Помогите пожалуйста сделать такую навигацию. Имеется основной список ul 1, расположенный горизонтально. В него (в одну из ссылок) вложен второй список ul 2, тоже горизонтальный и начинается как и родительский список. В списке ul 2 в ссылку вложен третий список ul 3, отображаемый вертикально, но уже параллельно ссылке, в которую вложен. Ах да, все в статике, т.е. ничего никуда не пропадает. Заранее спасибо! <ul id="navi"> <li><a href="index.html">ГЛАВНАЯ</a></li> <li class="re"><a href="produkt.html">ПРОДУКЦИЯ</a> <ul id="navi2"> <li><a href="#">Цифр…

   Asked by Syndrome, December 22, 2010

   0 votes
   0 answers
8. Как грамотно организовать наложение двух блоков

   Добрый день! Подскажите, как грамотно организовать такое наложение? То есть, не просто наложение, а по определенному паттерну что ли (я имею в виду эти линии серого цвета, которые накладываются на верхний блок)

   Asked by mankutila, February 14, 2015

   0 votes
   2 answers
9. Как грамотно прекратить отсечку изображений?

   Здравствуйте. На сайте внизу у самой последней программы обрезается нижний кончик изображения коробки программного продукта: Как правильно убрать отсечку изображения?

   Asked by borus, December 20, 2012

   0 votes
   3 answers
10. Как грамотно расположить объекты напротив друг друга

    Здравствуйте. Я хочу в шапку сайта расположить объекты таким образом: (левый край экрана)Текст-ссылка1 и логотип1 пустота логотип2 текст-ссылка2 (правый край экрана) Подскажите пожалуйста оптимальный метод, как это можно было бы сделать, используя css и html. Спасибо.

    Asked by 2red, March 14, 2014

    • css
    • html
    0 votes
    5 answers
11. Как грамотно сверстать?

    Здраствуйте, подскажите пожалуйста как грамотно сверстать такой хедер/нав. можно задать фон градиентом и на место разделения вставить картинкой (выделенное пунктиром), но я думаю есть более рациональное решение, просто я начинающий и найти его не смог. Ширина заливки хедера и меню должна быть 100%, контент хедера и меню 1170px разделение на 50%.

    Asked by LittleGoose, May 14, 2018

    0 votes
    12 answers
12. Как гридами разместить дивы по углам родителя?

    у меня 4 квадрата и я хочу разместить каждый из этих квадратов в каждый угол флекс-контейнера,решил сделать это командой justify-self и когда задаю для дива one параметр justify-self: start, то реакции не идет. Можно ли разместить каждый див по углу через грид? https://codepen.io/tempest2708/pen/ZEWaepy

    Asked by Tempest99, September 5, 2020

    0 votes
    1 answer
13. как дасть разным классам одни свойства

    вот кусок ЦСС кода: a.opel {display:block; background-image: url(diz/opel.png); width:200px; height:199px; background-repeat: no-repeat;} a.opel:hover {background-position:0 -200px;} a.chevrolet {display:block; background-image: url(diz/chevrolet.png); width:200px; height:199px; background-repeat: no-repeat;} a.chevrolet:hover {background-position:0 -200px;} a.kia {display:block; background-image: url(diz/kia.png); width:200px; height:199px; background-repeat: no-repeat;} a.kia:hover {background-position:0 -200px;} a.hyundai {display:block; background-image: url(diz/hyundai.png); width:200px; height:199px; background-repeat: no-repeat;} a.hyundai:hover {background-positi…

    Asked by Kos87, October 20, 2009

    0 votes
    10 answers
14. как делается растяжка сверху

    Подскажите ламеру, как делается растяжка на этом сайте, сверху две полоски , справо и слева синие... http://inetchange.com/ Каким способом вообще делаются такие вещи?

    Asked by psywalker, February 10, 2009

    0 votes
    12 answers
15. Как делать значки соц. сетей через css?

    Разобрался. Это шрифт специальный. Font Awesome Icons .fa-pinterest::before { content: ""; } А чтобы инвертировать цвет написал: background: black; color: white;

    Asked by nikki4, January 26, 2017

    0 votes
    0 answers
16. Как делать перенос слов, если не помещается строка в теге <option> ?

    Здравствуйте возникла необходимость переноса слов в теге option. Пробовал word-wrap: break-word. - не работает!. Что делать подскажите. Пробовал задавать вручную ширину и для селекта и для optiona'a не работает перенос. подскажите что делать ? Чем это лечиться вообще. Не работает во всех браузерах. Думал может класс не тот задаю - ан нет все работает нормально.

    Asked by nurik_6, April 20, 2013

    • перенос слов
    0 votes
    1 answer
17. Как делаются мультибраузерные сайты?

    Привет всем! Я новичок, делаю свою первую простую персональную страничку. Нужна помощь. В хроме сайт выглядит нормально, а в мозиле и IE все сдвинуто в право и увеличен масштаб. Картинка становится дефектной. Уменьшил масштаб страницы в браузере со 100% на 80 % и вид сайта нормализовался. Сделал проверку кодов Dreamweaver-ом, он что то исправил, нашел ошибку "удвоение поля потока" у непринципиальной линии, короче не помог исправиить дело. Сайт еще не загружен в интернет, открываю его через нотпад. Вот эта страничка html форума с моим вопросом в хроме выглядит нормально, а в мозиле ее масштаб увеличен, но это не портит общую картину. Все блоки находятся на своих местах…

    Asked by м.н.с., October 8, 2014

    0 votes
    12 answers
18. Как делаются фильтры для продуктов на сайтах?

    Здравствуйте. До сегодняшнего дня, я только занимался версткой макетов, и не совсем понимаю как в принципе после верстки сайты оживают и начинают работать. Вот например, я сверстал карточки товаров, и там есть сортировка, но понятия не имею как его делать. Там есть формы: - Дата начала аренды - Дата конца аренды - Тип транспорта - Цвет - Вместимость - Грузоподъемность Буду очень благодарен тому кто распишет как все это работает, а то понять не могу, что-то для меня это совсем темное и туманное....

    Asked by 6eJlbIu, November 20, 2019

    0 votes
    5 answers
19. как дивами таблицу заменить?

    Надо таблицу с двумя ячейками заменить тэгами div,чтоб divы которые вместо ячеек были параллельны.

    Asked by Джамшут, July 22, 2008

    0 votes
    17 answers
20. как диву присвоить высоту другого дава?

    Знаю что на чистом CSS это почти невозможно, так как у меня два дива внутри другого, и один из них float, а вот как это сделать хотя бы через JS?

    Asked by kich, October 27, 2009

    0 votes
    5 answers
21. Как дизайнеру подобрать сетку и брекпойннты под bootstrap 3 и 4?

    Добрый день, у меня задача нарисовать адаптивную версию дизайна сайта под Twitter Bootstrap 3 или возможно 4 версии. Сложность в том, что в отличии от моего предыдущего опыта, верстальщики с которыми нужно будет взаимодействовать не работали с фрейморком и нужно будет их консультировать. К примеру обычно рисовал макеты под стандартную сетку по шаблону Bootstrap psd grid Grid template 320px container 30px gutter 53-54pxGrid template 480px container 30px gutter 80px colGrid template 750px container 30px gutter 62-63pxGrid template 970px container 30px gutter 80-81px Вопросы: Как объяснить почему колонки сетки, которую я привел выше, разной ширины?Есть ли смысл рисовать…

    Asked by Drunk_Monkey, December 15, 2015

    0 votes
    0 answers
22. как для iframe установить высоту в %?

    <div class="top-frame"> <iframe src="frames/main-frame.html"></iframe> </div> <div class="bottom-frame"> <iframe id="chat" name="chat" src="frames/chat.html" scrolling="no"></iframe> </div> body{ height:100%; } .top-frame{ width:100%; height:70%; } .top-frame iframe{ width:100%; border:none; height:100%; overflow:hidden; } .bottom-frame{ width:100%; height:30%; } .bottom-frame iframe{ width:100%; border:none; height:100%; overflow:hidden; } Ифреймы не тянуться по высоте никак, стоят по 150 пикселей (по умолчанию). Как сделать, чтобы верхний занимал 70%, нижний 30%? Если задавать в пик…

    Asked by Vitrilo, January 6, 2010

    0 votes
    1 answer
23. Как добавит 2 изображения на фон?

    На моём сайте тиражируется один фон но в одну таблицу мне нужно поместить как фоновое изображение ещё одно изображение я так и делаю но опять же интернет эксплорере это работает а в других браузерах нет

    Asked by Игорь Ермаков, September 27, 2008

    0 votes
    12 answers
24. Как добавить canvas картинке событие onclick?

    Нарисовал кнопку в фотошопе, добавил в canvas, теперь незнаю как добавить на картинку событие onclick, через тэг <img> неподойдет...

    Asked by GrizzzlyGames, October 12, 2015

    • canvas
    • onclick
    • image
    • html5
    0 votes
    1 answer
25. Как добавить верхнюю и нижнюю тени?

    Здравствуйте. Пробую на сайте добавить тени сверху и снизу от div с id citation следующим образом: не выходит. Как бы вы поступили? Дать тень выше стоящему div-у плюс добавить еще один обертывающий для задания второй тени? Благодарю

    Asked by borus, May 1, 2013

    0 votes
    6 answers