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. Как сделать, чтобы изображения слайдшоу показывались полнстью вне зависимости от экрана?

    Здравствуйте. Упрощённый вариант слайд-шоу: http://codepen.io/Kristinita/pen/dMygQj . Хочу сделать так, чтобы изображения показывались на различных экранах только полностью, а не обрезками, как на скрине ниже . Т. е. если картинка не достигнет на экране определённой высоты, то пусть отображается только при вертикальном скроллинге. Эксперименты с min-height ни к чему не привели. Не могли бы подсказать, что не так? Спасибо.

    Asked by Саша Черных,

    0 votes
    0 answers

  2. Позиционирование и z-index пунктов верхнего меню

    Привет всем специалистам в HTML и CSS! Проблема такая: В CMS ShopScript (Webasyst), пункты верхнего горизонтального меню скрываются ниже расположенными элементами сайта. Все попытки назначить элементам верхнего меню позиционирование и z-index (от 1000 до 100000) не помогли. Буду благодарен за консультацию, как вывести пункты раскрывающегося горизонтального меню над нижерасположенными элементами сайта. См. здесь: http://warmray.org/

    Asked by web-master,

    0 votes
    0 answers

  3. this.style.? - помогите разобраться

    Здравствуйте. Возник такой вопрос. Имеется, скажем, конструкция: this.style.border = '#ff0000 2pt solid' или this.style.background = '#fff'. Такие конструкции позволяют присвоить некоторые стили элементу, а есть ли нечто, вроде: this.style.??? = '<имя_класса>'. Т.е. можно как-то повлият не на одно какое-то свойство, а сразу присвоить ранее определенный стиль? Спасибо.

    Asked by UNIX,

    0 votes
    2 answers

  4. floating DIVs

    давно не дает покоя эта проблема, когда родитель плавающего блока не растягивается под плавающие в нем объекты иными словами хочу сделать так но если делать только DIV-ами получается вот так вот в HTML http://bolotnikoff.com/pub/qwer.html вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>floating DIVs</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> </head> <style type="text/css"> .div1, .div2 { width: 150px; margin: 30px; padding: 10px; back…

    Asked by bolotnikoff,

    0 votes
    8 answers

  5. Господа, ай нид хелп

    ввв sinclairshop ру логин/пароль: andrey прямую открытую ссылку дать не имею права, извините. Суть в следующем - добиваюсь нормальной работы от выпадающего меню. В FF и Хроме работает нормально, в любом IE - вложенных пунктов не видно, они перекрываются нижележащим слоем "с мужиком". Почему так? Я так и не смог добиться нормальной работы. Если вытянуть менюшку и её стили в отдельный файл, то видно, что отрабатывает нормально. Помогите а?, не так часто прошу Вот сто пудов, какую-то мелочь упустил. Голова уже устала просто

    Asked by d0ublezer0,

    0 votes
    4 answers

  6. Подскажите в центрировании UL

    Добрый день, не совсем пойму как сделать UL список по центру внутри div. text-align помогает, но когда я делаю элемент LI - float:left; весь список сдвигается. т.е: .c_circle { margin: 0 auto; overflow: hidden; text-align:center; } .tab_circle ul{ list-style-type: none; } .tab_circle ul li{ float:left; height:17px; width:17px; background:url(circle.gif) 0 0 no-repeat; } <div class="c_circle" > <div class="tab_circle" > <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> </div>

    Asked by Caption,

    0 votes
    6 answers

  7. При удалении текста, блок смещается

    Добрый день! Подскажите пожалуйста в чем дело. Вот ссылка на блок с текстом http://s43.radikal.ru/i099/1109/8e/4bb66c3a0cd5.png тут все нормально Блок без текста http://s002.radikal.ru/i200/1109/9a/335fd5832508.jpg а здесь если текст убрать весь блок смещается в левый угол Вот коды http://jsfiddle.net/MJ2Ac/ не пойму что не так.

    Asked by Didorri,

    0 votes
    2 answers

  8. Проблема с картинками в ссылках

    Вот такая проблема : Причём в хроме и в опере такой рамки вокруг выделенного элемента нету. Код: <p><table> <tr><td> <a class="tourlink" href="http://www.pegast.ru/samo5/search_tour" target="_blank"> <img class="tourimg" src="images/pegast.jpg" border="0" alt="" /> </a> </td> <td><a class="tourlink" href="http://search.teztour.com/?country=1104&city=345" target="_blank"> <img class="tourimg" src="images/tez.jpg" border="0" alt="" /> </a></td> <td><a class="tourlink" href="http://online3.anextour.ru/search_tour?DOLOAD=1&TOWNFROMINC=23&STATEINC=3&TOURINC=24&CHECK…

    Asked by soif,

    0 votes
    5 answers

  9. Почему мой div так странно позиционируется?

    У меня есть страница с дивами, скриншот ниже. Также см. ссылку http://dsamoylov.ru/test/index.html У меня 5 основных блоков (AAA, BBB, CCC, Community, News), которые в лежиме float: left; вполне аккуратно заполняли страницу. Мне надо добавить шестой блок "quick links" так, чтобы он встал справа от news. Почему-то этот div позиционируется очень странно, из левого верхнего угла всей этой конструкции. На скриншоте это видно, у этого дива border: 1px solid red. Как сделать так, чтобы div встал на нужное место и размером был равен его содержимому, тексту "quick links"? Буду благодарен за подсказки :-)

    Asked by sam_rain,

    0 votes
    1 answer

  10. Не учитывается высота картинки-слоя при использовании float

    Здравствуйте! Задача: сделать блок для новости, на всю ширину. Сначала идет заголовок, потом описание, в описании - изображение, прижатое вправо и обтекаемое. Решение: http://medicus-kohler.ru/categories/25 <div id="short_article_8" class="short_article"><h3 class="title"> <h3><a href="/articles/8">DT-9445 Воротник Нельсона</a></h3> <div class="thumbnail"><img src="/attachments/16/original/DT-9445.jpg?1332360761" alt="Dt-9445"></div> <div class="description"> <p>Воротник Нельсона - это корсет для жесткой фиксации шейных позвонков, имеет вентиляционные отверстия, ширина регулируется с помощью ремешка-липуч…

    Asked by kuraga,

    0 votes
    1 answer

  11. Обрамление слайдер или слайдер под слоем

    Добрый день. Вот адрес snobstore.ru, там есть рамка с цветами и есть внутри слайдер, подскажите как лучше сверстать и сделать так, что бы сдайдер был под этой рамкой с цветами, что бы листья и цветы которые свисают внутрь рамки были на слайдере, сейчас сделал рамку как фон, а слайдер поверх, выглядит не красиво, а нужно что бы слайдер был виден сквозь листья и цветы (именно внутри рамки, как будто картинки внутри, а не поверх)..Надеюсь Вы поняли что я хотел объяснить.

    Asked by kmaroff,

    0 votes
    3 answers

  12. Отображение страницы у другого пользователя по-другому.

    Здравствуйте, уважаемые коллеги! Есть страница: http://alfamramor.ru/ На своем компьютере и ноутбуке я вижу все нормально. А у нашего другого пользователя отображается не совсем так: например, замочек регистрации и текст имеет разный размер. Вот так у него: Уточню,что шрифт нестандартный, подключается с Google. Помогите, пожалуйста, разобраться с этой проблемой.

    Asked by Светлана Г.,

    0 votes
    8 answers

  13. При нажатии на кнопку radio "затвердевало"

    Asked by JuiceMen,

    0 votes
    5 answers

  14. Хочу обучиться web-технологиям

    Здравствуйте. Меня зовут Иван Лозинский. Я работаю администратором в спортивном клубе, параллельно заканчиваю школу.. У меня возникло большое желание обучиться web-технологиям "без отрыва от производства", так сказать.. Друг дал мне видео курс по html и css от компании "Специалист". Я прошёл курс и он мне понравился, но хотелось бы идти дальше.. Что вы можете посоветовать мне? Хотелось бы пообщаться со знатоками этого дела!..

    Asked by Иван Лозинский,

    0 votes
    4 answers

  15. css-спрайты (можно ли сделать?)

    Существует такая вещь как css спрайты. Я задался вопросом, можно ли с помощью одного изображения-спрайта сделать двойной фон для элемента неизвестной ширины и высоты, так чтобы одна часть изображения была вверху слева, а другая внизу справа. Условный пример того, что я хочу сделать, можно увидеть здесь. здесь две кавычки сделаны двумя отдельными фоновыми изображениями. Можно ли их совместить в одно изображение? Учитывайте, что ширина и высота элемента для фона может быть любой и изменяться от ресайза. Я рассмотрел этот вопрос и мне кажется, что это невозможно. Решил спросить у профессионалов, можно кто знает CSS-хитрость?

    Asked by clavin,

    0 votes
    2 answers

  16. transform

    img:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 1s ease-out 0s; cursor: pointer; } Как сделать чтобы работало ?

    Asked by rpmcmerphy,

    0 votes
    3 answers

  17. z-index внутри блока с переопределенным контекстом наложения

    Есть пример-задача: http://jsfiddle.net/realovich/r4wdA/ В ней блок с классом "red" с помощью трансформации создает новый контекст наложения. Если присвоить любую трансформацию к блоку с классом "green" - этот блок попадает в тот же контекст, что и red, а вот img даже с трансформацией не хочет попадать в этот же контекст. Помогите, CSS-гуру.

    Asked by realovich,

    0 votes
    2 answers

  18. Внешний шрифт не отображается в подпунктах меню

    Добрый день всем! Возникла проблемка на джумла-сайте одна, подключил внешний шрифт на сайте для определённых элементов, а точнее для всех <h2>, беда в том, что шрифт заменяется корректно только на страницах первого уровня(т.е. если пункт меню к примеру "Материал" или "Блог категории"), а глубже к материалу который висит в категории шрифт не меняется. Такая же беда и с дочерними пунктами меню. Вот ссылка на сайт где это реализовано http://baza-anastasiya.ru/ . На странице с новостями(в левом меню) если нажать на кнопку подробнее это видно. Может быть кто сталкивался с такой проблемой или знает в чём дело, подскажите пожалуйста!

    Asked by PoisoN,

    0 votes
    2 answers

  19. Валидатор ругается

    Добрый день. Подскажите пожалуйста кто-нибудь мне ответ. Проверяю свой сайт http://www.smplast.com/ на сервисе http://validator.w3.org/, вижу что есть ошибки, но не знаю куда мне теперь нужно зайти чтобы их исправить. Я делала сайт с использованием шаблона, поэтому плохо знаю структуру + я только учусь.

    Asked by Ira_Ira,

    0 votes
    5 answers

  20. Проблемы с всплывающей формой в разных браузерах

    Доброго времени суток. Имеется сайт на тестовом домене На главной странице есть кнопки, по наведению на них появляется (-ются) форма (-ы). Так вот, с этими формами обнаруживаются несколько проблем в разных браузерах: 1) в IE 11 этой формой невозможно пользоваться - она просто не реагирует ни на какие действия. Плюс, в исходном коде обнаруживаются какие-то закрывающие теги для всех <input type="text"> 2) в FF ввод данных в формы просто осложнен: начинаешь вводить одну букву, две и инпут тут же теряет фокус, я не понимаю, с чем это связано. В хроме все работает. Хотя и там есть нюанс: почему инпут держит фокус только тогда, когда на нем стоит указатель мыши? …

    Asked by mankutila,

    0 votes
    2 answers

  21. Проблема с background-image в IE

    Здравствуйте. Почему в IE так показывает линейный градиент : .line-top:before { content: ""; position: absolute; bottom: -1px; left: -1px; top: 0px; width: 1px; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#01a4a4), to(#104387)); background-image: -webkit-linear-gradient(#104387, #01a4a4); background-image: -moz-linear-gradient(#104387, #01a4a4); background-image: -o-linear-gradient(#104387, #01a4a4); background-image: linear-gradient(#104387, #01a4a4); }А если нужно его сделать влево или вправо , то не показывает : .line-right:after { content: ""; position: absolute; bottom: -1px; left: -1px; right: 0px; height: 1px; backg…

    Asked by ishurgaya,

    0 votes
    2 answers

  22. Расстояние между строками

    Всем привет. Как сделать расстояние между строками? в span margin добавить нельзя же. Код (wp): <?php $terms = get_field('actor');if( $terms ): ?> <span style="background:#c3512f;color:#fff; padding:4px 5px;">В главных ролях</span><?php foreach( $terms as $term ): ?><a href="<?php echo get_term_link( $term ); ?>"><span style="background: #b2b2b2;color:#fff; padding:4px 5px; text-decoration: underline;"><?php echo $term->name; ?></a></span><?php endforeach; ?> <?php endif; ?>

    Asked by orbit21,

    0 votes
    1 answer

  23. Можно ли сайдбары убрать под контент?

    Есть сайт с такой структурой: сайдбар1 сайдбар2 контент http://cssdeck.com/labs/3r2rkid7 Можно ли как-то визуально переместить контент наверх?

    Asked by nikki4,

    0 votes
    4 answers

  24. Кроссбраузерная НЕсовместимость

    Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется bootstrap4 Далее на картинке: 1. В хроме все норм. Единственное, как сделать, чтобы линия прогресса в блке "our process" анимировалсь только один раз после перезагрузки страницу? 2. Лого в firefox и edge отображаются одинаково. Буквы D (маска) не видно. В IE11 видно верхушку. 3. Блок "our process" в edge не анимируется progress в виде контура красным цветом, а в IE11 вообще бардак. Анимируется только появление текста. 4. На iphone5 не анимируются hexы в блоке "WHAT CAN YOU RECEIVE" Проверял на виртуальной машине. На маке не тестил, нет возможно…

    Asked by Schamil74,

    0 votes
    0 answers

  25. Вывод данных

    Пишу на java. Есть массив String[] objects с именами объектов классов. Размер массива может быть любым. По имени объекта можно определить, к какому классу он принадлежит obj.getSXClass() Необходимо определить, сколько есть объектов каждого класса. Затем вывести имена классов и число их объектов. Для это перебираю массив objects и записываю данные в Map<object,int> for( String str : checkedid ) { object=str.getObj(); //получаем объект for(Object key : countObj.keySet()) { //Кладем в Мар if (key.equals(Object ) countObj.put(key, countObj.get(key)+1); } } ТЕПЕРЬ ВОЗНИК ВОПРОС: Как выводить Map в jsp? Можно ли использовать forEach или есть что-то …

    Asked by Veroonya,

    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