HTML Coding

29542 questions in this forum

1. div в правом нижнем углу

   Надо разместить див в правом нижнем углу другого дива. Если писать position:absolute; right:0; bottom:0. Он размещается, где надо, но текст внешнего дива прячется под этот див, а нужно, чтоб он обтекался. Если написать margin-top:-250px; float:right; — аналогично: блок размещается, где надо, но не обтекается текстом.

   Asked by anatoliy86, August 29, 2011

   0 votes
   11 answers
2. Что лучше для верстальщика iMac или MacBook ?

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

   Asked by Димитрий, October 6, 2017

   0 votes
   22 answers
3. вертикальное выравнивание div'а внутри div'а??

   снова вопрос.. есть что то типа такого кода: <div class="one"> <div class="two"> <a href="boo.htm"><img src="boo.gif" /></a> </div> <div class="three"> <ul><li>boo</li></ul> </div> </div> и к нему CSS .one {width: 600px; height: 85px;} .two {width: 180px; height: 85px;} .three {height: 85px;} Меня интересует как картинку и список выровнять вертикально по центру (их габариты не известны)..

   Asked by ZoolooS, June 19, 2007

   0 votes
   12 answers
4. Прошу помощи по кросс-броузерной верстке

   Привет всем. Делаю сайт на заказ. Движок - Джумла 2.5, дизайн - заказной от стороннего разработчика, преобразование дизайна в шаблон джумлы - от меня. При просмотре готовых страниц в разных броузерах обнаружились проблемы. Некоторые страницы выглядят очень по-разному. Для примера - страница http://test.psy-actual.ru/team/persons Файрфокс версии 23.0.1 - все выглядит идеально. В точности как задумано. (Что не удивительно - это мой основной рабочий инструмент) Хром версии 29.0.1547.76 - почти все хорошо, только последняя фотография почему-то съехала на следующий ряд. Это странно, поскольку для ее вывода используется тот же класс, что и в других рядах из 3 фотографий. Единс…

   Asked by GRIG, September 28, 2013

   0 votes
   15 answers
5. Атрибут role

   Вот они все. http://www.w3.org/1999/xhtml/vocab/#XHTMLRoleVocabulary Стал замечать их использование в верстках современных сайтов. Только вот, все равно не понимаю до конца ихнего смысла. Зачем они? Чисто для сео? Если только для семантики, то разве новых HTML5 тегов и просто правильного названия классов и айдишников не достаточно? В общем, пользуетесь ли вы этим атрибутом? И аргументируйте пожалуйста свой ответ.

   Asked by Evkaky, September 9, 2012

   0 votes
   4 answers
6. Как убрать пунктирную обводку input'ов в firefox?

   Помогите решить проблему с кнопками в Firefox. При нажатии у кнопки появляется пунктирная обводка. Похожая проблема есть со ссылками, но она решается с помощью: outline:none; Но проблема с кнопками вышеуказанным способом не решить. Подскажите есть ли способ решить проблему пунктирной обводки кнопок в Firefox. З.Ы. Кстати проблема пунктирной обводки у ссылок есть и в IE6, и она тоже не решается с помощью outline:none.

   Asked by Nigelist, October 23, 2010

   0 votes
   10 answers
7. Курсор (мигающая вертикальная линия) на элементе

   Здравствуйте! Подскажите, пожалуйста как называется вертикальная мигающая линия (на картинке) и как её убрать Появляется, когда элемент(div) в фокусе, после клика по элементу Лучше сделать элемент не div-ом, a кнопкой?

   Asked by Алёна Стрелкова, July 28, 2015

   • css
   • html
   • курсор
   • cursor
   • каретка
   0 votes
   3 answers
8. В?рстка меню слоями

   Всем доброго времени суток. С использованием таблицы эта задача решается очень просто, интересно можно ли е? решить также просто без использования таблиц. Задача состоит в создании меню со следующими условиями: 1. ширина пунктов в явном виде не зада?тся; 2. меню должно плавать по центру родительского контейнера; 3. каждый пункт меню должен заключаться в отдельный контейнер, в котором можно будет задать отступы текста от его кра?в. Если изложил не понятно, прилагаю код решения с применением таблицы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"…

   Asked by Storm, April 4, 2008

   0 votes
   29 answers
9. Не работает @font-family

   Попробовала использовать подключение нестандартных шрифтов через @font-family, но ничего не получилось. Экспериментировала с разными вариантами шрифтов. Несколько качала с fontov.net и еще один взяла из встроенных по умолчанию в Photoshop. Вопрос заключается в следующем, какие могут причины нерабочести? Ни в одном браузере (Opera, Firefox, Google Chrome) изменения не отображаются. Текст, к которому применяю @font-family, вообще не отображается либо отобржается стандартным (кажется, это Arial). Кто-нибудь сталкивался с подобным? Может дать совет какой-нибудь или объяснить, в чем может быть проблема? Да, кстати, вес шрифта не более 70КБ был, формат ttf, кириллицу поддержив…

   Asked by yatsan, January 29, 2012

   0 votes
   10 answers
10. Подрисуночная подпись - как сделать для нескольких картинок рядом?

    Прочел на это сайте статью про сабж: http://htmlbook.ru/content/?id=112 Проверил все у себя на машине. Все работает классно, но... Меня интересует одна штука: можно ли как-то сделать, чтобы картинки с подписямим располагались не только по вертикали, а и по горизонтали тоже? Теги p и div предполагают непременный переход на новую строку, т.е в результате кода: Винни-Пух в гостях у Кролика Винни-Пух в гостях у Кролика Винни-Пух в гостях у Кролика я вижу три картинки одна под другой - всегда. А я хочу, чтобы при широком окне они стояли рядом, а при уменьшении размера окна - выстраивались одна под другой. Можно так сделать или нет? Пока я знаю два варианта размещения …

    Asked by Vlad97, September 19, 2007

    0 votes
    9 answers
11. Облегчим труд верстальщика! (из word в html)

    Вопрос возник в результате кропотливой верстке, здаровеных таблиц, настока это муторно, скорость работы просто падает! Подскажите пожалуйста, возможно ли из Worda или Excel, прекенуть таблицу в документ HTML? (может прога какая есть) з.ы. использование "сохранить как web-страницу" меня не устраивает! 1. дохрена ошибок 2. прописывает стали в таблице, и многое другое (попробуйте, сами увидите) Хотелось бы толко получить таблицу, с данными! Без какого либо оформления! Спасибо!

    Asked by ARA, June 29, 2007

    0 votes
    19 answers
12. Как сделать выпадающее меню при нажатии (не при наведении)

    Как сделать выпадающее меню при нажатии, а не при наведении? То есть, вот пример, меню: http://cssor.ru/examples/cssmenu/cssmenu.htm здесь меню выпадает при наведении. А мне нужно, чтобы нажав на пункт меню отобразились подпункты и так и оставались.При наведении не надо. Ставила свойство active, но оно при нажатии появляется и тут же исчезает.

    Asked by Alfa2015, March 20, 2015

    0 votes
    9 answers
13. Как отобразить background-image за пределами блока

    Здравствуйте! Есть блок шириной 390px и высотой 100px, который является ссылкой. .div { background-image: url(bg_1.png); height: 100px; width: 390px; } .div:hover { background-image: url(bg_hover.png); } <div class="div"> <a href="#">Текст</a> </div> <div class="div"> <a href="#">Текст</a> </div> Можно ли сделать так, чтобы при наведении на блок фон менялся на bg_hover.png и при этом стрелка слева картинки выходила за пределы блока??

    Asked by Алексей2802, November 30, 2017

    • background
    • background-image
    0 votes
    12 answers
14. Как выдрать с сайта потоковое видео?

    Приветствую всех Можно ли вытащить потоковое видео отсюда ? Если да то каким должен быть код, что бы вставить себе на сайт?

    Asked by antonP, May 4, 2011

    0 votes
    6 answers
15. Полоса вверху сайта

    На всех моих сайтах одна и таже проблема. Вверху сайта какая-то полоса, прошу помочь ее убрать http://blog-rt.ru/

    Asked by alex90aa, August 13, 2009

    0 votes
    35 answers
16. ПНГ кнопка тянущаяся по содержимому

    Ребят, снова нужна ваша помощь, перед нами встала новая задача, вобщем нужно сделать кнопку с закруглёнными углами именно на ПНГ24, и с Ховер эффектом (обязательно!) что-бы эта вещь работала везде, особенно в ИЕ6! Вроде бы проблем нет, но дело в том, что нужно: 1) Кнопка НЕ должна быть фиксированного размера(фикс только Высота), а должна растягиваться именно по содержимому 2) Нужно что-бы в любой момент можно было выравнить эту кнопку по середине экрана, или что-бы легко можно было её прифлоатить влево или вправо при желании 3) Уголки и центр должны состоять из Одного Спрайта, один рисунок! 4) При наведении на кнопку в Любом месте!, вся она должна изменять цвет, вобщем Хо…

    Asked by psywalker, September 14, 2009

    0 votes
    53 answers
17. Кроссбраузерность line-height или как правильно центровать текст по вертикали

    Всем здравствуйте! Столкнулся с проблемой и никак не могу найти рабочее решение. Помогите неучу, пожалуйста! Вот ссылка на JSFiddle и пример кода: HTML: <div class="lineHeight"> HELLO // line-height method </div> <div class="padding"> HELLO // padding method </div> CSS: @import url('https://fonts.googleapis.com/css?family=Open+Sans'); div { font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100px; background: lightgreen; margin: 5px; padding-left: 10px; box-sizing: border-box; } .lineHeight { line-height: 100px; } .padding { padding-top: 42px; /* (100px - 14px) / 2 - 1px */ } Ситуация следующа…

    Asked by Arinden, January 10, 2017

    • padding
    • line-height
    • font
    • webfont
    • android
    • fonts
    0 votes
    8 answers
18. Убрать прозрачность дива

    Здравствуйте такая вот проблема. Есть основной див залитый цветом на котором стоит: opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); Сверху идет следующий див но уже с ПНГ на которой тоже переходит прозрачность. Скажите как убрать прозрачность с дива в котором ПНГ. Спасибо

    Asked by kirhost.com, November 20, 2009

    0 votes
    12 answers
19. Изменить положение кнопки в форме...

    Всем добрый день. Проблема: не удается изменить местоположение кнопки в форме, по отношению к "textarea". В хроме и сафари отображается нормально, но в остальных браузерах кнопка прилипает к "textarea". Каким образом кнопку можно двигать в внутри формы, помимо использования "float" Проясните, кто сталкивался с подобным, код прилагаю. <div id="obratka"> <form action="" method="post"> <p class="f">Ваше имя^*</p> <input type="text" name="t1" maxlength="40" size="30" class="text"> <p class="f">Ваш E-mail^*</p> <input type="text" name="t2" maxlengt…

    Asked by Gensen, April 4, 2012

    0 votes
    2 answers
20. Проблемы с flex в Safari

    Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать flex и показал пример(спасибо ему огромное!). Воспользовался я его советом, все хорошо получилось, но такая красота получается только в Chrome, Firefox да Opera, а в Safari нифига. Вот как должно быть: А вот как в Safari: Как видите, продолжение background нет(высота фиксированная, хотя с flex должна была установится высота блока main) да и тени почему-то тоже нет(пропадает, когда увеличиваешь страницу). Вот верстка: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>{title}</title&gt…

    Asked by Nikita_Barinov, August 10, 2015

    • flex
    • css
    • html
    • верстка
    • safari
    0 votes
    16 answers
21. Примеры верстки

    Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.

    Asked by torsar, November 3, 2023

    0 votes
    0 answers
22. footer внизу страницы

    когда на станице мало информации, footer не остается в самом низу страницы, а располагается в том месте, где закончилась таблица, даже если таблица в середине странички заканчивается.. можно ли "привязать footer" к низу страницы, зафиксировать его там?? и ещ? вопрос по теме: как фон разместить вплотную к нижней части страницы??

    Asked by Arkada, February 23, 2008

    0 votes
    1 answer
23. TABLE

    Вопрос к Модератору и остальным участникам форума; на одном сайте я захотел скопировать код таблицы, если то можно так назвать а вот и адрес сайта; ( http://www.rusbible.ru/ ), но код "TABLE" не дается, почему? И как создать такую вот "TABLE" с узорами?

    Asked by mac-condor, December 30, 2008

    0 votes
    14 answers
24. Что такое Полифилл?

    Что за термин Полифилл?? касательно JS

    Asked by aqua.77, January 27, 2018

    0 votes
    8 answers
25. Смена цвета текста при наведении на него курсора

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

    Asked by mr_0003Spy, March 11, 2011

    0 votes
    10 answers