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

29,542 questions in this forum

  1. Поведение img и a при абсолютном позиционировании в IE

    В итоге некоторых мучений создал тестовый код, который в IE и в браузерах ведет себя по разному. Вот ссылка img-click-test Тут слой с картинкой (z-index:10) размещен под слоем со ссылками (z-index:1000). При чем одна ссылка залита фоном, другая - нет. Собственно, там, где слои пересекаются, не залитая ссылка перестает кликаться. Это проявляется во всех версиях IE включая 9. Удалось починить багу дедовским способом пусканием фона с прозрачной картинкой на ссылке. Может кто знает, как можно решить это более элегантным способом без лишней графики? <!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> #img…

    Asked by keltanas,

    0 votes
    2 answers

  2. Почему не работает вертикальное центрирование через line-height?

    Доброе утро, здравствуйте. Тут http://learn.javascript.ru/css-center нашел рекомендацию для центрирования одной строки, когда line-height надо сделать равным height блока. Применил этот принцип на разрабатываемом сайте к блоку c id = "baner2". Результата в выравнивании логотипа нет. Из-за того, что это не текст?

    Asked by borus,

    0 votes
    1 answer

  3. Получить селектор автоматически возможно?

    Здравствуйте. Есть ли в Хроме в инструментах разработчика(или Firebug, т.п.) средства, позволяющие автоматически получить селектор какого-нибудь тега, которому дальше потребуется прописать стиль? Благодарю

    Asked by borus,

    0 votes
    7 answers

  4. Как вывести футер после блока с абсолютным позиционированием?

    Сайт в две колонки, левая позиционирована абсолютно, в ней находится дерево категорий. Правая имеет отступ от левого края, в ней находится контент. Проблема в том, что если контента мало, то футер рисуется поверх левой колонки. Как сделать так, чтобы футер выводился после левой колонки, а не на ней? .content_left { position: absolute; } .content_right { margin-left: 300px; width: 930px; }

    Asked by Rooner,

    0 votes
    4 answers

  5. Выравнивание элемента под изображением

    Есть двухколоночный макет, есть DLE, есть статья с изображением и категория к которой она принадлежит. Не могу разобраться как категорию прижать к концу статьи (место обозначил зелёным). <span class=catclear><small class=categoryfullstory>Категория:</small> {link-category}</span>span.catclear { clear:both; font-family:Courier New; } И почему, когда у категории вместо <span class=catclear> стоит <div class=catclear>, то категория сползает вниз.

    Asked by Delat,

    0 votes
    5 answers

  6. Подскажите как сделать

    Всем привет. Подскажите пожалуйста, как мне на сайте http://verstka-primer.esy.es/Bio/в слайдере картинка йогурта сначала стоит рядом с текстом. Но при перелистывании слайдера картинка получается с права. А нужно чтоб она постоянно стояла возле текста, при перелистывании. Подскажите пожалуйста как мне сделать.

    Asked by Shenia132,

    0 votes
    4 answers

  7. Сделал блок div ссылкой. Появилась фиолетовая рамка. Как её убрать?

    <body><table class="top"><div class="layer1"><a href="remzona.html"><img src="1.png"></a></div><div class="layer2"><a href="index.html"><img src="2.png"></a></div></table> <table class="bottom"><div class="layer3"><a href="kuzremont.html"><img src="3.png"></div><div class="layer4"><a href="avtomoika.html"><img src="4.png"></div></table> </body>CSS .top { margin: auto; } .bottom { margin: auto; } .layer1 { background-color: white; /* Цвет фона слоя */ padding: 0px; /* Поля вокруг текста */ margin: 0px; /…

    Asked by lsw,

    0 votes
    2 answers

  8. верстка слайда

    Доброй ночи всем. Сижу уже который день и не могу ничего придумать. Надо сверстать шестиугольный слайд. Т.е. чтобы картинка загружалась прямоугольной формы а выводилась в виде шестиугольника еще и с рамкой. Помогите пожалуйста. СЛАЙД

    Asked by swear0,

    0 votes
    5 answers

  9. Корректное использование правила

    Доброго дня уважаемые коллеги. Подскажите пожалуйста, корректно ли я пользуюсь свойством flex-grow для того, чтоб элемент занял все доступное пространство? Пример: https://jsfiddle.net/uvbc8wtc/ П.С. Только, пожалуйста, не надо цитировать справочник. Прекрасно знаю, что это свойство "Определяет жадность отдельного элемента относительно других" и т.д. Интересует или может можно как-то по другому автоматически заполнить все доступное пространство и вообще правильно ли я делаю все таким образом. Заранее спасибо за любую помощь.

    Asked by Velidan,

    0 votes
    1 answer

  10. Посчитать остаток ширины

    Здравствуйте. Мне бы хотелось высчитать остаток ширины соседа. Есть контейнер на всю ширину монитора. Сосед-1 - картинка, ширину ми можем получить. Как узнать ширину соседа-2 - 100% минус ширину соседа-1. Как это правильно записать? var width = ($('.сосед-1').width());var restWdth = загадка; $('.section-banner').css({ 'width': width+'px' }); $('.section-content-wrapper').css({ 'width': restWdth+'px'});

    Asked by kattiperk,

    0 votes
    2 answers

  11. Обход ограничения

    Здравствуй уважаемый веб-мастер, если ты всё таки решился прочитать то что я здесь написал, то я уже бесконечно тебе благодарен за то что ты тратишь своё драгоценное время на меня! Я вынужден обратиться к тебе за помощью, надеюсь что не откажешь. Есть сайт, с которого я хочу по тихому свистнуть и убежать огромное количество контента. Скачивать хочу благодаря прямым ссылкам на эти самые файлы, которые в свою очередь я собрал с помощью PHP, но подлец-сервер не даёт мне этого сделать. Спустя некоторое количество удачных скачек, он буквально разрушает наши отношения на корню. Честно говоря, я пока так и не понял как именно работает механизм защиты но вроде бы прокси…

    Asked by Морская улиточка,

    0 votes
    2 answers

  12. Текст в блоке вертикально по центру

    Как сделать без использование таблицы вертикальное центрирование текста в блоке? То есть внутри <span>текст</span> с displan:inline-block; и заданной фиксированной высотой нужно, чтобы текст был отцентирован по вертикали. Если бы текст был в одну строку, то я бы просто задал line-height. Но текст может состоять и из нескольких строк.

    Asked by PavelTkachev,

    0 votes
    1 answer

  13. Как сделать из кнопки ссылку

    Здравствуйте! Мне потребовалось решить задачу прямо обратную той, что решают обычно, то есть превратить КНОПКУ в ССЫЛКУ. Как это сделать кроссбраузерно?

    Asked by hike,

    0 votes
    3 answers

  14. Поведение адаптивного дизайна

    Вот песочница https://jsfiddle.net/o82kLqdn/1/ Там есть боди с размером 600рх, в нём контейнер 521рх в котором три блока по 164рх с отступами по 10рх. Я всё это сделал резиновым, т.е. делил внутренние блоки на внешние получал размер. Теперь при получении нужных размеров всё работает и размер остался таким каким должен быть. Но когда я сужáю размер окна последний блок вылетает... из-за чего такое поведение ведь всё держалось на месте.

    Asked by aqua.77,

    0 votes
    3 answers

  15. 2 строки центрировать вертикально относительно изображения

    Есть много способов вертикального центрирования, описанных здесь http://learn.javascript.ru/css-center Но мне они не подходят. У меня есть иконка 90x90 и центрировать относительно нее 1 строку не проблема, но когда я стараюсь отцентрировать 2 строки (в одном параграфе, их разделяет br), ничего не получается. Обращаюсь к Вам за помощью, может кто-то уже встречался с этой проблемой и подскажет, как ее решить.

    Asked by hike,

    0 votes
    2 answers

  16. Помогите начинающему!

    Добрый день, необходима сделать вот такой выпадающий список и выпадающее меню с описанием выбранного чекбокса. Кто нибудь подскажите, как это сделать или в каком направлении рыть инфо???? Спасибо.

    Asked by Pers,

    0 votes
    1 answer

  17. Аттрибут checked у звездного рейтинга не перемещается

    Есть реализация звездного рейтинга. Она работает. Но аттрибут checked не перемещается на выбранный инпут, а остается там же где был. Вот например, стоит оценка 3 из 10 (т.е. аттрибут checked на 3 инпуте), мы хотим поставить оценку 6 из 10 и визуально это срабатывает, но аттрибут checked так и остается на 3-ем инпуте вместо 6-го. Это важно, т.к. эта информация нужна бэкэндеру. Получается ему придет неверная информация Как сделать чтобы аттрибут checked тоже пермещался на выбранный инпут? Только на js это получится реализовать? https://codepen.io/anon/pen/NJGMgv

    Asked by yaparoff,

    0 votes
    1 answer

  18. Адаптивная верстка блоков сайта

    Здравствуйте! Только начинаю делать сайты, прошу помощи в следующем вопросе. Сайт использует систему сеток bootstrap-4. На главной странице идет перечень товаров-блоков. Причем, необходимо сделать так, чтобы при размере экрана >1200 в один ряд было 4 блока, при размере 768<экрана<1200 было 3 блока в один ряд, при размере 576<экрана<768 было 2 блока в один ряд и при размере экрана<576 был один блок в один ряд. Конечно чтобы блоки занимали максимальную ширину. И самое главное! Надо сделать так, чтобы при изменении размера экрана и соответственно количества блоков в одном ряду переходящие вниз блоки занимали все пустые места, то ес…

    Asked by rafaello9,

    0 votes
    1 answer

  19. Изменение размеров формы

    Возможно ли где-то указать высоту формы?, ну высоту формы это наверное неправильное выражение, но все же поясню что я имел в виду: у меня есть табличка в одной из ее ячеек есть форма, а в ней соответственно всего лишь одна кнопка, но т.к. в эту ячейку я вписываю кнопку, то высота ячейки увеличивается. Возможно ли это как то исправить? вот кусок кода: <td align="center" class="ppp"> <form method="POST" action="<?php echo $uril; ?>"><button type="submit" name="logout">Выход</button></form> </td> Речь идет о меню, в шапке, и поэтому высота этой таблицы имеет значение. Заранее спасибо.

    Asked by jeck111,

    0 votes
    7 answers

  20. трабла с комментами

    Здрасте всем! Снова проблемы и снова только к вам уважаемые форумчане Натягивал тут не спеша себе диз на дле, все отлично, все шло как по маслу, но тут давай тестить и смотрю комменты не пашут, при попытке добавить коммент пишет -Hacking attempt! Далее понял, что виной всему то, что я в шаблоне comments.tpl задал значения элементам через id и class (ну все как полагается), все вынес в стиле, но вроде так и верстается или я ошибаюсь В общем может кто знает в чем дело, буду очень признателен!

    Asked by JIucky,

    0 votes
    1 answer

  21. Помогите пожалуйста!

    На сайте стоял опрос. Потом на сайт поставил поиск от Гугла. Теперь когда в форму поиска пишешь запрос и нажимаешь поиск - появляется форма голосавания в отдельном окне. Как так получается? Вот это голосование <? require("vote/nastrojki/voprosy.php"); ?> <table width=140><form method=get action=vote/vote.php target=vote onSubmit="window.open('','vote','scrollbars=0,width=200,height=270,top=20,left=20;');" return false;><tr> <td><p><? echo "$vopros"; ?></p></td> </tr><tr> <td><input type=radio name=golos value='variant1'><? echo "$ot1"; ?></td> </tr><tr> <td><inpu…

    Asked by LBM,

    0 votes
    2 answers

  22. expression в ie6

    помогите правильно составить expression для ie6 намучился с другой проблемой, моск кипит, так что уже не могу разобрать нормально ничего.. выдает синтаксическую ошибку .page { width:expression(document.body.clientWidth>1005? expression(document.body.clientWidth>1400? 1400 : 100%) :'1005px'); } нужно, чтобы если ширина окна > 1005 и меньше 1400, то ширина .page была бы 100% иначе min 1005, max 1400 заранее спасибо ошибка из-за кавычек была .page { width:expression(document.body.clientWidth>1005? expression(document.body.clientWidth>1400? '1400px' : '100%') :'1005px'); } однако свою функцию данный экспрешн не выполняет...

    Asked by theo_,

    0 votes
    3 answers

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

    Привет всем! junasoftware.com Поспорил что смогу содрать данное меню с сайта. Я сохранил страницу данного сайта себе на комп (хтмл код, все css и картинки). Страница открывается с компа и отображается так-же как и на сайта джунасофт, только меню выпадающее не работает. В чем может быть причина? Может у вас получится сохранить страницу данного сайта с работающим выпадающим меню? Прошу помощи. Спасибо.

    Asked by MoT9I,

    0 votes
    2 answers

  24. Что за ошибка

    Line 184, Column 29: character "&" is the first character of a delimiter but occurred as data <li><a href="" >Kato & Jon - Turn The Lig...</a></li> This message may appear in several cases: You tried to include the "<" character in your page: you should escape it as "<" You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe. Another possibility is that you forgot to close quotes in a previous tag.

    Asked by Mr.Black,

    0 votes
    5 answers

  25. float:left — выталкивание нижестоящего контейнера

    Приветствую, односельчане Прошу о небольшой помощи по верстке — буду очень признателен вам за советы. Поставил фотогалерею NextGEN на этот сайт. И заметил, что фотографии странно себя ведут: Привожу html-код левой верхней фотографии (см. скриншот выше) <div class="ngg-gallery-thumbnail-box" id="ngg-image-26"> <div class="ngg-gallery-thumbnail"> <a rel="lightbox[set_4]" title="Применение сигнализаторов загазованности RGD" href="http://seitron.ru/wp-content/gallery/objects/obj1.jpg" class="cboxElement"> <img width="250" height="188" src="http://seitron.ru/wp-content/gallery/objects/thumbs/thumbs_obj1.jpg" alt=" " title=" "> </a> &l…

    Asked by dreamcutter,

    0 votes
    9 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