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
-
Как создать "горизонтальное" меню?
Нужно создать меню с помощью ксс,но что бы каждый следующий елемент помещялся не ниже предыдущего,а справа что бы меню распологалось не вертикально столбом,а в ряд так сказать. З.Ы.знаю что мог бы регулировать каждый новый елемент с помощью margin но так как елементов списка много нужен именно такой способ.
0 votes4 answers -
Как верстать?
Здравствуйте! Я новичок. Вот макет http://yadi.sk/d/WBJYc5T344Lmm Как его надо верстать, я имею ввиду резиновая верстка или фиксированая? И как вообще понять где резина а где фиксированая?
0 votes5 answers -
Помощь с версткой
Доброго времени суток. Сразу разъясню проблему. Скриншот, для наглядности так сказать. Как видите, раздел "Фото" расположен выше, чем раздел "Информация". Мне нужно, чтобы раздел "Информация", шел вровень с "Фото". —-- Часть кода из страницы: 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: .…
0 votes4 answers -
Не отображается фон/беграунд
Добрый день. Пытаюсь создать сайт по шаблону, с помощью видео уроков. Все делаю точно по уроку. На определенном этапе под шапкой у меня не появляется фон как у роке (белый) или картинка(беграунд) Код HTML Код CSS Результат который у меня получился http://clip2net.com/s/6vtS8X Результат который я вижу в уроке http://clip2net.com/s/6vtTHz
0 votes7 answers -
Таблицы: непонятные отступы
В общем, взял для тренировки на этом форуме один макет. Начал делать. Я большой любитель верстать таблицами. Знаю, что это плохо, но все равно это удобнее. И, как видно на картинке, логотип приклеен к верху без промежутка. А у меня, хотя я не делал никаких отступов и, наоборот, делал margin, padding, border равными нулю, между логотипом и верхом страницы есть промежуток в 1 пиксель. При чем во всех браузерах. Посмотрел через Firebug, table с body без промежутка, а вот table с tbody с промежутком в 1 пиксель, как будто у table padding: 1px. И padding: 0 не помогает. Скриншот и архив. P.S. Только давайте без "верстай через div"
0 votes4 answers -
Как бы выравнять кнопки "Добавить в корзину"?
Здравствуйте! Вот объект. Какими мерами можно выравнять кнопки "Добавить в корзину" в строках по нижней границе товара с самым большим описанием?
0 votes6 answers -
Как зацентрировать всю конструкцию?
Добрый вечер помогите пожалуйста, имеем следущую конструкцию <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…
0 votes2 answers -
Справочник css по категориям
Нужен сабж. Желательно на русском.
0 votes2 answers -
Не могу сделать всплывающее окно
Необходимо сделать всплывающее окно на весь экран. Проблема в том что те реализации которые я находил не подходят. Суть в том, что во всплывающее окно должно попасть то что и так размещено на странице - просто переместиться в окно и растянуться на весь экран. Вот пример - http://jsfiddle.net/p7NbX/15/ Мне это не подходит так как то что всплывет в окне прописывается отдельно от того что просто отображается на сайте. Моя задача - разместить на сайте видео-ролик. Если реализовать подобным методом получится 2 одинаковых ролика на странице. То есть, если я включу ролик и посмотрю 10 сек., а потом решу продолжить просмотр развернув его на весь экран - он нач…
0 votes5 answers -
Высота секций лендинга
Доброе утро! Вопрос из разряда "вилами по воде" , но все же... рискну))) Верстка лендинга, а конкретнее, секций: как быть с высотой секций? Все секции в макете разной высоты. И мой вопрос состоит в том, что задавать ли им min-height со значением, взятым из макета? Или отталкиваться от контента? Просто, в "типа ТЗ" написано единственное что высота блоков не фиксированная(нету условия что кентена может быть меньше чем на макете). Надеюсь, буду понят)))
0 votes2 answers -
Работа атрибута 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. Не могу понять почему так,…
0 votes1 answer -
Задний фон элементов формы
Суть проблемы в том, что нужно подложить изображение под элементы списка <select>. CSS свойство background работает только если указывать конкретный цвет, а картинку подкладывать упорно не желает. Схожие проблемы с типом radio элемента формы <input>.
0 votes2 answers -
Не могу понять, откуда берется отступ?
То ли я не выспался, то ли что.. не могу понять, откуда берется прореха между пунктами меню: Вот код: <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>…
0 votes1 answer -
Навигация с дополнительным текстом
Делаю навигацию для сайта. Оформляю ее как список. Когда в код вставляю описание ссылок (т.е. все, что на рисунке отмечено серым цветом), то навигация становится не горизонтальной, а вертикальной. Перенос текста делал тегом <br />. В общем, подскажите, пожалуйста, как написать код, чтобы было как на картинке. Премного благодарен за ответы. Картинка:
0 votes5 answers -
Не отображаются картинки и css
Здравствуйте,я создал каркас сайта и слева у меня навигационное меню, которое я внес в библиотеку ( что бы при изменении чего либо, все менялось на других указанных мною страницах), так вот страницы я указал через так сказать"ПРИЦЕЛ" ...не знаю как правильно называется функция, так вот ссылки друг на друга работают, всё нормально, а вот стиль и все изображения не отображаются: http://s018.radikal.ru/i520/1201/55/8d2b86edc8dc.jpg У меня index.html находится в корне, а все остальные страницы в папке "menu"...я думаю это из за того что ссылки то друг на друга определились, через ../ автоматически...а как мне сделать что бы автоматически и все изображения из папки "img" и ед…
0 votes3 answers -
2 колонки
Всем привет, не получается сделать в один ряд колонки... Сейчас так: А хочется вот так)) Вот ксс блоков этих: .new { float:left display:table; position: relative; margin-left: 5px; margin-right: 660px; } .rgh { width: 630px; float: right; } Помоги сделать пожалуйста.
0 votes9 answers -
Вопрос по галерее nextgen gallery
Добрый день. В этом альбоме http://www.btn.kiev.ua/galereya/nggallery/nelzya/oshibki-v-stroitelstve/ нужно вставить внизу всех фото ( между фото и социальными кнопками ) описание галереи. Подскажите как это сделать?
0 votes4 answers -
помогите начинающему
Здраствуйте уважаемые помогите плиз советом, как собрать нечто подобное????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> Как бы еще текст добавить????
0 votes4 answers -
Как выравнять расстояние между описаниями программ?
Добрый вечер. На сайте внизу видно, что расстояние между программами не одинаковое: Пробовал применить такой стиль: .moduletable_displaynews > div > div > div { display:inline-block; } После этого абзацы описания программ, описываемые стилем .moduletable_displaynews>div>div>div>a>p, начинают раньше конца строки переноситься на новые строки: Как грамотно выравнять расстояние между строками описания программ?
0 votes5 answers -
Организация навигации по сайту
Добрый день! Просьба помочь и подсказать новичку следующее. Допустим есть сайт, который состоит из панели с навигацией (ссылки на разные страницы сайта) и областью для просомтра соответствующей страницы. Как коректно организовать загрузку требуемого контента после нажатия на ссылку (естественно без использования фреймов). Насколько я понимаю после нажатия на ссылку должна генерироваться новая страница, которая содержит: 1. панель навигации (которая загружается постоянно из одного и того же файла); 2. страницу с контентом. Это можно реализовать 2-мя способами (или больше, но я их не знаю :-)): 1. Каждая страница с контентом (php) содержит в себе функцию, котора загружает п…
0 votes5 answers -
создать сайт
Всем привет! я тут и в теме этой новенький. Хочу сделать интернем -магазин для себя. домен есть. хост есть. и есть куча вопросов! также есть пока демо-версия битрикса. хочу еого переделать для себя. вопрсы! 1- как редактировать шаблон и сайт в целом? на хочте можно? или на компе? 2- .шаблон. папка. фаил? кто обьяснит 3- Спасибо всем кто в теме!
0 votes7 answers -
Предупреждения валидатора 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: …
0 votes1 answer -
Привет всем! Прошу совета, я начинающая в Web-дизайне.
Привет всем! Прошу совета, я начинающая в Web-дизайне. Не получается красиво отобразить материал. Создаю сайт на Joomla. Нужно что бы слева было фото, под ним видео(youtube), а справа шло описание в колонку. Примерно как: http://s2.ipicture.ru/uploads/20131217/6Fn0S0H7.bmp Пробовала в таблицу, в левый столбец фото и видео, в правый описание, но пропадает эффект "responsive". Может использовать "columns" ? Заранее очень благодарна всем за советы).
0 votes10 answers -
Двойной фоновый рисунок
Добрый вам день!!! Создаю свой первый сайт, продумал дизайн, но столкнулся с проблемой реализации. по замыслу страница имеет один задний фон, циклирующийся до конца страницы, высотой 14 px, в формате jpg. но поверх него мне нужно наложить второй фон в формате png высотой 240 px. как вы пониматете, в один фон их не уместить, иначе в конце страницы будет пробел. что-то похожее я изобразил. второй фон появляется поверх первого, но как-только заканчиввется строка меню сайта, от исчезает за основным фоном. что не так? как поправить? вот ссылка: http://infobusiness.hol.es/index.html 1. основной фон - серый, сбоку с как бы решеткой 2. второй фон - диньги, видна только качть под…
0 votes1 answer -
Проблемы верстки с Masonry
Проблема заключается в том, что в ФФ в первый раз открытия сайта и/или обновления без кеша (Ctrl+F5), а так же в хроме всегда до изменения размера окна и восстановления его блоки .item наезжают друг на друга и/или проваливаются под подвал. F5 в ФФ вопрос снимае в Хроме нужно изменить размер окна и восстановить в исходное (чтобы перестроились блоки) лежит тут
0 votes2 answers