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
-
Не стягивается блок
Парни в общем надо мне ваш совет с блоками Шевченка) Вот я даже сюда их выложил что бы было понятней немного. http://jsfiddle.net/t2noj9LL/ Баг в том что при меньшом разширении они заплывают в сторону. http://hostingkartinok.com/show-image.php?id=9f108ec46c10824ab7d096ca02b5e7fdhttp://hostingkartinok.com/show-image.php?id=f26013f5f8eb2dc84e4460ec2baf08abА должны при любом раскладе быть с права!!!К сожалению на сайте показать не могу,так как там нету!Спасибо...
0 votes17 answers -
Атрибуты rel и type в тэге link
Оба атрибута сообщают браузеру тип подключаемого файла, но в таком случае, почему не достаточно лишь одного?
0 votes8 answers -
Уменьшение фонового изображения, находящегося в спрайте
Здравствуйте! У меня есть спрайт с несколькими изображениями - логотип и иконки для соцсетей. На спрайте логотип имеет размеры 411 на 160 пикселей. Мне нужно сделать это фоновое изображение (логотип) в два раза меньше. Подскажите, реально ли это сделать? Если да - то как? Заранее благодарю за помощь!
0 votes1 answer -
Oбрезать картинку по бокам с помощью css
Здравствуйте, помогите, пожалуйста, решить такую задачу: Есть картинка с размерами например 1000x500, надо что бы при большом разрешении экрана (например 1200px) она показывалась полностью, а на маленьких разрешениях экрана (например 500px) она, с помощью css, обрезалась по бокам на 250px с каждой стороны.
0 votes0 answers -
Не вставляется картинка через background-image
Пишу в стилях background-image: url(../../images/fon.png); Но у меня не появляется эта картинка, скрин кода приложу Вот код - https://jsfiddle.net/Millio/bgajx0uc/50/
0 votes0 answers -
Фреймы
Используя только фреймы, возможно изобразить такое? Сделать так что бы фрейм 1 и 5 имели виксированную высоту. Получается все сделать только если убрать пятый фрейм. Пробовал разбивать на 3 фрейма по вертикали и потом делить средний, не получилось. Вот оно: <frameset frameborder=0 rows="50, *, 20"> <frame skrolling="no" noresize scr="frlogo.htm" name="frlogo"> <frame skrolling="no" noresize scr="frbody.htm" name="frbody"> <frame skrolling="no" noresize scr="frfoot.htm" name="frfoot"> </frameset> А это тот самый средний фрейм: <frameset frameborder=0 cols="20%, *, 20%"> <frame skrolling="no" noresize scr="frleft.htm" name="frleft"&…
0 votes2 answers -
У таблиц отрывает голову
Доброго времени суток. Есть страничка - http://beavers-net.narod.ru/ie_vs_tables.html http://beavers-net.narod.ru/style2.css - стили страницы. верстка вся табличная и табличка разъезжается постоянно, несмотря на проставленные значения border: none; border-collapse: collapse; padding:0; margin:0; table.article_header{ padding: 0; margin: 0 auto; border: none; border-collapse: collapse; height: auto; width: 90%; text-align: left; vertical-align: top; margin-bottom: -40px; /*overflow: hidden;*/ } table.article_header tr td{ background: #dadada; padding: 0; margin:0; border: none; } Ну и второстепенно - в ие выпадающий список постоянно куда-то вправо уезжает пр…
0 votes4 answers -
DOCTYPE
Существует около 10 разных видов DOCTYPE. Каким из них лучше пользоваться?
0 votes4 answers -
Дополнительные опции товара
Друзья , я занимаюсь разработкой интернет магазина контактных линз.В качестве движка использую битрикс. И сейчас я столкнулся с такой задачей. Нужно реализовать функцию "опции товара" т.е в опциях товара предполагается выбор нескольких параметров а именно выбор диоптрий, оптическую силу и радиус кривизны для правого и левого глаза. пример таких форм представлен здесь: http://linzaplus.ru/product_info.php/products_id/64 http://linzaplus.ru/product_info.php/products_id/222 http://www.linzshop.ru/catalog/clariti-1-day.html Вопрос такой, как проще реализовать данную задачу ? нужно ли дописывать и подключать отдельный скрипт или же можно ли использовать функционал движка? В…
0 votes4 answers -
Проблема с отображением на ipad
Всем привет, http://lassitertransportation.com/new/, выглядит ужасно на айпаде, айфоне. Хотелось бы пару советов, может какие то критичные ошибки в css или еще что, может какие то идеи в какую сторону мыслить. Буду премного благодарен.
0 votes5 answers -
карта города
Прошу совета ! Задача такая есть карта города, нужно сделать выделение района при наведнии и при нажатии переход на ссылку вида site.ru/flats/all/side/ название района города. как лучше реализовать ??? просто если бы формы картинок были прямоугльные сделал бы дивами и менял бекгроунд а так не могу придумать как седлать . Заранее спасибо
0 votes4 answers -
подскажите
Всем привет, есть задумка одна, но не знаю как реализовать.. В общем что-то наподобие электронного портфолио или сайта-визитки, выполненного по типу тетради. Проблема в реализации эффекта переворачивающихся листов, подозреваю что jquery придется использовать для этих целей, но я в нем абсолютный ноль, может быть есть знатоки, которые подскажут с чего начать? P.S.: возможно тему не там создал, извиняюсь.
0 votes8 answers -
Firefox и background
Здравствуйте. Столкнулась с непонятной проблемой. Огнелис в упор не видит стили body, точнее все, что связано с background. Сайт с большим фоновым изображением прибитым к низу страницы. Оставшееся сверху пространство заливается уже бесшовной текстурой. Так вот в Огнелисе это пространство остается белым. Может где-то в коде ошибка и я ее в упор не вижу? При добавлении контента ситуация не меняется. Текст просто идет поверх этого белого пустого пространства. Привожу код css и html: html, body {font-size:87.5% !important; padding: 0; margin: 0; background: #030910 url(img/bg_main.jpg) repeat; color: #333333; height:100%; width:100%; min-height:100%; min-width:1024p…
0 votes4 answers -
Выравнивание рисунков в слое
Здравствуйте. Возникла проблема в верстке. Существует слой с шириной 940px, необходимо разместить 4 картинки с шириной 200px в одну строку. Остальные картинки с пятой размещаются на второй строке и т.д. 1 и вторая картинки должны быть размещены впритык к левому(для первой) и к правой (для четвертой картинки). Исходя из этого, 940 - (200 * 4) = 140px. Т.е по 46px между 1 и 2, 2 и3, 3 и 4. Для этого я пробовал делать "text-align: justify". Для первой строки картинок все очень хорошо. Но со второй строки отсутствуют отступы: Ссылка на больного: http://ascin.ru/zyuzin/test.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="t…
0 votes5 answers -
css рефакторинг
Решил переименовать некоторые классы и id в css файле, а заодно и во всем остальном, что его использует (.htm .js .php и тд). Дурной работы конечно делать не хочется, тратить время на поиск использования данных классов и id во всех файлах проекта - не вариант. NetBeans предлагает такую тулзу как рефактор. Выделяем нужный id или класс -> Ctrl+R -> вводим новое имя -> preview и... и получаем (во всяком случае я) окно с незатейливым сообщением - No Patterns Found. Странно, ведь тут написано что все должно работать. Кто-то сталкивался с данной проблемой в контексте NetBeans да и вообще в контексте рефакторинга? ЗЫ. ололо вариант - реплейсить регулярками в notepad++ …
0 votes0 answers -
Съехали блоки
http:// hexlife.in.ua/index.php?id=181 <div class="content"> <div style="padding:10px 20px 10px 20px;"> <p> Другі страви</p> <div style="width:205px;text-align:center;float:left;"> <div class="ramka_galerey"> <a class="highslide" onclick="return hs.expand(this)" style="wigth:150px;height:130px;" href="/images/gallary/20120508113108.jpg"> <table cellspacing="0" cellpadding="0" style=" width: 100%; height: 100%; text-align: center; vertical-align: center;"> <tbody> <tr> <td> <img title="На…
0 votes2 answers -
Как можно скрыть ссылки на картинках
Помогите пожалуйста мне реализовать скрытие ссылок на картинках. Суть вот в чем: на странице есть текстовые ссылки и ссылки с картинок. Как можно сделать что бы ссылки с картинок были не активны (при нажатии не происходил переход), а текстовые ссылки остались как есть. Сайт стоит на ДЛЕ и класс или идентификатор к каждой ссылки сделать достаточно трудоемко, могу только всё взять в див и уже див"у назначить класс или идентификатор. Вот для примера: <div class="hidelink"> <a href="page1"><img src="image1.jpg"></a> <a href="page2"><img src="image2.jpg"></a> <a href="page3">text link</a> </div> <a href="">сде…
0 votes3 answers -
@font-face
в стилях CSS подключен нестандартный шрифт по средствам @font-face по адресу http://site.ru все работает а по адресу http://www.site.ru шрифт не подключается в файли CSS прописано так: @font-face { font-family: 'Bolero script'; src: url('../font/bolero-script-webfont.eot'); src: url('../font/bolero-script-webfont.eot?#iefix') format('embedded-opentype'), url('../font/bolero-script-webfont.woff') format('woff'), url('../font/bolero-script-webfont.ttf') format('truetype'), url('../font/bolero-script-webfont.svg#BoleroscriptRegular') format('svg'); font-weight: normal; font-style: normal; }
0 votes2 answers -
Радиальный градиент в Firefox и Chrome
Решился использовать на странице радиальный градиент. Однако обнаружил забавную вещь: При одинаковых параметрах: background-image: -webkit-radial-gradient(circle farthest-side, #FFF, #C5C5C5); background-image: -moz-radial-gradient(circle farthest-side, #FFF, #C5C5C5); Градиент отображается по-разному в Firefox и Chrome (в других пока что не проверял): Chrome: http://rghost.ru/41034060.view P.S. Видна внешняя граница градиента. Firefox: http://rghost.ru/41034084.view P.S. Внешняя граница градиента становится видна только на расстоянии от монитора. Вот такая вот штука Вроде бы все одинаково, а отображается по-разному. Как сгладить градиент в хроме я даже не знаю (увелич…
0 votes3 answers -
Границы у таблицы
Реализовано таблицей. Подскажите как сделать такие границы, а именно как их вставить?
0 votes6 answers -
Проблема с last-child
Есть вот такая структура и CSS .post:last-child <div id="content"> <div id="post-1" class="post"> </div> <div id="post-2" class="post"> </div> <div id="post-2" class="post"> </div> </div> Если такая структура то ласт чилд работает, в конце блока контента добавляю див с пагинацией <div id="pagination"></div> и ласт чалд уже не работает. В чем проблема может быть? Это вообще как-то не логично... И вообще если в конец что либо добавить даже пустой див без атрибутов то опять же ласт чилд не работает. В принципе решение нашел, но оно не удовлетворительно, это просто взять эти блоки в пустой див. а пос…
0 votes5 answers -
Как сделать такую тень на css?
Всем привет. Вот мучает вопрос, как сделать такую тень на css: http://clip2net.com/s/5rR9d5 Я с тенями пока на "ВЫ". Может лучше сделать картинкой?
0 votes4 answers -
overflow
Дорогие форумчане. Я использую overflow для чата, который сейчас делаю, чтобы вместились все диалоги. Но вот беда, при использовании его, самое старое сообщение отображается в самом верху, а мне нужно, чтобы начиналось все снизу. Если я правильно объясняю. Нужно,чтобы блок листался наверх а не вниз. Подскажите, как это можно осуществить без js?
0 votes10 answers -
SVG траблы
Подскажите плиз кто работал с svg, встраиваю svg прямо в html и все круто кроме одного - примерно 2/3 html это svg и еще гадкий jade в sublime 3 ломает индентацию (приходится ручками подправлять). Решил встроить svg спрайтами через background-image но есть проблема - не могу использовать fill, что мне делать то, отдельный спрайт для ховера делать ?
0 votes7 answers -
Выпадающий список
Доброго времени пытаюсь сделать удобную спортивную статистику, сайт собираю на joomla. Так что же хочу спросить. Как сделать выпадающий список , который при выборе списка в том же модуле откроет мне другую таблицу пример многие спортивные сайты, в которых можно сразу посмотреть несколько статистик .. http://volleypod.ru/тут есть такой ) заранее спасибо большущее , за ответ на мой глупый вопрос
0 votes0 answers