Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Выпадающее меню

    Здравствуйте! Подскажите, как сделать, чтобы выпадающее меню было закрытым. По умалчиванию оно открыто, только при нажатии закрывается. А нужно наоборот: чтобы было закрытое, а при нажатии открывалось. Вот код: https://jsfiddle.net/x15kgcc7/1 Спасибо.

    Asked by Alfa2015,

    0 votes
    4 answers

  2. Картинка (при уменьшении броузера)

    Здравствуйте Помогите пожалуйста решить следующую проблему. Есть попытка сделать картинку в хедере так, чтобы при уменьшении броузера она адаптировалась под размеры. Что то идёт не так, и когда уменьшаешь броузер - часть картинки задвигается налево и становится видно только правую часть картинки. Если есть время, то помогите пожалуйста. .logoheader { background: url(../img/pics/headerpic.png) no-repeat right; bottom #0C1A3E; color: #FFFFFF; min-height: 250px; } #header { display: block !important; position: relative; padding: 1em 0 0 0; /* 8em 0 0 0 */ overflow: hidden; }

    Asked by Barik,

    0 votes
    0 answers

  3. Стиль спойлера

    Добрый день, форумчане. Помогите, пожалуйста, справиться со стилем спойлера. http://primfile.com/video/hud-films/25-spoiler.html Вот здесь сверху и снизу рамки спойлера большой отступ до текста. Как его можно уменьшить? я пробовал margin, padding.. ничего не помогает. вот какие настройки в данный момент: .title_spoiler { text-align: justify; font-weight: bold; color: #636363; background-color: #ECE1FE; border: 1px dotted #bebebe; padding: 1px; } .text_spoiler { color: #757575; background-color: #DEEDFA; border: 1px dotted #bebebe; border-top: 0; text-align: justify; padding: 1px; }

    Asked by mementos,

    0 votes
    1 answer

  4. Ошибка в условных коментариях

    Пишу 2 условных комментария. <!--[if lte IE 7]> <style type="text/css"> .shr{font-size:15px; margin-top:-20px; } </style> <! [endif]--> <!--[if IE 8]> <style type="text/css"> .shr{margin-top:0px; } </style> <! [endif]--> Получается что в браузере ИЕ7, всё нормально отображается как и хотел при использовании условного для ИЕ7, как начинаю писать такое для ИЕ8, так как в нём нужно тоже, расплывается всё. Что делать?

    Asked by people2010,

    0 votes
    2 answers

  5. Проблема с блоком - обвёрткой

    Добрый день. На принте видно, что основной блок - обвёртка <wrapp> как то странно себя ведет, налазиет на свои дочерние блоки при уменьшении окна, другими словами он не растягивается по высоте дочерних блоков, а вытягивается по высоте экрана. Такого же быть не должно. Как сделать так, что бы у него минимальная высота была не меньше чем суммарная высота его дочерних блоков? Заранее спасибо. Пример кода HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> &…

    Asked by yujin11,

    0 votes
    1 answer

  6. web сервер отдаёт поврежденные картинки.

    Привет, есть сайт на xampp: new.sandart.in.ua как Вы можете видеть картинки на нем повреждены, в них вставляется текст: /* * Sizzle CSS Selector Engine - v0.9.3 * Copyright 2009, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * More information: http://sizzlejs.com/ */ в исходниках сайта картинки внорме. Ктото видел такое раньше?

    Asked by SuperPuperLesha,

    0 votes
    0 answers

  7. Нестандартные кнопки социальных сетей

    Думаю все видели, но прикладываю на всякий случай пример. Я тоже где-то видел на работающем сайте - теперь проблема найти где. Проблема и в реализации с нуля, если наложить сверху картинки абсолютным позиционированием и передавать клик на реальные кнопки скриптом, то как? Ведь все соц-кнопки загружаются в iframe'ах, разумеется с другого домена, значить кликнуть ссылку внутри такого фрейма не представляется возможным. Разве что прибегнуть к проксированию этих кнопок. Может кто знает попроще реализацию? П.С. где-то видел еще он-лайн генератор подобоных кнопок, тоже не могу найти. В общем пропасть ).

    Asked by jomcat,

    0 votes
    1 answer

  8. Выбор картинки кликом

    Привет, ребят вот конструкция: радиобатон а рядом картинка. Картина выбирается этим радиобутоном, подскажите плз как сделать так чтоб картинка выбиралась кликом и на нее и она бы подсвечивалась при наведении на нее?? спасибо! <div class="blockbegun"> <input type="radio" name="begun" value="1"> <img src="/srv/images/b11.gif" border="0" align="absmiddle"> </div>

    Asked by djforce,

    0 votes
    1 answer

  9. Подсказки как в яндексе

    Добрый день. Нужно реализовать подсказки как на яндексе ссылка, слева в блоке "цифровые фотоаппараты" возле полей есть вопросики, кликнув по которым всплывает окно. Т.е нужна подсказка не привязанная к мышке. Подскажите пожалуйста где найти такой скрипт? у меня есть вот такая подсказка можно ли её отредактировать так чтобы она не привязывалась к мышке и можно было уже в подсказку всунуть например ссылку? $(document).ready(function() { //Подсказки $(".tip_trigger").hover(function(){ tip = $(this).find('.tip'); tip.show(); //Показываем подсказку }, function() { tip.hide(); //Скрываем подсказку }).mousemove(function(e) { var mousex = e.pageX + 20; //Получа…

    Asked by Modestes,

    0 votes
    5 answers

  10. Нужна помощь с Lightbox

    Добрый день, нужна помощь. Не могу запустить lightbox вот на этой странице http://www.arabellatravel.ru/528.html Подскажите пожалуйста где ошибка?

    Asked by p0wS,

    0 votes
    3 answers

  11. Проблема с тенью и градиентом

    Добрый день, форумчаны! Столкнулся с несколькими проблемами с версткой и прошу Вашего совета как пофиксить 1 Это кросбраузерность теней в разных браузерах. Для генерации тени для блока использовал вот этот сервис css3generator.com Проблема в том что в разных браузерах разная интенсивность тени. Это нормально? Код тени таковой -webkit-box-shadow: 0 3px 10px -4px #555555; -moz-box-shadow: 0 3px 10px -4px #555555; box-shadow: 0 3px 10px -4px #555555; Это нормально? Само лучше показывается FireFox 2. Это кросбраузерность градиенты А точнее у меня глюк отображения градиента в 2 браузерах опера и експлоер У меня не отображается не градиент и не картинка Вот так в…

    Asked by grifin85,

    0 votes
    4 answers

  12. Проблемы с :after

    добавил в файл стилей .field-name-field-img-poster .field-label:after { content: "кликабельны"; color: #808080; font-weight: normal; font-size: 12px; } Но почему то вместо слова "кликабельны" появились ромбики с восклицательными знаками. Проблема с кодировкой? как исправить? http://vtrailere.ru/2012/treyler-k-filmu-ohotnik (смотрите где постеры)

    Asked by smirn0ff,

    0 votes
    2 answers

  13. Семантика html5

    Здравствуйте дорогие эксперты и форумчане! У меня вопрос по поводу семантики, связанный с новыми тегами html5. А конкретно такая ситуация: нужно сделать раздел <section> и, естественно, сделать так, чтобы контент отображался нужным образом. Как, с точки зрения семантики, сделать правильно: - <secton> будет "оберткой" всех блоков, правильно формирующих фон и положение для контента; - <section> вложена в несколько <div>'ов. Тогда <secton> можно спокойно наполнять контентом. Сам пытался разобраться в этой проблеме. Сделал бы <section> "оберткой", но не рекомендуется применять его для стилизации. Вроде как он должен содержать только контент…

    Asked by EVGENi,

    0 votes
    2 answers

  14. Проблемы с Wordpress темой

    Доброго времени суток, помогите разобраться с таинственным поведением верстки после "натягивания" на WP. Верстка делается в соответствии с шаблоном, проверяется PixelPerfect'ом, все супер, но после "соединения" с WP, появляется ряд недочетов, в частности: - межбуквенный интервал в заголовках (в верстке указан 1рх, на WP пришлось уменьшить до 0,6рх - и верстка и тема прошли PixelPerfect), - поведение блоков (позиционирование по правому краю с помощью флоата) ... может что-то пропускаю, может в WP есть таки какой стиль, который перебивает каким то образом стили темы, но вроде бы такого быть не может... раньше замечались расхождения, но под руками не было PixelPerfec…

    Asked by Anuksanomun,

    0 votes
    1 answer

  15. красивое выравнивание блоков по ширине

    была когда-то в интернете хорошая статья по кроссбраузерному выравниванию блоков по ширине. сейчас её результаты в последней версии оперы отображаются так подскажите пожалуйста, это статья устарела или всего лишь мой браузер глючит?

    Asked by cyklop77,

    0 votes
    3 answers

  16. Ползунок

    Ищу скрипт, с хорошей костомизацией. В гугле искал есть, но хотел увидеть те решение которые наиболее используемые.

    Asked by okunev2,

    0 votes
    5 answers

  17. Bootstrap. С чем его есть?

    Доброго всем. Задался целью изучить bootstrap, но посидев и почитав офф. русские сайты про него всё равно не понимаю ничего. Так было когда-то и с JS, не понимал, а потом в один момент понял, что всё просто, но почему-то раньше не мог его догнать вообще. Может посоветуете, как его изучить?

    Asked by Tobey,

    0 votes
    3 answers

  18. Как выровнять картинку по горизонтали без указания ширины?

    Возможно ли выровнять картинку по горизонтали без указания ширины? Я сделала это с помощью padding'а....но последняя картинка не выровнена посередине относительно текста и понятно почему. Как сделать выравнивание правильно? Вот код: http://cssdeck.com/labs/ryg3qje3

    Asked by Alfa2015,

    0 votes
    3 answers

  19. Прошу помощи в понимении меню

    Добрый день. В интеренете нашел статью о создании мега меню http://ruseller.com/lessons.php?rub=2&id=750 мне не ясен смысл использования некоторых CSS парамеров: Например: #menu li { ... display:block; ... } я понимаю что это свойство display:block; делает из #menu li блочный элемент, но зачем? Если мы его таковым не сделаем, li будет вести себя иначе?

    Asked by hitec,

    0 votes
    5 answers

  20. Сайдбар, как скрыть подрубрики

    Помогите с рубриками, не могу понять какой написать код, чтобы в сайтбаре отображались лишь рубрики, а подрубрики разворачивались по клику соответствующей рубрики. Мой файл sidebar.php почти пустой по теме <?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?><aside class="sidebar col-md-3" role="complementary"><?php dynamic_sidebar( 'sidebar-1' ); ?></aside> <!-- end sidebar --><?php endif; ?> Кто может подсказать буду очень признателен!Хочу сделать именно через код без применения плагинов.

    Asked by Mizorg,

    0 votes
    1 answer

  21. выравнивение таблиц и изображения

    Есть таблица и есть изображение. У таблицы стоит float: left. Изображение же нужно вывровнять так чтобы оно было рядом справа от таблицы, но не справа от экрана. Как ни крутил но изображение упорно появляется во-первый над таблицей, а не на одном уровне (по высоте) с ней как мне нужно. Во-вторых размер изображения почему-то подгоняется под ширину таблицы... Ну и в третих какое бы я выравниевание не задавал для изображения, оно отображается только слева екрана если есть эта таблица... Вопрос. Как сделать чтобы иозбражени было немного справа от таблицы? К сожалению в этом форуме нету кнопочки удалить тему После того как сам прочитал свой пост, понял что я тупо забыл постав…

    Asked by kenu,

    0 votes
    0 answers

  22. position:absolute; и колонки равной высоты

    Использование: margin-bottom:-32767px;padding-bottom:32767px; для создания макетов с колонками одинаковой высоты, имеет не приятный момент - не корректная работа меток-якорей. Предлагаю ознакомиться с иным решением проблемы: Статья Пример

    Asked by gordi,

    0 votes
    0 answers

  23. IE плохо показивает страницу

    Делал верску ,в всех браузерах нормально показивает (скрин) но в IE плохо (скрин) Там 2 ошибки ,тоисть профиль наежает на лого и перекривает и контейнер держитса профиля(на скрине видно ,так как профиль дал в бордер так же как и контейнер) Как можно решить проблеми,кто подскажеш??? Демо сайта : http://fefeq.ucoz.ru/ Спасибо

    Asked by Mr.Black,

    0 votes
    2 answers

  24. Подсказки на странице

    Иногда когда наводишь на странице на какой-нибудь элемент появляется подсказка. Обычно просто текст. Как можно этот текст сделать и оформить? Скриншот сделан с этой странчки:http://ge1i0n.mybrute.com/cellule Наведите на "Speed" например и вы увидите что я имею ввиду, если непонятно выразился.

    Asked by Ge1i0N,

    0 votes
    5 answers

  25. Влияние padding'а элемента на соседние элементы той же строки

    Всех приветствую. Есть пример: http://indeego.ru/button.html При нажатии на кнопку у нее меняется padding сверху и снизу, причем в сумме они дают то же значение, что и в отпущенном состоянии (см. код). Проблема заключается в том, что это изменение передается другим элементам, расположенным в один ряд с исходной кнопкой (если в примере понажимать кнопку, текст слева от нее двигается вместе с текстом кнопки). Нужно средствами CSS сделать внутрикнопочный padding как бы независимым и не влияющим на окружение. Пока что помогает только назначение кнопке какого-нибудь float (left или right), но этот вариант не очень устраивает, т.к. изменяется расположение самой кнопки. Есть ли …

    Asked by DanLuchinsky,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept