Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Блок <div> по всей высоте родительского блока

    Здравствуйте уважаемые форумчане! Уже давно зарегистрировался и мониторю этот форум, он помог в решении многих задач.) Подскажите как решить эту проблему. Нужно растянуть блок <div> (блок 1 на рисунке ниже) на всю высоту родителя (родитель имеет не фиксированную высоту, она может меняться). Высоту родителя задает блок 2. (показал на рисунке) Ниже добавлю часть макета с этой задачей: Заранее спасибо!

    Asked by demarko,

    0 votes
    5 answers

  2. Задание цвета полосы прокрутки в Mazille Firefox

    Прошу прощения... хочу узнать, можно ли в Mazille Firefox задать цвет полосы прокрутки, в IE это сделать можно, а в FF у меня не получается... если кто знает каким образом можно это сделать, буду признателен, спасибо.

    Asked by M@X,

    0 votes
    21 answers

  3. Прокручивающийся список

    Подскажите пожалуйста, как сделать похожий список как здесь http://htmlbook.ru/css ? Это только css, или еще JS. В каком направлении двигаться.

    Asked by yume,

    0 votes
    1 answer

  4. Ломаем мозг :)

    Вобщем сижу маленечко верстаю, и при вёрстке у меня возникла такая задача: расположить рядом 2 блока, один фиксированной ширины, а второй резиновой. Я сумел решить эту проблему только используя таблицы. Интересно найдёт ли кто-нибудь решение с блоками. Обязательные условия: Никаких иллюзий и тп, есть масса способов привести результат к такому виду, но задача именно в том, чтобы всё было по честному, никаких z-index'ов и тп. (Кстати на примере, который свёрстан блоками результат достигнут именно через z-index, но этот результат только для примера он не правильный.) На моём хостиге снова глючит FTP так что залить пример не могу, выкладываю код сюда. Делимся мыслями. <…

    Asked by Игорь Ермаков,

    0 votes
    28 answers

  5. Реализайция спойлера в таблице

    Здравствуйте! Мне нужна таблица с 4 колонками с возможностью раздвигать/задвигать спойлер при клике на ссылку в таблице. Попробовал реализовать банальным способом + java скрипт из инета: http://midgebash.3dn.ru/index/test/0-6 Однако все получилось криво) И так вопрос: как можно реализовать такую таблицу со спойлером? (В идеале хотелось бы чтобы текст какбэ выезжал вниз, если так незя ничего страшного) Очень прошу помощи в реализации) Заранее спасибо!

    Asked by Qwas,

    0 votes
    4 answers

  6. Прыгающие блоки в IE

    Делаю простое меню. Как избавится от съезжания последнего блока вниз? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Меню</title> <style type="text/css"> * { margin:0; padding:0; } #mainlevel { clear: both; width: 100%; } #mainlevel li { display:inline; list-style-type:none; } #mainlevel a { width:25%; height:22px; display:block; float:left; } </style> </head> <body> <div id="mainlevel"> <ul> <li><a href="#" styl…

    Asked by Deacon,

    0 votes
    8 answers

  7. Заголовки и отступы между ними

    Пардон, за столь лузерский вопрос... Имеем такой пример кода... <h1>TEXT</h1> <h4>TEXT</h4> Между строками получается очень большой отступ... Как его убрать? Требуется написать именно через заголовки h1 и h4, притом, что отступ между строк должен быть, как будто используется тег <br>... TEXT <br> TEXT

    Asked by Asket,

    0 votes
    3 answers

  8. Картинки в ряд

    Добрый день. Ребят помогите пож сделать красивый код. Внизу картинки http://img.ii4.ru/images/2014/09/26/534790_kiss_25kb.jpg хочу сделать их в ряд http://alyansoil.com/konvejernye-lenty/konvejernaya-shaxtnaya-lenta.html но какой то стиль мешает. как все красиво сделать? получается вот такой вариант http://img.ii4.ru/images/2014/09/26/534791_kiss_35kb.jpg но код вообще жесток <p><a href="konvejernye-lenty/konvejernye-lenty-obshhego-naznacheniya.html"><img title="конвейерная лента общего назначения" src="images/icons/lenta-konvejernaya-obshhego-naznacheniya.png" alt="общего назначения" width="100" height="100" /></a><a style="line-height: 1.5em…

    Asked by psychomonkey,

    0 votes
    6 answers

  9. Резиновый макет!

    Здравствуйте! Посидев на сайте htmlbook.ru в разделе макеты, попробывал сделать получилось,но у меня есть проблема,заключается она в том,что я хочу сделать резиновый макет с тремя колонками,там он есть но он не резиновый и поэтому хотел узнать как мне такой сделать,я новичок если кто сможет объяснить или просто совет дать буду рад выслушать).И ещё кое что,там в макетах есть 1 резиновый макет с двумя колонками вот вопрос, сделав макет и сделав два блока меню слева использую float у меня получилось,сделал 3ий блок хотел сделать меню справа,но блок почему то оказался на уровне нижнего блока слева пытался поднять его на верх не получилось!Если кто может помогите мне с этими 2…

    Asked by Flanidub,

    0 votes
    39 answers

  10. О, Якоря!

    Если на странице есть якорь со свойством display:none и видимый Как на этой же странице огранизовать ссылку, чтобы переводила на этот Якорь и делала его видимым? А еще тому, который видно - дисплей:ноне

    Asked by chest,

    0 votes
    28 answers

  11. Смена css по клику

    В общем проблема такая у меня есть 4 слоя на каждом слое банер вот картинка для наглядности: http://s001.radikal.ru/i194/1002/91/3243c47bdc5e.jpg Допустим изначально показывается красный div, а уже по клику на голубой он выходит в перед. То есть в идеале бы сделать для каждого слоя свой z-index Красному z-index: 4 Зеленому z-index: 3 Голубому z-index: 2 Черному z-index: 1 при клике скажем на голубой надо чтобы индексы стали Красному z-index: 2 Зеленому z-index: 3 Голубому z-index: 4 Черному z-index: 1 далее кликаем на черный становиться Красному z-index: 1 Зеленому z-index: 2 Голубому z-index: 3 Черному z-index: 4 Я понимаю что нужно написать скрипт java div'y добавить па…

    Asked by stars,

    0 votes
    11 answers

  12. HREF - подсветка

    Здравствуйте. Подскажите, как решить следующую проблему, у меня при наведении курсора на картинку она изменяется (ну то есть кнопка обычная), как сделать так, чтобы при нажатии она оставалась такой же как при наведении?

    Asked by energy!,

    0 votes
    9 answers

  13. Использование шрифтов на коммерческом сайте

    Друзья, подскажите на счет шрифтов: Segoe Print и Segoe UI. Могу ли я их использовать на коммерческом сайте? Вроде часть Майкрософт шрифтов полностью бесплатные, но где найти этот список не ясно.

    Asked by onhoric,

    0 votes
    2 answers

  14. Как с помощью CSS и HTML показать только часть картинки

    Можно ли вывести на экран обрезанную картинку, используя только html и css, но при этом, не используя (float: left) Необходимо центрировать и масштабировать картинку по экрану и, желательно, сохранить радиусы и тени. В примере ниже используются два изображения: Верхнее - 1600х900 (размеры всегда такие) Нижнее - 800х900 (размеры всегда такие) - т.е. ровно половина от первого рисунка со смещением от левого края на Х пикселей. Можно ли не загружать для этого два изображения, а для отображения второго рисунка использовать только первый с указанием отступа Х от левого края? То, что должно получиться - на картинке с тигром. Помогите, у кого есть время. Я нашел…

    Asked by Alok,

    0 votes
    2 answers

  15. Checkbox в IE

    Паддинги и маргины обнулил, все равно в ие7 квадратик немного съезжает вправо. Это можно исправить?

    Asked by Kenshi45,

    0 votes
    11 answers

  16. Не правильно работает меню сайта при адаптации.

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

    Asked by prizrak_62,

    0 votes
    2 answers

  17. plugins

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

    Asked by Guest Гость,

    0 votes
    21 answers

  18. Выпадающие меню в теме Slaed и ноль в FF

    Вот сайт http://www.dancehustle.ru на него я сделал тему, пока не до конца доделал, появились 2 проблеммы: 1. Пункт меню Галерея(выпадания только для него нужно) выпадает и не закрывается при отводе мышки, не могу понять почему, вот код меню: HTML <ul id="cssmenu"> <li><a href="index.php">Главная</a> </li> <li><a href="#">О клубе</a> <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> <li><a href="#">Ссылка 3</a></li> <li><a href="#">Ссылка 4</a></li> <li><a href="#">Ссылка 5&l…

    Asked by Spamol,

    0 votes
    28 answers

  19. В?рстка

    Ребят,помогите плиз,мучаюсь уже несколько дней(( У меня такая ситуация, 2-ве Колонки из 2-ух Дивов(Левый и Правый) Левый 80%(контент),а Правый 20%(меню)...Вродебы вс? ровно У меня Экран(разрешение 1900х1200...и када я в н?м прописываю свой код,вродебы вс? ровно,при мо?м разрешении канешна вс? праваильно,НО...када я переключаю Экран на 600х800,то сразу начинаеться следущее: ПРАВЫЙ Див начинает лезть на ЛЕВЫЙ А када я другие сайты врубаю,то там при разрешении 600х800 вс? просто уменьшаеться кабута и ничего на Друг Друга не лезит)))Пусть даже появляется полоса прокрутки(Нижняя)но вс? равно Ничего Не теряеться,каждое слово Видно,каждая мелочь на сайте ,которая была при Разреш…

    Asked by psywalker,

    0 votes
    10 answers

  20. DOCTYPE

    Ерунда получается, если вставит DOCTYPE в самый верх, первой строкой. то низ страницы поднимается вверх, хотя страница должна заполнять все пространство... Уродливо выходит. А если DOCTPE поставить под то не проходит проверку валидатора. Что делать?

    Asked by Cyrax,

    0 votes
    18 answers

  21. Резиновый input внутри резинового div'а

    Как растянуть input на 100% внутри div'a который в 25%. Если тупо задать 100%, растягивает страницу в ИЕ. <style> #kolonki {width:25%; display:block; float:left;} .poisk { background:white url(poisk.png) no-repeat scroll 6px 6px; border:1px solid #D1D6DF; color:#909090; float:right; font-family:Tahoma; font-size:13px; height:20px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:3px 0px 0px 22px; width:100%;} </style> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"> <input class="poisk" /> </div>

    Asked by Избранный,

    0 votes
    1 answer

  22. выравнивание в линию нескольких div-ов по центру

    Здравствуйте, я нович в вёрстке исользую dremwuver 8, возникла следующая проблема. Сайт сделан таблицей из нескольких ячеек. Внутри самой большой мне нужно поместить четыре одинаковых блока (div). Но у меня не получается чтобы в общем все 4 были по центру. В самой ячейке таблицы ставлю выравнивание "center". В CSS стиле для div-ов ставлю ширину 155 px, margin=15 px, float=left - чтобы они встали друг за другом. Открываю в IE6 всё нормально, но как только в Mozila или в Opera, эти дивы смещаются к левому краю, и межстрочный интервал уменьшается. Помогите пожайлуста решить проблему.

    Asked by drimer,

    0 votes
    7 answers

  23. Блок со скошенными краями

    Здравствуйте, подскажите пути решения такой вот задачи: Скрытый текст Адаптивный дизайн, родительский блок сделал с помощью clip-path:polygon, но у внутренних блоков есть border:2px поэтому clip-path не подходит. Подскажите, как правильнее это сверстать?

    Asked by Alex Def,

    1 vote
    12 answers

  24. Кнопка поиска

    Здравствуйте. Мне необходимо чтобы поиск производился по нажатию на кнопку в виде картинки + чтоб при наведении на эту картинку курсора она менялась на другую. Чтоб заменить кнопку "Искать" на картинку я в html прописал код: <input type="image" src="wp-content/themes/MyTheme/images/search.png" name="submit" class="searchbutton" /> C помощью css знаю только как изменить фон класса searchbutton при наведении (псевдокласс hover), но при такой реализации он размещен под картинкой, прописанной в html, то есть то, что она меняется не видно. Так как сделать чтоб заменялась? Спасибо за ответ. P.S. Сайт размещен на локале.

    Asked by Dayks,

    0 votes
    8 answers

  25. округление углов с помощью тэга background

    что-то мозгов не хватает, подскажите как реализовать. П.с. если фоном таблицы уже является рисунок.

    Asked by Podarok2323,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept