HTML Coding

29542 questions in this forum

1. Плавающие блоки неопределенной высоты

   работаю над галереей, разрезинил div c изображениями добавив float:left все прекрасно но некоторые блоки с изображениями имеют разную высоту (ширина всегда одинаковая) и так получается что последующий блок зацепляется за самый высокий предыдущий блок, и выглядит не красиво((( Во вложении пример: взглянуть можно тут: http://wfi.lomasm.ru/русский.галерея если смотреть При разных разрешениях особенно заметно Требуется насильно держать плавающие блоки на одной строке: Как лучше это сделать? 1) javascript выставить всем блокам в одной строке высоту максимально высокого блока? 2) или как-то можно разрулить при помощи CSS, пока не въехал как.... Ищется самое простое …

   Asked by tester117, January 10, 2016

   • float
   0 votes
   2 answers
2. Scroll horizontally in JQ

   Всем привет! Помогите реализовать нормальную горизонтальную прокрутку

   Asked by Schamil74, June 15, 2017

   • scrollleft
   • scrollright
   0 votes
   0 answers
3. Вызов функции в другой функции.

   Добрый день! Разбираюсь с функциями(как уже понятно из темы). С мелкими для азов. И, балуясь(разбираясь для себя) с различными вариациями, наткнулся на результат, несоответствующий ожиданиям. Собственно, сам код: https://ideone.com/p1bCV1 Я проверял все в отладчике Chrome. Собственно, мне не важны особо действия, совершаемые на переменными в обоих функциях. Не пойму почему вызове alert всегда выдает Undefined или его значение NaN. Разве я не могу через присвоение функции переменной присвоить результат ее выполнения? Или тут вся загвоздка что я не передаю параметры в функции?

   Asked by Super_Saimon, October 6, 2017

   • javascript
   • работа с функциями
   0 votes
   4 answers
4. Удаляйте

   Удаляйте

   Asked by doonay, April 13, 2018

   0 votes
   2 answers
5. Относительный размер шрифта(smaller) дает отличный результат если задать размер явно.

   Доброго дня всем. Есть пример https://codepen.io/pitchcontrol/pen/bGbJdgZ Две таблицы вложены в блок, у блока задан размер шрифта x-large, у одной таблицы задан large а у другой smaller. Получается у них должны быть одинаковые размеры, но по факту они разные. Почему это так?

   Asked by pitchcontrol, September 26, 2019

   • font-size
   • css
   0 votes
   2 answers
6. Ссылка на предыдушую страницу

   Как можно это реализовать, чтоб сделать ссылку которая работала бы как кнопка "назад" в браузере?

   Asked by SoFuWa, January 21, 2010

   0 votes
   2 answers
7. Выравниваени float блоков посерединке

   Народ, подскажите идеальное решение, как выровнять зафлоаченный по левому краю блок по середине родительского элемента! НО! ширина зафлоаченного блока и родительского не фиксированная

   Asked by TonKhaO, April 29, 2010

   0 votes
   2 answers
8. Вопрос по растянутому фону <img>

   Всем привет. Помогите разобраться с проблемой. Наглядный глюк виден на этой страничке http://vsegarazd.com/wp-content/uploads/not_for_site/test/ в браузере ИЕ6-ИЕ7. Что нужно сделать чтобы фон <img> правильно растягивался по вертикали, а именно по содержимому div .wrap. В ИЕ6-ИЕ7 он растягивается по на всю страничку вне зависимости от контента(плохо объяснил, но на примере все видно).

   Asked by Mal4ishnik, May 9, 2010

   0 votes
   1 answer
9. Глючит фон

   Всем привет. Пришёл с очередной проблемой. Есть задача сделать фон в виде картинки, у дива .bg, который должен быть всегда растянут на 100%. Если окно браузера развернуто на весь экран - то вопросов нет. Всё хорошо. Но если окно браузера не весь экран, то возникает глюк, с пустым пространством. Сразу скажу, что поиски не увенчались успехом, т.к. не смог сформулировать запрос Поддержка IE6 - не нужна. Решение в виде таблицы с одной ячейкой - не устраивает. Вот код: CSS .bg { background: url('/fence.png') transparent 0 0 repeat-x; margin: 0 auto; max-width: none; min-width: 960px; padding: 80px 0 20px 0; position: relative; width: 100%; } .spec { margin: 0 auto;…

   Asked by HUNTERxp, December 9, 2010

   0 votes
   2 answers
10. Вертикальное выравнивание в блочном элементе

    <div class='menu'> <a href='#'><div id='b1'>о компании</div></a> <a href='#'><div id='b2'>проекты</div></a> <a href='#'><div id='b3'>фотогалерея</div></a> <a href='#'><div id='b4'>технологии строительства</div></a> <a href='#'><div id='b5'>строительство<br>в кредит</div></a> <a href='#'> <div id='b6'>страхование домов</div></a> <a href='#'><div id='b7'>прайс лист</div></a> <a href='#'><div id='b8'>контакты</div></a> </div>…

    Asked by Destrifer, December 23, 2010

    0 votes
    2 answers
11. как оптимизировать большие изображения?

    Тема вроде бы тривиальная, но как-то окончательно в голове не укладывается. Вот из того что пока я нашла в инете получается 2-а основных метода оптимизации: 1) непосредственно работа с качеством, цветами, свойствами и т.д., что бы был минимальный размер; 2) нарезка изображения и вставка в таблицу. Хотелось бы узнать: 1) как лучше вставлять "тяжелые" изображения при верстке сайта; 2) если у нас такое "тяжелое" изображение является background, например в header, как тогда быть?

    Asked by nuna, February 16, 2011

    0 votes
    5 answers
12. CSS / Не подгружаются фоны для дивов !

    Все стили норм подгружаются из css-файла кроме двох содержащих фон и параметры для дивов . HTML: <!--fon--> <div align="center" class="fon_1"> <!--fon_2--> <div class="fon_2"> CSS: .fon_1 {background-image:url(img/fon.jpg); background-repeat:no-repeat; width:1000px; height:600px; margin:auto;} .fon_2 {position:absolute; background-image:url(img/ps.jpg); background-repeat:no-repeat; margin-left:57px; margin-top:58px; width:699px; height:491px;} Чет никак не допру в чем дело ( #2 Главное пока было прописано через style , все работало , как толька перенес в отдельный CSS-документ все покрылось.

    Asked by Vandeko, August 4, 2011

    0 votes
    3 answers
13. не хочет работать @font-face

    Доброго времени суток! Такая проблемка возникла... Ни один браузер не хочет видеть новый шрифт. Делаю все локально. Может в этом проблема? Копирую пример @font-face с этого сайта...но эффекта никакого... Заранее спасибо.

    Asked by panas_dnepr, August 6, 2012

    0 votes
    6 answers
14. Не срабатывает float:left + float:right

    Господа,подскажите пожалуйста,почему не срабатывает float:right для блока с текстом? Вроде сделал общий блок для сайдбара и контента.Сайдбару задал флоат лефт,а контенту флоат райт,но почему-то он неправильно срабатывает. http://cssdeck.com/labs/pe4laplm

    Asked by Temik2704, November 21, 2013

    0 votes
    5 answers
15. Якоря добавляют дополнительную строку

    При добавлении якоря на странице добавляется дополнительная строка в этом месте. Как этого можно избежать? Тему можно закрыть. Решение найдено. Тупо стормозила.

    Asked by Daiver, August 11, 2014

    • HTML CSS
    0 votes
    0 answers
16. HTML5 Boilerplate

    Используете ли вы HTML5 Boilerplate? Есть ли в нём минусы?

    Asked by DivMan, September 23, 2014

    0 votes
    8 answers
17. как это сделать

    http://joxi.ru/bmoV1pLIL5Y7ry селект выпадающий, но в нем может быть сколько угодна option проблема в том, что это карусель и соответственно у обертки стоит overflow: hidden; как можно это обойти?

    Asked by raptor-dm, June 27, 2015

    0 votes
    3 answers
18. Ссылка на сайте. Чтоб открывала вкладку.

    Добрый день, бороздя просторы интернета нашёл такую интересную вещь. Тыкаю на ссылку мне открывается новая вкладка №2, а в кладка №1 меняет свой адрес на другой. тоесть вот так. БЫЛ НА test1.ru, а стала test2.ru. Как это сделать?

    Asked by glad007, September 21, 2015

    • HTML ВЁРСТКА
    • ССЫЛКИ
    0 votes
    0 answers
19. Как выровнить текст по центру по вертикали в блоке?

    Из-за разной высоты заголовков едут картинки, из-а чего не красиво. Потмоу решил их сжать до фиксированной позиции, но как теперь выровнять все по центру? <div class="title">Заголовок</div> <div class="title">Длинный загогловок в две строчки</div> .title { width:200px; height:40px; background:pink; border:1px solid; float:left; margin-left:5px; text-align:center; } http://jsbin.com/lunizoguqu/edit?html,css,output

    Asked by nikki4, October 31, 2016

    0 votes
    2 answers
20. Проблема просмотра сайта через мобильные устройства.

    Данная страница ужастно отображается на Iphon и Ipad - http://admin.siteboom.ru/login.php# Все тесты оно проходит хорошо.. При уменьшение окна браузера тоже нормально. Не могу понять почему на мобилах так плохо. <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <title>Введите пароль - SiteBoom</title> <link rel="stylesheet" type="text/css" href="style/login.css"/> <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,9…

    Asked by Fly_Lakmey, August 23, 2017

    0 votes
    0 answers
21. Как сделать правильно навигацию

    Есть такая навигация по сайту http://take.ms/DOWKs Не могу приложить ума как ее правильно сделать и чтоб она еще была адаптивной. Визуально я вижу навигацию в три колонки, которая в мобиле будет в одну колонку, но в первых трех колонках подраздели выровнены по одной линии (красные линии на скрине). А как добиться этого при обычных трех колонка, я не могу понять, ибо они все будут подниматься к верху и вся сетка собьется. Была мысль все тайтлы навигации и подразделы делать колонками, но в мобиле собьется логический порядок, а потом всех расставлять order-ом. Вариант конечно не очень, ибо если пропадет тайтл или появится новый блок ссылок, то все ордеры собьютс…

    Asked by vladmih, January 18, 2018

    0 votes
    5 answers
22. Длина секции на телефонах принимает "element.style"

    Доброго времени суток. На лендинге у меня адаптивная верстка. Сайт - https://kvestvnore.ru/ На десктопной версии все отображается нормально, но при просмотре сайта через мобильные устройства, такие как iphone5 и iphone 6 отступы между названиями секции не везде одинаковые. Необходимо сократить размер отступов, возможно уменьшив длину секции при просмотре через мобильные устройства. Отступы должны быть везде одинаковыми и как упомянул выше, их нужно сделать меньше чем есть на данный момент. При просмотре длины секции на суженном экране в "element.style" показывает тот размер, которого я не могу найти (То есть этот размер widht ни где не прописан и берется к…

    Asked by guram07, June 11, 2018

    0 votes
    0 answers
23. Проблема с паддингами

    Задача такова: Требуется выровнять текст по центру кнопки. Для этого я задаю нужные мне паддинги. После этого внизу кнопки появляется полоска цвета в 2px, которые я указала в padding. Если убрать цвет фона, все становиться на место. Но мне то нужен также и цвет фона. Происходит это в браузере FF. Паддинг не откладывается внутри, как нужно, а прибавляется снаружи. Что делать? Замучилась уже с этой кнопкой. .searchform { position: relative; float: left; text-align: left; width: 205px; padding: 0; margin: 0 0 45px 45px; } #searchsubmit { clear : both; float: left; background : #A8D7FC url(images/search.gif) no-repeat; width : 73px; height : 20px;…

    Asked by Mila, January 23, 2009

    0 votes
    2 answers
24. how to really preload an image before content?

    in fact how to achieve this sequence: 1) user requests index.html, style css 2) preloading image.jpg 3) loading and displaying content in <body></body> these things didn't work for me: <script LANGUAGE="JavaScript"> Image1= new Image(498,527) Image1.src = "body_bg-contacts.jpg" </SCRIPT> and #preload img { height: 0; width: 0; border-width: 0; position: absolute; bottom: 0; left: 0; z-index: -30; } <div id="preload"><img style="visibility:hidden;position:absolute;top:-1000px;left:-1000px;" src="images/body_bg-res.jpg" /></div> When I used the above or similar I still had smaller images and buttons loading before my main body_bg-co…

    Asked by DolbyRoom, February 28, 2009

    0 votes
    2 answers
25. Проблемы одинакового отображения в ИЕ6 на разных системах

    Просвятите, пожалуйста, в таком вопросе... Переносил сайт между компами, на которых стоит ie6. Не могу понять почему сайт на них по разному отображается в ie6. Разница отображения незначительна, но некоторые детали дизайна разъезжаются. На обоих компах win xp sp2. Подогнав все на одном компе, едет на втором и наоборот. Другой вопрос. Скажите, как вы тестируете кроссбраузерность? Можно конечно поставить 5-7 браузеров на комп, но не каждые ведь несколько предыдущих версий каждого(или я заблуждаюсь). А ie так вообще, насколько знаю, рядом с другим ie не поставишь. Нашел пару онлайн сервисов, но они онлайн, а хотелось бы на localhost по возможности. Также поставил IETester, в…

    Asked by denn, November 23, 2009

    0 votes
    2 answers