HTML Coding

29542 questions in this forum

1. Как зацентрировать всю конструкцию?

   Добрый вечер помогите пожалуйста, имеем следущую конструкцию <div style="overflow: hidden;"> <div style="width: 100%"> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test.jpg"></div><div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div><div style="float: left;padding:5px"><img style="max-w…

   Asked by ilvl, March 17, 2016

   0 votes
   2 answers
2. Не работает позиционирование

   Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Сам элемент сверстан как пустой див с цветным фоном. Страничка не выложена в сети, находится у меня в папке компьютера.Вот макет, который я пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом…

   Asked by DmiUr, August 11, 2016

   0 votes
   2 answers
3. Изменить цвет фона страницы не имея доступа к ее коду

   Проблема в следующем. Есть сайт, на сайте есть раздел знакомства. Создал поддомен love.almetevsk.ru, подключился к мамбе. Сайт имеет фреймовую структуру (топ, меню навигации и собственно окно где все открывается). Проблема в том что весь сайт имеет фон одного цвета (#c7d1ed), а это окно открывается белым. Техподдержка эту проблему решать отказывается, приходится думать самому))). Хотел открыть страничку в IFRAME и использовать атрибут allowtransparency="true",( пример almetevsk.ru/love1.htm) но почему- то не срабатывает ни в IE ни в Опере В управлении страничкой есть возможность разместить баннер вверху страницы, причем я пробовал- вместо него можно код кинуть любой, мож…

   Asked by nasibullin, February 5, 2009

   0 votes
   1 answer
4. Ссылки на сайты в картинках.

   Я хочу на гест поставить ссылки на другие форумы картинкой в формате gif то есть анимированные, и что бы все картинки были одинаковых размеров.Что нужно сделать и как?

   Asked by Sprite, June 23, 2009

   0 votes
   3 answers
5. Вопрос Про Классы

   Имеется конструкция подобного вида. <div class="element1 add">...</div> <div class="element2">...</div> <div class="element3">...</div> <div class="element4">...</div> <div class="element5">...</div> Вопрос, собственно, про css. Возможно ли, не добавляя дополнительных тегов изменять класс "element1" в зависимости от того есть класс "add". На пальцах: текст, что в диве с классом "elemen1" синего цвета. при добавлении класса "add" он должен стать красным... текст, что в диве с классом "element2" серого цвета, при добавлении класса "add" он должен стать зеленым. и так далее. js использовать нельзя

   Asked by Shugich, September 14, 2010

   0 votes
   3 answers
6. inline-block в <a>

   <a href="" style="display:inline-block; width:200px; height:50px; background-color:#CC0000;">test1</a> <a href="" style="display:inline-block; width:200px; height:50px; background-color:#990000;">test2</a> Буду краток. Реально вообще в этом случае избавиться от отступа? Чтобы ссылки шли вплотную. DIVы не предлогать, не катит. Если можно то как? Заранее спасибо.

   Asked by bems, December 9, 2010

   0 votes
   7 answers
7. Проблемы при переносе списка на след. строку

   Всем привет. Есть такая проблема - я расположил изображения на странице с помощью списка по горизонтали. При меньшем разрешении то что не влезает переносится на следующую строку. Но, если добавить к изображениям подписи, нижняя строка начинает съезжать вправо. Никак не могу от этого избавиться. Помогите!

   Asked by Sedli, February 14, 2011

   0 votes
   3 answers
8. Расхождения в размерах

   Добрый день! Интересует следующий вопрос: какие расхождения в размерах между psd и готовой версткой допустимы? Я имею ввиду, например, в psd-хе отступ 5px, а в моей верстке 7px. Насколько всё должно быть точно?

   Asked by Vind, March 1, 2011

   0 votes
   3 answers
9. flash в Опере

   При наведении на flash (меню из пяти пунктов в центре, каждый пункт - отдельная флешка) должен появляться визуальный эффект. Во всех браузерах срабатывает корректно, а в Опере только после клика по flash. Подскажите, в чем проблема? http://skatadov.ru/test/001/

   Asked by skatadov, March 29, 2011

   0 votes
   3 answers
10. проблема с ie

    Начал верстать, в фф, хроме, сафари выглядит все нормально в ie просто жесть какая-то. Посоветуйте как быть, пожалуйста. http://pilllaws.com/omg/

    Asked by rusmn, April 8, 2011

    0 votes
    1 answer
11. Масштабирование на уменьшение в Safari

    Проблема с зуммированием\масштабированием страницы в браузере Safari. Данная проблема отсуствует в других браузера, появляется только в Safari. Суть проблемы: при зумировании на уменьшение а именно 3-ье и 4-ое (4-ое предельное зуммирование) Safari отказывается уменьшать текст, который находится в блоке. Блок уменьшает, а шрифт нет, следовательно текст выпадает из блока. Как мне стало ясно Safari доводит шрифт до определенного размера примерно 8px и дальше не уменьшает. В настройках браузера отключена фукнция универсальный доступ (размер шрифта всегда не менее ...) Делать резиновыми блоки в которых находится текст не вариант.

    Asked by Owei, October 7, 2011

    0 votes
    3 answers
12. проблема с "vertical-align:"

    Привет! День мучусь, не могу понять где допустил ошибку ... . Вторая фото не ровняется по вертикали. Может кто просветит где ошибка? Имеется код html <div class="photo_block"> <div class="photo"> <a href="album/deti/IMGP4331.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4331.JPG" border="0" height="200px" /></a> </div> <div class="photo"> <a href="album/deti/IMGP4332.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4332.JPG" border="0" height="100px" /></a> </div> <div class="photo"> …

    Asked by Kos87, October 13, 2011

    0 votes
    4 answers
13. Как это сделано?

    Заметил в Гугле в выдаче у некоторых сайтах боявились большие 44x44px иконки. Это не обычный favicon 16x16. Вот например Здесь Как это реализовано? Киньте пожалуйста ссылочку, где написано как это работает...

    Asked by veromi, July 22, 2012

    0 votes
    4 answers
14. Фоновая картинка на всю ширину

    Привет всем! Как верстается фоновая картинка, которая в psd макете выглядит как бы на всю ширину макета? То есть, такая, которую нельзя за-repeat-ить, которая полноценная картинка. На этой странице лежат макеты. Я спрашиваю сейчас про такие как 1, 2, возможно 3, 9, 11, 18, 26. Возможно нужно их верстать с фиксированной шириной страницы соответствующей макету, то есть, выравнивается по центру страница, а по бокам определенным цветом. Или как.. Помогите пожалуйста, не могу понять Например, с макетом 4 все понятно, потому что фон везде одинаковый, а вот макет 2 не пойму как правильно делать Надеюсь вы меня поняли , а если нет спрашивайте, что не понятно

    Asked by Bava, August 19, 2013

    • background
    0 votes
    4 answers
15. Очень странный баг

    Такой код: <!DOCTYPE html><html><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="styles/photon.css" /></head><body><form > <input/> <input/> <input/></form><div style="border-top: 1px solid black;" ></div> <!-- РАЗДЕЛИТЕЛЬ --><div> <span> ТЕСТ </span> <div class="test"> ТЕСТ 2 </div> </div></body></html>.test {float: right;}Проблема заключается в следующем, div с текстом "ТЕСТ 2" в FireFox отображается на одной строке с div'ом с текстом "ТЕСТ", а в Chrome и Opera почему-то съезжает на одну строку вниз. Ме…

    Asked by qwestpool, March 22, 2014

    0 votes
    6 answers
16. Помогите с CSS

    В браузере Firefox картинка слайдера ушла в сторону.. http://yari-design.ru/tovar/2014/mnogoletniki24 Я пытался подключить отдельные стили для Mozilla, не получилось - http://bolknote.ru/2008/03/14/~1623#14

    Asked by 561144, April 27, 2014

    0 votes
    3 answers
17. Сохранение из фотошопа без потери качества.

    Уже сколько раз встречается такая проблема. На сей раз на странице в фотошопе существует 1 иконка (лупы), он сделан при помощи иконочного шрифта. Не хочется подключить шрифт для этого, так как иконка единственная. Вот нажимаю на него правой кнопкой мыши в фотошопе, жму преобразовать в смарт объект. Дальше привычно зажатым ctrl кликаю на превью чтоб она выделялась, копирую на новую страницу, снимаю фон и сохраняю для web-a ctrl+shift+alt+s в формате png, настройка бикубическая-четче. Загружаю на сайт, а там как будто отгрызали по краям, края не ровные идут.. Что я делаю не так p.s. такая же бяка случается когда что нибудь с fx пытаюсь преобразовать в смарт объект и сохрани…

    Asked by Нарек, August 1, 2014

    0 votes
    2 answers
18. bootstrap and section

    http://texteredsa.besaba.com/kalolia/kalolia/ Есть сайт. Верстаю на bootstrap 3. Почему та в ie8 верстка рушиться, буд-то секционные элементы не понимает. Подскажите в чем дело?

    Asked by raptor-dm, May 1, 2015

    0 votes
    3 answers
19. Проблема с футтером

    Всем привет Пытаюсь изменить высоту футтера на сайте http://zpcom.ru/, сделав её равной 100px, но меняя с 271 на 100 футтер "улетает" вверх. 1. Как сделать так, что бы блок #footer-wrapper находился под блоком #copyright-row и не менял своего положения, при изменении его высоты? 2. От каких границ отталкивается блок #footer-wrapper и почему?

    Asked by SnowWind, August 6, 2015

    0 votes
    1 answer
20. подскажите, как сделать скобки вокруг текста?

    Здравствуйте! извиняюсь за глупый вопрос, но совсем новичек и не могу придумать как сверстать такой элемент в макете: Можно ли эти скобки сделать border ом? пытался найти, но так и не нашел как сделать такие границы. Сделал пока так: <div class="bkt">[</div> <span class="title">КАТЕГОРИЯ 1 текст текст текст</span><div class="bkt">]</div>.title { font-size: 16px; text-align: center; width: 70%; float: left; line-height: 1;}.bkt { font-size: 25px; float: left;}Но вариант совсем корявый у родительского элемента размеры должны быть указаны, а они для каждой категории разные будут... Подскажите, как такое правильно сверстать?

    Asked by bondplus, October 3, 2015

    0 votes
    3 answers
21. Масштабирование шрифтов в адаптивной верстке

    Здравствуйте . Поделитесь пожалуйста материалами (ссылками), с информацией о масштабировании шрифтов в зависимости от разрешения экрана. Заранее, спасибо!

    Asked by Pinga, October 18, 2015

    • css
    • adaptive
    • true type
    0 votes
    1 answer
22. Что растягивает страницу при 768 пикселях?

    Здравствуйте. Если посмотреть на страницу при ширине экрана 768 пикс, то можно увидеть много пустого пространства после шапки сайта. Какие стили вызывают такое смещение?

    Asked by borus, March 22, 2016

    0 votes
    2 answers
23. Ченжлог

    Здравствуйте все, у меня возникла проблема при верстке Changelog на сайте, проблема в том что при выборе пункта ченжлог должно появлятся окно с выбором версий, и если выбираешь описание то это окно с версиями должно исчезать, файлы прикрепил, помогите пожалуйста, как это можно реализовать, заранее благодарю за ответы htdocs.rar

    Asked by Kelmint, June 10, 2020

    • html
    • css
    • javascript jquery
    0 votes
    0 answers
24. Хочу сделать e-mail сайта

    Хочу создать уникальный e-mail ("имя пользователя"@"название сайта"), чтобы можно было на него регистрироваться на других сайтах, требующих подтверждения e-mail. Что мне сделать? Помогите кто может, буду благодарен.

    Asked by mixa, November 9, 2009

    0 votes
    1 answer
25. background

    Не могу понять... Как поставить такой background допустим в body, на всю страницу. Просто много таких страниц встречал и все время один вопрос возникает у меня. Его размер допустим 1024 x 840. Что будет: 1. если у человека другое разрешение экрана? 2. какой код использовать для этого? body{ background: img no-reaped; width: 100%; height:100%;} ? 3. Какой тогда оптимальный размер для вёрстки страницы брать..?

    Asked by penchukov, September 27, 2011

    0 votes
    9 answers