HTML Coding

29,542 questions in this forum

1. Обрезка изображений

   Добрый вечер. В блоке изображений, не влезающий кадр должен не переноситься на следующую строку, а обрезаться. Проблему решил, но частично к примеру при установке блоку ширины в 460px второе изображение обрезается, но если я ставлю размер в 660px, то картинка переносится, а не обрезается. Пример: http://jsfiddle.net/x68u40th/ Проблему решил, установив ширину в 100% Но снизу по прежнему видно изображение.

   Asked by perec200, March 31, 2015

   • css
   • изображение
   0 votes
   1 answer
2. Все пропало!

   Здравствуйте. На сайте Реком для гостей не отоброжается содержимое главной страницы. Внастройках пользователей смотрел: гостям вход на эту страницу открыт. В чем проблема не знаю... <div style="text-align:right;padding-bottom:3px;">[ <a href="$ADD_ENTRY_LINK$">Добавить новость</a> ]</div><?endif?><ul class="css-menu-2"> <li><a class="selected" href="#">О НАС</a></li> <li><a href="#">Преимущества</a></li> <li><a href="#">Профилактика</a></li> <li><a href="#">Ремонт</a></li> <li><a href="#">Замена матрицы</a></li></u…

   Asked by Mestniy96, April 1, 2015

   0 votes
   8 answers
3. Как разместить абзац под картинкой?

   Слева фотка блюда, справа текст с описанием рецепта под фоткой надо сам рецепт пошаговый. ранее я делал отступы просто br br br... или <p></p><p></p><p></p> сейчас переделываю под адаптивный вариант.. надо как-то это поправить. <p>картинка</p><p>Введение</p><p> </p><p> </p><p> </p><p> </p><p>Рецепт</p>Что прописать, чтобы было такого вида результат: <p>картинка</p><p>Введение</p><p>Рецепт</pКак это делается? пока что только как вариант присвоить первому/последнему абзацу класс и сделать отступ. Но картинки в высоту ра…

   Asked by nikki4, April 1, 2015

   0 votes
   3 answers
4. Почему не работает @media?

   Задача: на экранах с шириной до 480px убрать сайдбары, после чего заполнить их место контентом. Что сделал: в общем css файле в самом верху прописал: @media=only screen and (max-device-width:480px) {#sidebar1,#sidebar2 {display:none;}#wrapper {max-width:480px;}#header, #menu, #content, #footer {width:100%;}}/* далее идет основной css для всех */Тестирую в файрфоксе инструментами для разработчика. Ничего не меняется. Вопрос: что сделать, чтобы заработало?

   Asked by nikki4, April 2, 2015

   0 votes
   20 answers
5. Стилизация колонок в таблице c помощью <col>

   Здравствуйте! Есть таблица из двух колонок. Как можно, не прописывая класс ко всем <td>, ко второй колонке применить класс .nowra;? Я пишу так, но не срабатывает. <table><col span="1"><col span="1" class="nowrap"><thead><tr><th>Наименование услуг</th><th>Цена</th></thead></tr><tbody><tr><td>Маникюр гигиенический</td><td><strong>600-00</strong></td></tr>...

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

   • table col
   0 votes
   6 answers
6. A как вы делаете кривые линии блоков?

   Собственно вопрос. Скрин Есть вариант png картинкой, но не удается поймать цвет, отличается хоть и немного. А если градиент там а не сплошной цвет? Вариант canvas знаю что есть, только ищу легкий путь)

   Asked by Нарек, April 3, 2015

   0 votes
   13 answers
7. опознать шрифт

   помогите пожалуйста опознать шрифт

   Asked by cyklop77, April 3, 2015

   0 votes
   1 answer
8. Простой tooltip без использования плагинов?!

   Всем доброго времени суток! Подскажите, простой способ написания элементарного плагина для тултипов! Предназначен он будет для указания ошибки при неверном вводе поля формы. Заключается он в следующем: API содержит два параметра: элемент (то есть input или textarea) который пользователь заполнил неверно, текст ошибки и положение относительно элемента (слева или справа). Например, чтобы при отправке формы он появлялся (если поле заполнено неверно) и при клине на соответствующий инпут исчезал. Пробовал разбираться с готовыми библиотеками типа tooltipster, но ничего не получилось, вот решил написать свой, чтобы не нести кучу лишнего кода с проектом. Примерно так он должен…

   Asked by Antoshka007, April 5, 2015

   • toopltip
   • tooltips
   • js
   • jquery
   • plugin
   0 votes
   6 answers
9. Простой вопрос!

   Всем привет! Не так давно в front-end'e поэтому никогда не сталкивался с версткой вот таких вот менюшек: http://joxi.ru/EA4abk7HGk4Qrb Не подскажете, как они вообще делаются? Спасибо!

   Asked by Antoshka007, April 9, 2015

   • как
   • это
   • сделать
   0 votes
   3 answers
10. Обрезание и разворачивание текста

    Добрый вечер, задача такая, в диве есть большой текст, а на странице выводятся только 4 строчки его, как сделать нашел: http://htmlbook.ru/blog/obrezaem-dlinnuyu-stro а как еще добавить к этому кнопку развернуть и по которой див будет развернут полностью, с текстом?

    Asked by RK3DNP, April 10, 2015

    0 votes
    12 answers
11. border текст

    Приветствую, не могу добиться такого эффекта как тут - http://html5up.net/txt Текст наезжает на рамку. https://jsfiddle.net/kL19sfbL/

    Asked by Vans, April 9, 2015

    0 votes
    2 answers
12. Подскажите по вёрстке

    В чём может быть проблема в вёрстке, при уменьшении экрана после 990px контент фиксируется на 990px и появляться прокрутка. Это правильно, но меню всё равно продолжает уменьшаться, в чём может быть проблема? На скриншоте пример вывода Файлы вёрстки можно посмотреть тут: https://yadi.sk/d/eW--fg1UftBKG Помогите решить проблему кто знает, уже голову сломал с этим

    Asked by antonP, April 9, 2015

    • css
    • bootstrap
    0 votes
    3 answers
13. Плавающее по вертикали меню

    Не очень получается сделать меню. Был использован тег <nav>, параметру position было присвоено значение fixed. После чего было получено меню, отлично плавающее по вертикали, НО не могу избавиться от проблемы: как только появляется полоса прокрутки (вследствие увеличения масштаба, например), меню начинает покрывать другие блоки. Не подскажете, как можно бы от этого избавиться? Сделать так, чтобы меню двигалось только по вертикали, а по горизонтали было зафиксировано? Заранее благодарю.

    Asked by gleensande, April 9, 2015

    • position
    0 votes
    4 answers
14. закрывающая кавычка переносится

    помогите пожалуйста решить проблему есть текст, заключённый в кавычки. jsfiddle . проблема в том, что при определённой ширине экрана закрывающая кавычка переносится на следующую строку .хотелось бы чтобы она как минимум не отрывалась от последнего слова

    Asked by cyklop77, April 10, 2015

    0 votes
    1 answer
15. атрибут html для печати файла есть ли такой?

    Добрый день! подскажите плиз ) есть атрибут download (http://htmlbook.ru/html/a/download) результат - нажал на ссылку и файл автоматически скачивается а что нужно дописать чтобы файл автоматически вывелся на принтер и распечатался? или подскажите где это уже обсуждалось спасибо!

    Asked by Игорь79, April 11, 2015

    • печать
    0 votes
    9 answers
16. Изменение высоты адаптивного слайдера

    Здравствуйте! Есть адаптивный блок из трех элементов - левый, центральный, правый. Один из этих элементов - слайдер картинок: http://html.skoba.com.ua/ Не могу понять почему высота слайдера меньше высоты самого блока... Помогите, пожалуйста, решить вопрос - высота слайдера должна быть одинакова во всех блоках. Заранее благодарю за помощь!

    Asked by volshebnyi, April 13, 2015

    0 votes
    25 answers
17. AngularJS routing

    Добрый день. Учу Angular, сделал маршрутизацию. Но при открытии всех страниц, кроме главной, возникает не понятная мне ошибка! Можно наблюдать в консоли. Проблему можно посмотреть на http://li4e.ru/white Подскажите пожалуйста в чем может быть дело?

    Asked by li4e, April 14, 2015

    0 votes
    1 answer
18. Материал для изучения HTML и CSS

    Здравствуйте! Подскажите пожалуйста какие-либо ресурсы / материалы для изучения HTML + CSS включая современные тенденции в этой области, что подразумевается под фразой "современные тенденции", когда то давно я начал изучать PHP, там были примеры как писать Web-приложения, построенные на функциях и множестве файлов (точек входа), потом все выученное я пытался адаптировать под классы, множество раз переписывал, с целью найти правильную концепцию написания сайтов, пока мне не посоветовали прочитать про схему MVC, если бы допустим в книге это было написано, я бы сэкономил кучу времени. Так же просьба отнестись с пониманием, перечитывать 10 книг по HTML и CSS это конечно хор…

    Asked by CLK, April 26, 2015

    • изучение HTML и CSS
    • литература HTML и CSS
    • материалы HTML и CSS
    • ресурсы HTML и CSS
    • статьи HTML и CSS
    • современные тенденции HTML и
    0 votes
    5 answers
19. Как сделать адаптивную таблицу?

    Делаю адаптивный дизайн. Запутался, что с таблицами делать. Вот например дано: <style type="text/css">.tg td{border-style:solid;}.tg th{border-style:solid;}</style><table class="tg"><tr> <td rowspan="2" >Ячейка 1</td> <td nowrap >Ячейка 2</td> <td>Ячейка 3</td> <td rowspan="2">Ячейка 4</td></tr> <tr> <td colspan="2">Ячейка 5</td> </tr> </table> Погуглил, предлагают делать на основе дивов. заменил на дивы <style type="text/css">.mytable {width:500px; border:1px solid black;}.mytable td{border:1px solid black;}.tr {border:1px solid black; }.td {border:1px soli…

    Asked by nikki4, April 16, 2015

    0 votes
    6 answers
20. Как растянуть контейнер по высоте для фонового изображения

    Здравствуйте! Буду благодарен за помощь: http://jsfiddle.net/zp41stpk/ Необходимо вместо белого цвета (контейнер main) вставить адаптивную картинку - фон. То есть, насколько я понимаю, нужно растянуть main по всей высоте body. Вариант с фоном для body не подходит, так как нужно, что бы изображение растягивалось ТОЛЬКО в контейнере main. Заранее благодарю.

    Asked by volshebnyi, April 17, 2015

    0 votes
    4 answers
21. съезжает меню

    http://immersprint.tk/(не реклама) вот сайт, если входу под логином и паролем, то верхняя менюшка нормально располагается, фиксированная позиция, а если я как гость на сайте, то меню съезжает вверх, да и вообще сейчас влево уехало... #container { margin: 0 auto; padding: 30px 30px 0; width: 930px; background:rgba(0, 0, 0, 0.6); border-radius: 5px 5px 0 0; box-shadow: 0 0 5px 0 #555555; overflow: hidden;}#top-menu-container { margin: -32px auto; width: 990px; height: 55px; position: fixed;}#top-container { background: #333333; background: rgba(51, 51, 51, .95); border-radius: 0 0 5px 5px; padding: 0 30px; width: 930px; border-bottom: 1px solid #999999; positio…

    Asked by palomig, April 17, 2015

    0 votes
    5 answers
22. как правильно делать сетку сайта , что за wrapper ?

    У меня небольшой вопрос, как правильно делать сетку сайта и что за часто встречающийся класс wrapper ? Я правильно понимаю что если я делаю сайт шириной 980px то я делаю id или класс wrapper и указываю ему ширину 980px, центрирую его и уже внутри блока с классом wrapper делаю сетку сайта ? тоесть wrapper обворачивает все содержимое и он нужен для того чтобы сделать рабочую область шириной 980px в которой делают сетку сайта? и для класса wrapper надо задать : position:relative;left: auto;right: auto;или отцентрировать с помощью margin:auto; ?

    Asked by yarosh, April 20, 2015

    • сетка сайта
    0 votes
    9 answers
23. Виртуальная(?) ссылка

    Адреса на сайтах blizzard имеют такой вид: http://eu.battle.net/wow/ru/blog/18539917/обновление-62-для-ptr-16-04-2015 "обновление-62-для-ptr-16-04-2015" не является каким-либо файлом, то есть на эту страницу можно попасть, введя что угодно (или вообще ничего) после /18539917/ . Как это делается? Надеюсь на конструктивный ответ, на других форумах тока только попусту треплются.

    Asked by shershen, April 21, 2015

    0 votes
    3 answers
24. Отступ...

    Помогите пожалуйста! Вот ссылка на страницу. Там между слайд-шоу и текстом большой пробел и снизу отступ. Ничего понять не могу. Как убрать эти пробелы? Вот html: <!--Это слайдер--><!--We will make a slider with stylized thumbnails using CSS3The markup is very simple:Radio InputsLabels with thumbnails to detect click eventMain Image--><div class="slider"><input id="id1" name="slide_switch" type="radio" /> <label for="id1"> <img src="/karikaturi/images.jpg" style="position: absolute; left: 0px; top: 0px; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; transform: scale(1.1); line-height: 20.7999992370605px;" /><img src…

    Asked by Mestniy96, April 25, 2015

    0 votes
    3 answers
25. Склеивание сайтов

    Добрый день, нужна помощь умных людей. Имеется сайт на хостинге (неивесный мне) и имеется сайт (html) на компьютере который я делал. Вопрос. Как мне заменить сайт на хостинге тем который у меня на компьютере, чтобы он не потерял свои позиции в поисковых системах. Тупо заменил в файловом менеджере хостинга, но все равно в поиске старый сайт и при переходе по ссылке ошибка о том что страница не существует, что делать, тема горит.

    Asked by forme, April 24, 2015

    • сайт склеивание
    • html
    0 votes
    10 answers