HTML Coding

29542 questions in this forum

1. Как создать "горизонтальное" меню?

   Нужно создать меню с помощью ксс,но что бы каждый следующий елемент помещялся не ниже предыдущего,а справа что бы меню распологалось не вертикально столбом,а в ряд так сказать. З.Ы.знаю что мог бы регулировать каждый новый елемент с помощью margin но так как елементов списка много нужен именно такой способ.

   Asked by pudge, January 15, 2013

   0 votes
   4 answers
2. Как верстать?

   Здравствуйте! Я новичок. Вот макет http://yadi.sk/d/WBJYc5T344Lmm Как его надо верстать, я имею ввиду резиновая верстка или фиксированая? И как вообще понять где резина а где фиксированая?

   Asked by Костя654, April 15, 2013

   • верстка резина фиксированая
   0 votes
   5 answers
3. Помощь с версткой

   Доброго времени суток. Сразу разъясню проблему. Скриншот, для наглядности так сказать. Как видите, раздел "Фото" расположен выше, чем раздел "Информация". Мне нужно, чтобы раздел "Информация", шел вровень с "Фото". —-- Часть кода из страницы: echo '<table><tr><td><div class="phdr">Фото</div><a href="../files/users/photo/' . $user['id'] . '.jpg"><img src="../files/users/photo/' . $user['id'] . '_small.jpg" alt="' . $user['name'] . '" border="0" /></a></td> <td><div class="phdr">Информация</div>' . functions::display_user_ank($user) . '</td></tr></table>'; DIV .phdr из style.css: .…

   Asked by MyZik, May 4, 2013

   0 votes
   4 answers
4. Не отображается фон/беграунд

   Добрый день. Пытаюсь создать сайт по шаблону, с помощью видео уроков. Все делаю точно по уроку. На определенном этапе под шапкой у меня не появляется фон как у роке (белый) или картинка(беграунд) Код HTML Код CSS Результат который у меня получился http://clip2net.com/s/6vtS8X Результат который я вижу в уроке http://clip2net.com/s/6vtTHz

   Asked by garmoni, January 6, 2014

   0 votes
   7 answers
5. Таблицы: непонятные отступы

   В общем, взял для тренировки на этом форуме один макет. Начал делать. Я большой любитель верстать таблицами. Знаю, что это плохо, но все равно это удобнее. И, как видно на картинке, логотип приклеен к верху без промежутка. А у меня, хотя я не делал никаких отступов и, наоборот, делал margin, padding, border равными нулю, между логотипом и верхом страницы есть промежуток в 1 пиксель. При чем во всех браузерах. Посмотрел через Firebug, table с body без промежутка, а вот table с tbody с промежутком в 1 пиксель, как будто у table padding: 1px. И padding: 0 не помогает. Скриншот и архив. P.S. Только давайте без "верстай через div"

   Asked by iKNG, January 6, 2014

   0 votes
   4 answers
6. Как бы выравнять кнопки "Добавить в корзину"?

   Здравствуйте! Вот объект. Какими мерами можно выравнять кнопки "Добавить в корзину" в строках по нижней границе товара с самым большим описанием?

   Asked by borus, January 30, 2014

   0 votes
   6 answers
7. Как зацентрировать всю конструкцию?

   Добрый вечер помогите пожалуйста, имеем следущую конструкцию <div style="overflow: hidden;"> <div style="width: 100%"> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test.jpg"></div><div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div><div style="float: left;padding:5px"><img style="max-w…

   Asked by ilvl, March 17, 2016

   0 votes
   2 answers
8. Справочник css по категориям

   Нужен сабж. Желательно на русском.

   Asked by torsar, November 24, 2016

   0 votes
   2 answers
9. Не могу сделать всплывающее окно

   Необходимо сделать всплывающее окно на весь экран. Проблема в том что те реализации которые я находил не подходят. Суть в том, что во всплывающее окно должно попасть то что и так размещено на странице - просто переместиться в окно и растянуться на весь экран. Вот пример - http://jsfiddle.net/p7NbX/15/ Мне это не подходит так как то что всплывет в окне прописывается отдельно от того что просто отображается на сайте. Моя задача - разместить на сайте видео-ролик. Если реализовать подобным методом получится 2 одинаковых ролика на странице. То есть, если я включу ролик и посмотрю 10 сек., а потом решу продолжить просмотр развернув его на весь экран - он нач…

   Asked by alleclf, December 12, 2016

   0 votes
   5 answers
10. Высота секций лендинга

    Доброе утро! Вопрос из разряда "вилами по воде" , но все же... рискну))) Верстка лендинга, а конкретнее, секций: как быть с высотой секций? Все секции в макете разной высоты. И мой вопрос состоит в том, что задавать ли им min-height со значением, взятым из макета? Или отталкиваться от контента? Просто, в "типа ТЗ" написано единственное что высота блоков не фиксированная(нету условия что кентена может быть меньше чем на макете). Надеюсь, буду понят)))

    Asked by Super_Saimon, March 12, 2018

    • css
    0 votes
    2 answers
11. Работа атрибута srcset

    Здравствуйте, помогите разобраться, начал осваивать атрибут srcset в целом все понятно, не могу понять только один момент, код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример</title> </head> <body> <img srcset="dota600.jpg 1x, dota1024.jpg 2x, dota1920.jpg 3x" src="1.jpg"> </body> </html> Соответственно на моем мониторе отображается dota600.jpg (x1) в оригинальном разрешении, но например при загрузке с устройства Pixel 2 XL (537 ppi) браузер выдает правильное изображение dota1920.jpg, но его размеры не 1920px на 1080px а 620px на 360px. Не могу понять почему так,…

    Asked by nimens19, September 6, 2019

    • srcset
    0 votes
    1 answer
12. Задний фон элементов формы

    Суть проблемы в том, что нужно подложить изображение под элементы списка <select>. CSS свойство background работает только если указывать конкретный цвет, а картинку подкладывать упорно не желает. Схожие проблемы с типом radio элемента формы <input>.

    Asked by Karmin, March 28, 2009

    0 votes
    2 answers
13. Не могу понять, откуда берется отступ?

    То ли я не выспался, то ли что.. не могу понять, откуда берется прореха между пунктами меню: Вот код: <html> <head> <style type="text/css"> <!-- * { margin:0; padding:0; } ul, li { list-style:none; } ul.mainmenu, ul.mainmenu li { display:inline; } ul.mainmenu li.active a, ul.mainmenu a:hover { background:#353535; color:#fff; } ul.mainmenu a { display:inline-block; padding:10px 15px; text-decoration:none; color:#353535; font-size:1.75em; } --> </style> </head> <body> <ul class="mainmenu"> <li class="active"><a href="#">menu</a></li> <li><a href="#">menu</a></li>…

    Asked by d0ublezer0, June 16, 2010

    0 votes
    1 answer
14. Навигация с дополнительным текстом

    Делаю навигацию для сайта. Оформляю ее как список. Когда в код вставляю описание ссылок (т.е. все, что на рисунке отмечено серым цветом), то навигация становится не горизонтальной, а вертикальной. Перенос текста делал тегом <br />. В общем, подскажите, пожалуйста, как написать код, чтобы было как на картинке. Премного благодарен за ответы. Картинка:

    Asked by unquaker, January 1, 2011

    0 votes
    5 answers
15. Не отображаются картинки и css

    Здравствуйте,я создал каркас сайта и слева у меня навигационное меню, которое я внес в библиотеку ( что бы при изменении чего либо, все менялось на других указанных мною страницах), так вот страницы я указал через так сказать"ПРИЦЕЛ" ...не знаю как правильно называется функция, так вот ссылки друг на друга работают, всё нормально, а вот стиль и все изображения не отображаются: http://s018.radikal.ru/i520/1201/55/8d2b86edc8dc.jpg У меня index.html находится в корне, а все остальные страницы в папке "menu"...я думаю это из за того что ссылки то друг на друга определились, через ../ автоматически...а как мне сделать что бы автоматически и все изображения из папки "img" и ед…

    Asked by in9emix, January 14, 2012

    0 votes
    3 answers
16. 2 колонки

    Всем привет, не получается сделать в один ряд колонки... Сейчас так: А хочется вот так)) Вот ксс блоков этих: .new { float:left display:table; position: relative; margin-left: 5px; margin-right: 660px; } .rgh { width: 630px; float: right; } Помоги сделать пожалуйста.

    Asked by heinz, January 27, 2012

    0 votes
    9 answers
17. Вопрос по галерее nextgen gallery

    Добрый день. В этом альбоме http://www.btn.kiev.ua/galereya/nggallery/nelzya/oshibki-v-stroitelstve/ нужно вставить внизу всех фото ( между фото и социальными кнопками ) описание галереи. Подскажите как это сделать?

    Asked by BTN, October 19, 2012

    0 votes
    4 answers
18. помогите начинающему

    Здраствуйте уважаемые помогите плиз советом, как собрать нечто подобное????7 Сам что то ни как не додумаюсь..... у меня получилось вот что .block_award{ text-align:left; box-shadow: 0 0 5px 2px; margin:40px} <div class="block_award"><img style="margin: 20px;" src="images/awards/001.jpg" width="200px " /> </div> <div class="block_award"><img style="margin: 20px;" src="images/awards/002.jpg" width="200px " /> </div> <div class="block_award"><img style="margin: 20px;" src="images/awards/003.jpg" width="200px" /> </div> Как бы еще текст добавить????

    Asked by al_hagen, October 26, 2012

    0 votes
    4 answers
19. Как выравнять расстояние между описаниями программ?

    Добрый вечер. На сайте внизу видно, что расстояние между программами не одинаковое: Пробовал применить такой стиль: .moduletable_displaynews > div > div > div { display:inline-block; } После этого абзацы описания программ, описываемые стилем .moduletable_displaynews>div>div>div>a>p, начинают раньше конца строки переноситься на новые строки: Как грамотно выравнять расстояние между строками описания программ?

    Asked by borus, December 20, 2012

    0 votes
    5 answers
20. Организация навигации по сайту

    Добрый день! Просьба помочь и подсказать новичку следующее. Допустим есть сайт, который состоит из панели с навигацией (ссылки на разные страницы сайта) и областью для просомтра соответствующей страницы. Как коректно организовать загрузку требуемого контента после нажатия на ссылку (естественно без использования фреймов). Насколько я понимаю после нажатия на ссылку должна генерироваться новая страница, которая содержит: 1. панель навигации (которая загружается постоянно из одного и того же файла); 2. страницу с контентом. Это можно реализовать 2-мя способами (или больше, но я их не знаю :-)): 1. Каждая страница с контентом (php) содержит в себе функцию, котора загружает п…

    Asked by Ridge, January 7, 2013

    0 votes
    5 answers
21. создать сайт

    Всем привет! я тут и в теме этой новенький. Хочу сделать интернем -магазин для себя. домен есть. хост есть. и есть куча вопросов! также есть пока демо-версия битрикса. хочу еого переделать для себя. вопрсы! 1- как редактировать шаблон и сайт в целом? на хочте можно? или на компе? 2- .шаблон. папка. фаил? кто обьяснит 3- Спасибо всем кто в теме!

    Asked by cars, January 15, 2013

    0 votes
    7 answers
22. Предупреждения валидатора meta

    Добрый день. <!DOCTYPE html> <html lang="ru-RU"> <head> <meta charset="utf-8"> <meta name="keywords" content="text/html; Wed, 01 Jan 2020 01:01:01 GMT"> <title>Error 404</title> <link rel="stylesheet" type="text/css" href="css/error_404.css"> </head> <body> </body> </html> Валидатор (http://validator.w3.org/check )выдает предупреждения насчет какой то тестовой функции и что то насчет игнорирования кодировки. Подскажите пожалуйста что ему не нравится? П.С. С кодировкой разобрался, загрузил файлом а не копипастом и убрал <BOM>. Но с чекером по прежнему что то не то (Using experimental feature: …

    Asked by Ururu, October 31, 2013

    0 votes
    1 answer
23. Привет всем! Прошу совета, я начинающая в Web-дизайне.

    Привет всем! Прошу совета, я начинающая в Web-дизайне. Не получается красиво отобразить материал. Создаю сайт на Joomla. Нужно что бы слева было фото, под ним видео(youtube), а справа шло описание в колонку. Примерно как: http://s2.ipicture.ru/uploads/20131217/6Fn0S0H7.bmp Пробовала в таблицу, в левый столбец фото и видео, в правый описание, но пропадает эффект "responsive". Может использовать "columns" ? Заранее очень благодарна всем за советы).

    Asked by larisa2, December 17, 2013

    0 votes
    10 answers
24. Двойной фоновый рисунок

    Добрый вам день!!! Создаю свой первый сайт, продумал дизайн, но столкнулся с проблемой реализации. по замыслу страница имеет один задний фон, циклирующийся до конца страницы, высотой 14 px, в формате jpg. но поверх него мне нужно наложить второй фон в формате png высотой 240 px. как вы пониматете, в один фон их не уместить, иначе в конце страницы будет пробел. что-то похожее я изобразил. второй фон появляется поверх первого, но как-только заканчиввется строка меню сайта, от исчезает за основным фоном. что не так? как поправить? вот ссылка: http://infobusiness.hol.es/index.html 1. основной фон - серый, сбоку с как бы решеткой 2. второй фон - диньги, видна только качть под…

    Asked by lexxxand, February 25, 2014

    • фон
    • background
    0 votes
    1 answer
25. Проблемы верстки с Masonry

    Проблема заключается в том, что в ФФ в первый раз открытия сайта и/или обновления без кеша (Ctrl+F5), а так же в хроме всегда до изменения размера окна и восстановления его блоки .item наезжают друг на друга и/или проваливаются под подвал. F5 в ФФ вопрос снимае в Хроме нужно изменить размер окна и восстановить в исходное (чтобы перестроились блоки) лежит тут

    Asked by To_wave, December 27, 2014

    0 votes
    2 answers