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
-
Одно изображение содержащий несколько картинок
Не совсем правильно объяснил, но вот пример: Ну и управляется это так: #btn-listview-on{ background: transparent url(http://s.ytimg.com/yt/img/master-vfl62437.gif) no-repeat scroll -555px -23px; } #btn-listview-off{ background: transparent url(http://s.ytimg.com/yt/img/master-vfl62437.gif) no-repeat scroll -555px -43px; } #btn-gridview-on{ background: transparent url(http://s.ytimg.com/yt/img/master-vfl62437.gif) no-repeat scroll -579px -43px; } #btn-gridview-off{ background: transparent url(http://s.ytimg.com/yt/img/master-vfl62437.gif) no-repeat scroll -579px -23px; } Насколько актуально использование данного способа? Насколько быстрее и корректнее происходит загрузка…
0 votes1 answer -
Динамичная шапка сайта
Вопрос такой: как сделать шапку динамичной что бы она подстраивалась под расширение юзера, под его браузер... понимаю что так можно потерять в качестве, но такова необходимость. собственно смысла нет выкладывать мой код... но если надо - скажите - положу. Спасибо за помощь!
0 votes1 answer -
Редактирование шапки в жж
Привет. Ковыряюсь пятый день с дизайном темы для жж, но понял, что без вашей помощи не справлюсь. В шапке нужно поменять шрифт темы журнала, нужный заголовок сделал в виде картинки и никак не могу его прикрепить вместо текста. Над названием нужно поместить еще одну картинку. Это все, но повторюсь не как не получается задуманное, выходит все кроме того что нужно. Буду безмерно благодарен, если сможете подсказать, как подправить код. Вот код тайтла. .header-title { background:url("http://i29.tinypic.com/ne6hl0.jpg") no-repeat scroll 50% 0 transparent; font-family:Georgia; font-size:60px; line-height:60px; margin:0 auto; padding-top:35px; text-align:center; text-transform:…
0 votes0 answers -
Растояние между боди и браузером
Не могу разобраться почему возникает пробел между боди и браузером. На картинке голубым выделен боди, всё что выше это хтмл. Хром пишет что свойства переписаны в 0, но при этом отступ продолжает существовать.
0 votes6 answers -
Подскажите. что лучше использовать в моём примере JS или PHP?
Нужно, чтобы блоки текста(небольшие описания в 30-50 слов)появлялись в определенном диве, при нажатии на определённую ссылку. Блоков около 20-30, не больше.Что разумнее использовать? Как я понимаю, при JS в браузер загрузятся все эти 20-30 блоков одновременно и надо будет руководить их видимостью? Или же имеет смысл каждый раз обращаться к серверу для вызова определённого блока?
0 votes11 answers -
реализация полупрозрачной полосы на две-колонки
Здравствуйте! нужно корректно сверстать полупрозрачную полосу, все хорошо можно было бы решить z-индексом, проблема в том что правая половина находится под этой полосой, левая с текстом над ней. решил разбить полосу на две части и попробовать используя {background: rgba( 184, 58, 237, 0.7);} справиться с этой задачей. но при разных размерах экрана полосы "плывут" относительно друг друга. абсолютное позиционирование превращает текст в левой части в кашу. Подскажите как справиться с этой задачей не разбивая эту полосу на две части?
0 votes18 answers -
DOCTYPE и XHTML
Добрый вечер всем! Начал читать раздел, посвящённый XHTML. Возник сразу же вопрос. Какой тип документа лучше указывать? Который применяется для HTML5? Или же который применяется для XHTML 1.1?
0 votes4 answers -
Фоновое изображение по краям монитора
Здравствуйте. Не могу решить задачу: есть декоративная рамка, её нужно пустить (с повторением естественно) по краям монитора (вне зависимости от разрешения...). Вопрос: возможно ли это реализовать средствами CSS 2.x? Или только через CSS3 путём добавления нескольких фоновых изображений? Я это вижу так, что нужно пустить 4 фоновых элементов рамки (сверху, справа, слева, снизу с соответствующим репитом для каждого). При этом ещё долэны быть углы рамки в виде декоративных квадратов - их просто раскидать по 4 углам. Подскажите, может есть какие-то ещё варианты? И правильно ли я рассуждаю? Заранее благодарю за подсказки.
0 votes3 answers -
Один блок в центре страницы и футер всегда внизу
Друзья, помогите, пожалуйста. Задача: блок фиксированных размеров должен быть выровнен по центру страницы (по вертикали и по горизонтали) Внизу должен быть футер фиксированной высоты, который прилипал бы к низу страницы. При уменьшении размеров окна футер не должен наезжать на центральный блок - должна появляться полоса прокрутки. Для наглядности, вот что должно получится: Уйму вариантов перепробовал, но так чтоб работало в IE 7,8,9, FF, Chrome - не могу сделать. Буду очень благодарен за советы
0 votes6 answers -
Хром двинулся
Здравствуйте. Проблема не дает мне спокойно сдать проект заказчику: Вся проблема в том, что в хроме все изображения, которые я задаю как фон для div'ов двинулись на 1px влево, или же фон (body) двинулся на 1 px вправо и другие картинки не вписываются и оставлюят такую пустоту. В чем проблема и как ее можно решить? Зарание благодарен.
0 votes6 answers -
почитать про адаптивную вёрстку
посоветуйте пожалуйста что можно почитать про адаптивную(responsive) вёрстку хотя бы на нерусском языке. в гугле что-то не получается найти ничего толкового. одни шаблоны платные попадаются или подобное в частности интересна работа со шрифтом. но вообще нужна любая информация
0 votes7 answers -
Проблема с кодировкой
Привет. Подскажите что за проблема у меня такая, вот сайт http://vsja4ina.tw1.ru/ в хроме, опере, ИЕ открывается нормально но в фаифрксе открывается голый код вместо странички пошамагил с кодировкой и в UTF-8 когда сохраняю фаирфокс все отлично открывает но хром отказывается видеть стили сохарняю в юникоде и все возращается обартно. в чем может быть проблема? и это появилось поле последнего обновления хрома
0 votes7 answers -
резиновая шапка
здравствуйте, скажите пожалуйста, есть максимальная и минимальная ширина сайта. создаю див для шапки, указываю минимальную и максимальную ширину (те же значения что и всего сайта), в этом же классе (у дива) дополняю параметр в виде width:100% для img и в штмл шаблоне прописываю код для картинки. При уменьшении или увеличении экрана картинка "сжимается", как будто дверь в метро закрылась и не успели выйти. пробовал повторить ширину 100% для картинки в самом теге <img> - все равно сжимается. как быть? спасибо!
0 votes6 answers -
Как сделать это?
http://hostingkartinok.com/show-image.php?id=8c6819cb4a5581f1730c8b670e18fee3 имею в виду чтобы длина белого фона зависела от длины текста. p.s. без использования нескольких html элементов, а имея один, например <p>. реально?
0 votes9 answers -
<input type='text'> с display:table-cell и width:100%
Доброго времени суток. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>Документ без названия</title> <style> .table { display:table; width:100%; } .table-cell { display:table-cell; border:solid 1px black; } .aaa { width:100%; } </style> </head> <body> <div> <form class='table'> <div class='table-cell'>текст</div> <input type='text' class='table-cell aaa' maxlength='50'> <input type='submit' value='отправить' class='table-cell'> </form> </div> </body> </html>…
0 votes1 answer -
проблема с рамкой
нович?к в верстке divами. наткнулся на такую проблему: рамка которая поставлена на div в который я поместил вс? остальное оборачивает только верхние два дива, но почему-то игнорирует нижнюю часть - в которой правому и левому элементам заданы значения float - right и left соответственно. когда убираешь флоаты - рамка оборачивает все. в ч?м тут дело?
0 votes2 answers -
background под тегов h2
Добрый день! условие - работающий довольно большой сайт. задача - сделать так, чтобы под всеми тегами h2 был background растягивающийся по ширине в зависимости от содержания (кол-ва букв). найденное промежуточное решение: h2{ display: table; background: #DFEAF2 url(../images/bghead1.gif) repeat-x; } проблема - в эксплорере, к сожалению не работает display: table; соответственно ширина подложки никак не зависит от текста и растягивается в всю ивановскую. просьба - помогите описать стилями этот злополучный тег, чтобы бг все таки был только под текстом. заранее спасибо.
0 votes2 answers -
Не работают ALTы
Прошу помочь разобраться. На сайте _http://www.technolog.cz/broziat-cz/ почему-то не работают теги ALT. Ко всем картинкам прописаны ALTы но при наведении мышкой на картинку не показываются.
0 votes3 answers -
заставка для сайта
Есть такая возможность вставить на страницу либо какой то рисунок, либо flash-ку которые бы висели пока не загрузится весь сайт с его всеми изображениями и содержимым? Можно ли вообще обойтись без флэша? то есть как то отследить что все рисунки уже загрузились и тогда убрать первую картинку?
0 votes3 answers -
inline-block
вместо флоатов решил попробовать в очередной раз inline-block. и не могу понять почему в IE не работает как надо. http://shadow.rxfly.net/1/delete.html делал по примеру в который раз уже не получается. что не так делаю?
0 votes4 answers -
чем заменить в html5 frameset?
оно конечно спорно по применению, но вот оптимальнее в конкретном случае варианта нет. есть предложения по замене? использование вебсервисов возможно, но нагораживается слишком много кода....
0 votes1 answer -
пропажа кнопок
Здравствуйте меня зовут сергей я создал всего один сайт на локальном компьютере мой сайт отображался во всех из ниже перечисленных браузеров opera google chrome Internet Explorer так как и было задумано но как только я загрузил сайт на хостинг все кнопки пропали а точнее картинки кнопок прописаны они так <div class="bottom_1"> <a href="index.html"> <img src="img/лого.gif" alt="img лого" /> </a> </div> помогите пожалуйста решить эту проблему
0 votes6 answers -
Искажение шрифта в IE7 и ШУ9-10
Получил искажение текста (шрифта) в самодельном выпадающем select-е. Проблема наблюдаема в только IE7 и IE9-10. В остальных браузерах проблемы нет. Когда я прокручиваю список ползунком вниз, у некоторых пунктом искажен текст. Он или вытянут по высоте или приплюснут. Когда я навожу указатель мыши на эти пункты, текст становится нормальным. Пробовал разные шрифты, это не помогает. Ничего особенного в css не применялось: font-size, line-height, padding, hover и так далее. Скрин (искаженные пункты селекта отмечены стрелками): The items of the drop-down select are loaded by the .js. It has the following code: window.indx = 1; $(document).ready(function () { $.fn…
0 votes3 answers -
css-reset для элементов форм
Здравствуйте! Давно интересует такой момент. Вот всегда, пока верстаю, встаёт одна и таже проблема. Добиваюсь практически попиксельного отображения во всех версиях браузеров, включая 7го осла. Но как только дело доходит до форм - всё, пиши пропало. В одном браузере выше, в другом ниже, в третьем - левее, в четвёртом - чекбокс не выравнивается внутри лэйбла и ещё куча-куча разных проблем. Я не знаю, может я такой тупой и уже давно всё придумали, но что-нибудь вроде css-reset для элементов форм в природе не существует? Понятное дело, что особенности есть, и их всё-равно нужно учитывать, но может быть они уже где-то расписаны? В этом вопросе гугл мне не помог :-( P.S. также…
0 votes2 answers -
Добавление класса
Здравствуйте, есть такая задача: Есть навигация, на ней ссылка Login, которая открывается через fancyBox, а в ней кнопка, при нажатии на которую нужно, что бы это всплывающее окно закрывалось, и в главном окне открывалась ссылка из кнопки. Насколько я понял, то это можно сделать через addClass - removeClass. Кто нибудь подскажет как это можно реализовать, потому что в jQuery я не силен. Заранее спасибо
0 votes8 answers