HTML Coding

29,542 questions in this forum

1. Граница вокруг выделенного элемента

   Доброго времени суток дорогие форумчане. Есть один маленький но очень раздражающий элемент - граница вокруг активного элемента. Помогите разобраться. Ссылка на картинку - http://yadi.sk/d/r1MB369eDwDx8 Фото сделано - Система - MacOS 10.9 Браузер - Chrome последний

   Asked by xxnikolayxx, December 8, 2013

   0 votes
   2 answers
2. border-radius внутренней границы - никак не регулируется?

   border-radius внутренней границы - никак не регулируется? То есть, если мы делаем border-bottom - то очень часто внутренний уголок или имеет меньший радиус или съедается и становится прямоуольным. есть какой-то способ регулировать внутренний угол через css?

   Asked by Zverushka, December 8, 2013

   0 votes
   13 answers
3. Проблема, когда ширина монитора меньше ширины макета

   Здравствуйте. Верстаю макет сайта. У самого монитор в ширину 1024px. Размер макета в ширину 1200px. Для таких мониторов, как у меня должна появляться горизонтальная полоса прокрутки. Она появляется. Но в от в чем проблема. Есть общий блок footer. header { background: url('../img/header_bg.jpg') no-repeat center top; min-height: 1241px; margin: auto; overflow: visible; width: auto; } который служит просто подкладкой и в котором есть фоновое изображение. Его ширина 1 920px. Оно отображается, приведу скрин: Но когда прокручу вправо: фоновое изображение тупо обрезается. Если менять масштаб, то обрезанная область появляется. overflow: visible; не пом…

   Asked by Edward, December 8, 2013

   0 votes
   13 answers
4. Оформления imput через CSS

   Подскажите пожалуйста, как убрать у impyta фон (картинка) если в него пользователь ввел текст. Фон задается через background.

   Asked by Zarathustra, December 8, 2013

   • imput
   • CSS
   0 votes
   6 answers
5. inline-block и float

   http://jsfiddle.net/Chcg3/1/ вот такая ситуация. Желтая кнопка должна быть на новой строке по центру, а она все равно участвует в обтекании, не смотря на отмену его (видимо свойства текста?). В общем вопрос почему так и как реализовать подобную верстку тогда, если не получается отменить обтекание (без лишнего элемента .clear в разметке). Желтая кнопка по ширине должна зависеть от контента (для этого идеально подходит Inline-block или float), ну а красная должна быть справа. Видимо требуется экстра-разметка?

   Asked by Zverushka, December 8, 2013

   0 votes
   4 answers
6. Сделать высоту tr меньше содержимого

   Делаю удаление строки из таблицы, есть желание сделать не просто исчезновение строки, а плавное ее уменьшение по высоте до нуля. И вот вижу, что если задать height для tr меньше, чем содержимое, он не уменьшится. Можно как-то сделать строку с высотой меньше, чем у содержимого?

   Asked by zatvornik, December 8, 2013

   0 votes
   3 answers
7. Ссылки картинкой подряд.

   Здравствуйте.У меня такая проблема..Сделала я на сайте несколько ссылок картинкой и у меня они все идут вот так: 1картинка 2картинка и т.д. А мне нужно чтобы было все вот так: 1 картинка,2картинка и т.д. Т.е нужно что бы ссылки картинкой шли друг за другом (подряд),а не с новой строчки.

   Asked by Cherry06, December 8, 2013

   • ссылкикартинки подряд
   0 votes
   10 answers
8. Шрифты и ctrl+-

   Есть два блока фиксированной ширины, содержащие текст. В одном блоке тексту задан тип шрифта Arial, в другом Times New Roman. Firefox Если уменьшить масштаб (ctrl+- или колесо) на один пункт, то в первом блоке текст вплотную прижмется к правому краю (при увеличении тоже самое), тогда как во втором блоке расстояние до правого края останется как было при 100%. Если еще на один пункт уменьшить, то в первом блоке последнее слово вообще перенесется на другую строку, во втором блоке снова останется все как есть. Chrome Почти тоже самое. IE10 Идеально. Как бы не уменьшал или увеличивал масштаб, текст в обоих блоках всегда изменяется пропорционально ширине самого блока. h…

   Asked by Bassline, December 8, 2013

   0 votes
   3 answers
9. IE6-8 Рендеринг шрифтов

   Здравствуйте, дамы и господа! Сразу с «жалоб». Уже не первый месяц и не в первом проекте сталкиваюсь с проблемой рендеринга шрифта в IE6-8. Шрифт абсолютно по-разному отображается в IE6-8 и в IE9+/Chrome и т.п. Перечитал массу статей, свожу все к кодировке UTF-8, но больше меня интересует решение данной проблемы. Если кто-нибудь знает ответ или же имеет схожую проблему, добро пожаловать на обсуждение! P.S.: На скриншотах обратите внимание на ширину букв. Шрифт Verdana. https://www.dropbox.com/s/qulo4xj97qcym2u/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.22.png https://www.dropbox.com/s/b8vzs3o64ubbve3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%…

   Asked by Ateiri, December 10, 2013

   • IE
   • IE6
   • IE8
   • IE7
   • Font
   • rendering
   • css-hack
   0 votes
   41 answers
10. 2 блока. ширина по содержимому и доступному месту

    Проблема такая: серый блок может быть любой ширины, зеленый должен занимать всё оставшееся место (нижняя коричневая линия обязательна) Никакие варианты с width и float у зеленого не проходят - он получается либо по содержимому, либо на 100% ширины (включая и серый блок) В какую сторону копать? p.s.Рамки у блоков не нужны, нарисовал чтобы объяснить что нужно.

    Asked by basist, December 9, 2013

    0 votes
    5 answers
11. Фон шалин в Мазилле.

    Добрый день! Есть вопрос, решение для которого я не смог найти. Скилл маловат. Вот цитата " http://childsecret.ru/kurs/grudnoe/ В GoogleCrome, Opera отображается так как я создавалВ Firefox один фон back2.png повторяется много разВ Yandex brouser один фон back1.png вообще отсутствует В css прописано так body { background-image: url(../img/back2.png), url(../img/back1.png); background-repeat: no-repeat, space; background-position: center top; } Как сделать, чтобы во всех браузерах было одинаково?" У меня даже мыслей нет в чём тут может быть загвоздка. Помогите пожалуйста советом.

    Asked by Paul_Liferenko, December 9, 2013

    • background
    • mazilla
    • fail
    0 votes
    4 answers
12. Тег main

    <main> также безопасно использовать как и section? Все ли браузеры, которые понимали section поймут <main>?

    Asked by Zverushka, December 14, 2013

    0 votes
    7 answers
13. small или strong?

    Надпись у формы маленьким шрифтом - "Мы гарантируем 100% конфиденциальность. Ваши данные не будут переданы третьим лицам". Семантически - это strong или small?

    Asked by Zverushka, December 9, 2013

    0 votes
    20 answers
14. Каким способом вы отменяете схлопывание margin?

    Каким способом вы отменяете схлопывание margin? Допустим есть блок определенного цвета, а в нем заголовок - нам не нужно, чтобы отступы заголовка двигали блок. Я пока остановилась на padding; 1px 0; Может есть способ получше?

    Asked by Zverushka, December 9, 2013

    0 votes
    9 answers
15. Тени

    Добрый день! При верстке макета возникло несколько вопросов: возможно ли с помощью свойства box-shadow реализовать нижнюю тень у header'a? И как с реализовать логотип, а именно — белый оттенок? Скриншот макета:

    Asked by Aleksandr.L, December 9, 2013

    0 votes
    3 answers
16. Не срабатывают margin-ы и padding-и

    Всем привет. Вот то на чем остановился http://jsfiddle.net/FRc7b/ Хочу с позиционировать элементы текста в правом блоки, задать отступы сверху и снизу, но не работают ни маргин ни паддинг, помогите пожалуйста. вот так вот должно выглядеть это дело http://radikale.ru/data/upload/69fda/4efc3/6d46bae1fe.png

    Asked by WEB-best, December 9, 2013

    0 votes
    2 answers
17. Резиновый дизайн

    Добрый форумчане! Нужно сделать резиновый дизайн. Требование: чтобы до определенного размера рос один столбец, а после - другие(края). Эскиз прилагаю. <table> <tr> <td></td> <!--левая полоса растет если разрешение экрана >1400px--> <td> <table> <!--тело сайта растет до максимального размера 1400px--> <tr> <td></td><!--фиксированный размер--> <td></td><!--изменяемый размер растет пока тело <1400px--> <td></td><!--фиксированный размер--> </tr&g…

    Asked by lersen, December 9, 2013

    0 votes
    7 answers
18. Проблема с плавной сменой картинки

    Дорогие форумчане! Пытаюсь сделать плавную смену одной картинки другой. Использую JQuery. Всё вроде ничего, но почему-то вторая картинка "не понимает", что находится в ячейке. Подозреваю, что это из-за position:absolute;. Подскажите, как обойти этот момент. http://jsfiddle.net/LBRSg/ .image.first,.image.second {margin:0;padding:0;}.image.first {opacity:1px;display:block;position:absolute;/z-index:100;transition-duration:0.96s;-webkit-transition-duration:0.96s;-moz-transition-duration:0.96s;-o-transition-duration:0.96s;-ms-transition-duration:0.96s;}.image.first:hover {opacity:0.00;} div.ImgField {display:inline-block;background-position:center center;background-repe…

    Asked by lersen, December 9, 2013

    0 votes
    4 answers
19. не получается задать абсолютные размеры картинки

    Добрый день! проблема в следующем: не получается задать абсолютное значение для картинки, вставляемой в таблицу (html). то есть при изменении разрешения экрана картинка то сжимается, то вытягивается. сам размер ячейки на это не влияет, так как я пробовал его менять, или вообще не устанавливать - не помогает. также и другие ячейки не могут влиять, проверено. кто-то сталкивался с подобным? как же всё таки сделать так, чтобы картинка не менялась, всегда оставалась одинаковой на всех экранах?

    Asked by Raman, December 10, 2013

    0 votes
    3 answers
20. Див на весь экран?

    Как сделать чтобы див растягивался на весь экран по ширине и высоте? Имею примерно такую структуру: <div id="header"><div id="logo"></div></div><div id="page"><div id="post"></div></div><style>#header{ width:100%; height:100%; background: url(bg.jpg);}#logo img{ max-width: 80%;}Хочу растянуть шапку на всю высоту, в центре расположить лого, но шапка должная обязательно растягиваться на 100 процентов высоты, так как за ней идет сразу же страница, у нее другой фон и она не дожна сразу быть видна на экране. Хочу реализовать что-то на подобии этого - http://www.martinasperl.at/ Обратите внимание, что первое фото с логотипом…

    Asked by gnomikprazdnik, December 10, 2013

    • Див на весь экран?
    0 votes
    2 answers
21. z-index

    Всем привет. Верстая данный макет столкнулся с проблемой, а именно — не получается выставить z-index Header'у задал свойство position: relative; z-index: 3, тени (header:after) — position: absolute; z-index 1. По идее header должен перекрывать часть тени, но этого не происходит. Что я делаю не так? Вот сама верстка: http://clck.ru/8wUq6

    Asked by Aleksandr.L, December 10, 2013

    0 votes
    14 answers
22. Вертикальное центрирование не известно по высоте блока?

    Имею такую структуру: <div id="header"><div id="logo"></div></div><style>#header {height: 100%} #logo img{ width: 80%;}</style>Как задать вертикальное центрирование блоку "#logo"?

    Asked by gnomikprazdnik, December 10, 2013

    • центрирование
    0 votes
    1 answer
23. Как сделать текст под картинкой ?

    Вот моя верстка начатая. http://jsfiddle.net/66Pgf/ правда тама картинки не показаны, но я поставил бордер чтобы видно было границы картинок. Так вот мне нужно чтобы текст был снизу под картинками, как тут http://radikale.ru/data/upload/c2184/04012/77f6865eba.png помогите разобраться.

    Asked by WEB-best, December 10, 2013

    0 votes
    4 answers
24. Помогите убрать левую ссылку

    Здравствуйте, вставил себе на сайт ( сайт на джумле) один модуль который называется Acordion menu, модуль мне очень нужен но, они каким то образом спрятали пару ссылок в нем. Немогу понять где. Помогите найти пожалуйста. сайт http://get-visa.in.ua ссылки ищите справа ( двигайтесь в право до самого конца)

    Asked by andrewmax, December 10, 2013

    0 votes
    3 answers
25. Растягивающийся div

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

    Asked by lersen, December 10, 2013

    0 votes
    5 answers