HTML Coding

29542 questions in this forum

1. вертикальное выравнивание в блоке

   как кроссбраузерно выровнять текст по центру по вертикали в блоке, если он реализован следующим образом: <ul> <li><a href="#"><span>текст 1</span></a></li> <li><a href="#"><span>текст 2 длинный</span></a></li> <li><a href="#"><span>текст 3 пока короткий, но моежет поменяться/span></a></li> </li> где на теги a и span привязывается метод раздвижных дверей. длина ячейки может изменяться. длина текста в ячейке тоже не фиксирована. а в целом вся цепочка растягивается на 100%

   Asked by z1a2r, February 15, 2012

   0 votes
   2 answers
2. Как вставить изображение?

   Надеюсь, вопрос мой будет воспринят благосклонно. Поскольку версткой занимался давно, то CSS сейчас для меня темный лес. Для своего сайта я позаимствовал дизайн и подчистил его от всего, что мне не нужно. Дизайна минимум. Всё отлично, но возникло желание дополнить содержание фотографиями и вот тут мне не разобраться, поскольку CSS мною не познан. Подозреваю, что решение задачи лежит на поверхности и спецы разбирающиеся в версте сразу поймут, как решить её. Суть в следующем, есть mjutwo.com сайт с позаимствованным дизайном (дубль два). В позаимствованном CSS нет и намека на изображения. Вопрос в том, как вставить изображения на страницу между строк? В качестве примера э…

   Asked by markst, March 27, 2012

   0 votes
   1 answer
3. Не растягивает DIV на всю высоту контента

   Вот код и макет Ни в какую не хочет растягивать два разделителя слева и справа (красного цвета) по всей высоте текста.

   Asked by dmitry_d, September 11, 2012

   0 votes
   5 answers
4. Где найти слайдшоу, как на сайте mirfactov.com или votpochemu.com

   Где найти слайдшоу, как на сайте mirfactov.com или votpochemu.com?

   Asked by saswat, October 11, 2012

   0 votes
   1 answer
5. Интерактивная Форма

   Доброе время суток! Помогите решить вопрос с такой формой: Допустим имеется инпут Select, и выбираешь один пункт из него, ниже отображается одни поля для заполнения, выбираешь другой пункт отображаются другие поля для заполнения. Вопрос - можно ли такое реализовать без JavaScript и HTML5 ? Если нельзя, то как такое реализовать на JavaScript так, что бы поддерживали все браузера начиная с IE6? Всем взаранее спасибо.

   Asked by rentony, December 8, 2012

   0 votes
   3 answers
6. Глупая проблема

   del, лаги браузера чтоле

   Asked by Ergonav, December 10, 2012

   0 votes
   0 answers
7. Двусторонее обтекание текстом

   Всем привет. Возникла такая проблема, нужно стандартными средствами html выполнить задание (рис). Я новенький, если данная тема уже поднималась, прошу прощения.

   Asked by Vomber, March 19, 2013

   • текст об
   • текание
   0 votes
   4 answers
8. позиционирование в слайдере

   http://jsfiddle.net/S83R9/2/ вот тут слева позиционируется последний элемент а справа второй элемент, в начале все кажется, что работает нормально, отображается верно, но сразу как нажмем на стрелки все сливается, что делать? в чем мой косяк?

   Asked by X-Miller-X, April 24, 2013

   0 votes
   2 answers
9. Помогите сделать резиновый шаблон

   Всем доброго дня, У меня есть медицинский сайт http://lechim-uxo.ru я хочу сделать его резиновым т есть на всю ширину экрана, но некоторых правил я не знаю. Помогите сделать.... Есть еще вторая проблема: У меня 3 блока левое меню, цент и правое Но есть проблема, с 3 блока все переваливаеться в центральный блок, не могу понять где ошибка, помогите....

   Asked by blogowed, July 25, 2013

   0 votes
   7 answers
10. Шаблоны для блоков

    Почти сверстал весь сайт и вопрос который я оставлял на потом встал передо мной чертой, которую не перейдя нельзя продолжить разработку. Мне нужно что-бы при активации определенного элемента, в другом див блоке выводился другой шаблон дивов. Подскажите как реализуется и\или с чего начать изучение. Спасибо.

    Asked by jontsk, September 30, 2013

    0 votes
    5 answers
11. Скорость загрузки видео на сервере

    Проблема со скоростью загрузки видео (background), размер видео 2 мб, что можно сделать что бы увеличить скорость загрузки? и от чего будет зависеть скорость загрузки? начал перечислять причины заказчику что 1) соединение 2) сам сервер 3) браузер 4) антивирус 5) размер видео ответ: ничего не знаю от сервера точно ничего не зависит, вот почему у них летает, а у нас нет. Собственно какой аргумент привести что бы приземлить.

    Asked by soltx, October 15, 2014

    0 votes
    5 answers
12. Наложение блоков друг на друга

    Всем привет! Народ, подскажите пожалуйста как мне сделать вот такое: https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/977127 Сейчас у меня только вот так получилось: https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/977128 Исходник: <div class="callback"> <div class="callback_name"> <input type="text" name="name" placeholder="Ваше имя"> </div> <div class="callback_phone"> <input type="text" name="phone" placeholder="Ваш телефон"> </div> <div class="callback_order"> …

    Asked by fenix_63, March 27, 2015

    0 votes
    2 answers
13. Проблема с событием убирания мышки

    Здравствуйте. Есть некая разметка с множеством одинаковых элементов. При наведении мышки на элемент вызывается скрипт который присваивает элементу CSS класс и перемещает его положение в DOM через appendChild (т. к. речь я веду об SVG, это перемещает его на передний план; в SVG это единственная замена z-index; при том элемент не меняет x и y координат). Когда пользователь убирает мышку с этого элемента, должен вызываться скрипт, удаляющий CSS класс. Этого не происходит. Методом проб и ошибок я понял, что, возможно, проблема в том, что, так как элемент переместился в DOM, браузер забывает о том, что на этом элементе было событие наведения курсора, и, как следствие, не вызыв…

    Asked by Heijey, December 8, 2015

    0 votes
    1 answer
14. Проблема с hover отображением и ссылками

    Здравствуйте, я решил сделать сайт по шаблону от wix.com, я только учусь, вот не могу понять как сделать так что бы блок с картинкой заливался желтым с opacity 0.6 где-то и в то же время что бы эта картинка была ссылкой на саму себя но в окне галереи от fancybox. У меня заливка желтым уже стоит через hover, но картинка не работает как ссылка, если я убираю hover то ссылка становится активной и галлерея работает как задумано. Вот ссылка на шаблон сайта: http://ru.wix.com/website-template/view/html/1642?originUrl=http%3A%2F%2Fru.wix.com%2Fwebsite%2 Ftemplates%2Fhtml%2Fall%2F2&bookName=&galleryDocIn dex=7&category=all Вкладка "О нас", внизу есть фото к…

    Asked by Invert, December 23, 2016

    • html
    • css
    • js
    0 votes
    0 answers
15. Стили в вордпресс

    Здравствуйте! Есть сайт с товарами. На странице товара указана фраза Нет в наличие. Мне необходимо изменить цвет. Пытаюсь сделать это в редакторе, но изменения не сохраняются. Возможно не ту часть кода редактирую. Подскажите пожалуйста.

    Asked by MarinaMarina2104, February 13, 2018

    0 votes
    1 answer
16. Выравниваник в форме <select>

    есть форма: <select name="city" id="id_city"> <option value="" selected="selected">— The city(region) —</option> <option value="">Vinnytsia (Vinnytsia region)</option> <option value="">Dnipropetrovsk (Dnipropetrovsk region)</option> <option value="">Donets’k (Donets’k region)</option> Как правильно прописать в css, чтобы <option value="" selected="selected">— The city(region) —</option> выравнивалось по-середине, а остальные по левому краю?

    Asked by Alex&R, September 21, 2011

    0 votes
    1 answer
17. Как правильно реализовать?

    Здравствуйте...Подскажите как можно сверстать вот такую картинкуправильно...у меня проблемы c наложение блока "купить игру" а картинку

    Asked by Mr.Black, December 16, 2011

    0 votes
    4 answers
18. Уезжает логотип при смене изображения

    Сайт: http://zasonya-online.ru/ Движок: Битрикс Малый бизнес. Проблема: Уезжает логотип при смене разрешения экрана. 1600*900 - полет нормальный Остальные разрешения - лого уезжает вправо. <style type="text/css"> .block1 { height: 200px; float: left; margin-left: 17%; } </style> <div class="block1"> <div id="header" itemscope itemtype = "http://schema.org/LocalBusiness"> <div id="logo"><?$APPLICATION->IncludeComponent("bitrix:main.include", "template1", Array( "AREA_FILE_SHOW" => "file", // Показывать включаемую область "PATH" => SITE_DIR."include/company_logo.php", // Путь к файлу области ), fal…

    Asked by o1eg, January 22, 2012

    0 votes
    0 answers
19. Кратность высоты

    Здравствуйте! Очень нужно, чтобы высота <div>'а была кратна высоте фона, я, можно сказать, новичок, и вот, что у меня получилось(высота фона 36px: <script type="text/javascript" language="javascript"> var h=window.document.getElementById("middle").style.height; var h2 = Math.ceil(h/36)*36; window.document.getElementById("middle").style.height = h2+'px'; </script> -не работает))) Наверное вообще не с той стороны зашел, не подскажете как это можно осуществить?

    Asked by CarolusRex, February 6, 2012

    0 votes
    4 answers
20. как увеличить изображение при наведении на другой блок

    Есть у меня блок с изображением: <div class="float-left jpage-jblocks-images left-right-image"><img border="0" style="border: 0;" src="/images/image.jpg"></div> под ним стоит блок с текстовым наполнением <div class="float-left jpage-jblocks"> наполнение </div> можно ли сделать так, что бы при наведении на блок с текстовым наполнением изображение в блоке с изображением увеличивалось? При наведении на изображение ее увеличение сделала так: .jpage-jblocks-images img:hover { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-d…

    Asked by DrMartens, May 8, 2012

    0 votes
    1 answer
21. Непонятное смещение текста

    Добрый день! Не подскажете в чем может быть проблема, плиз. Наверняка что-то простое, но что - не пойму. Есть неизменные шапка, горизонтальное меню и правый информационный блок. Меняется только целевой текст, в зависимости от того, на какой странице находишься. Он располагается от левого края экрана до правого информационного блока. Все было хорошо, но при создании нового варианта страницы основной текст странным образом смещается вниз, ниже нижнего края правого блока. Это происходит только в IE, остальные браузеры таких проблем не обнаруживают. Вроде все теги закрыты, лишнего нету. Все так же как на остальных страницах - ан сползает и все :-( http://www.anticisco.ru/inde…

    Asked by flider, November 7, 2012

    0 votes
    3 answers
22. Padding в процентах для Input

    Друзья, а никто не может объяснить мне такую штуку: Mozilla Firefox не понимает padding в процентах для input-полей. Простой код: <html> <body> <input type="text" style="width:80%; padding:0 10%;"> </body> </html> Во всех браузерах, кроме Лисы, input растянется на 100% и будет иметь внутренние отступы по 10% с лева и справа. В чем проблема Лисы и есть ли решение?

    Asked by indexmsk, November 14, 2012

    0 votes
    2 answers
23. Вёрстка "мудрёного" меню

    Здавствуйте! Помогите советом сверстать меню такого типа http://s57.radikal.ru/i158/1303/fb/c82552ddc2b3.jpg, собственно его я сверстал относитильным позиционированием, но вдург есть другой способ, да к тому же место под logo что забронировали menu осталось, как от него избаиться так же не пойму. Html code css #menu1l{ width: 250px; height: 50px; border: 1px solid green; float: left; position: relative; bottom: 350px; left: 100px; }

    Asked by Vicos, March 5, 2013

    • Меню сложное меню
    0 votes
    1 answer
24. Помогите с вертской плз. Проблема с расположением блоков/картинок

    Помогите новичку пожалуйста! Сам разберусь точно не скоро, т.к. времени после работы крайне мало на изучение веб программирования. Для тех кто хорошо понимает css/html, там делов-то на раз плюнуть. Вкратце: Хочу сделать страничку с расположением объектов как на двух скриншотах внизу http://i.imgur.com/E9UmjdD.jpg http://i.imgur.com/ysMAPqi.jpg Сама страничка - http://podstrigis.com/test Буду благодарен за любую помощь!

    Asked by msk1, May 5, 2013

    0 votes
    4 answers
25. Анимация панорамы

    Господа професионалы хочу спросить, желательно с условно подробным ответом, как реализовать такую вещь. Есть место на сайте (680*290) сейчас там статичная картинка. Хотелосьбы ее заменить на панорму (3000*290) (не меняя раземы места) которая бы медлено двигалась покругу (либо вперед-назад). Как и какими средствами это можно реализовать (без флэша) ? Спасибо!

    Asked by nickoff, June 14, 2013

    0 votes
    2 answers