HTML Coding

29542 questions in this forum

1. Ссылки

   Всем привет, народ подскажите в чем проблема, я только учусь верстать, поэтому наверно своих ошибок не вижу Вот страница!, файл стилей style.css в той же папке probnik. Так вот на странице есть ссылка в главном тексте, ее легко найти, она одна, что с ней происходит не пойму, она унаследовала стили из хедера, а именно стиль активной ссылки и стиль списка li, но в файле стилей четко прописано что #header a, я так понимаю все ссылки с идентификатором header. А тут такое. Плюс ко всему даже если присваиваешь контенту идентификатор и прописываешь в нем все состояния ссылки #content a как у меня в файле сделано с хедером, опять же все сбивается, пробую для каждого значения сс…

   Asked by RUSA, September 1, 2009

   0 votes
   2 answers
2. Проблемы с меню

   Есть сайт http://escort.ru/ У него есть выплывающее меню, это блоки с абсолютным позиционированием, чтобы были поверх флешки Но при разных разрешениях экрана эти блоки двигаются... как их завиксировать в одном положении?

   Asked by Mary_RND, April 26, 2010

   0 votes
   3 answers
3. Div float

   Допустим сайт состоит из 6 блоков по три в каждом ряду. Какое значение float правильно было бы выставить для них? Для всех блоков заданы конкретные размеры, только высоты нет у контента. Для всех float="left"? Или для тех что справа right? У меня на сайте 6 div по 3 в строчку и снизу DIV футер в 100% ширину. И всё это в DIV контейнере, и нижний футер почему то не в контейнере, хотя он вложен в него, но например если задать бэкграунд контейнеру, то видно что заливка не распространяется на футер, не понятно почему, у всех блоков стоит float="left"

   Asked by SoFuWa, August 20, 2010

   0 votes
   2 answers
4. Классы это хорошо?

   В общем в вёрстке используется десятка два span, и все они одинаковы по стилям. Как лучше, в стилях написать span {}? или задать спану класс? как правильней? писать класс для каждого спана - лишний код, но может, так сказать, по этике вёрстки правильней их присваивать

   Asked by angel12, April 10, 2011

   0 votes
   3 answers
5. Размещение блоков css

   Не Могу разместить блоки чтобе они располагались вот так: <style> * { vertical-align: top; margin: 0; padding: 0; zoom: 1; } </style> <div style="width:192px;background:#000;"> <div style="display:inline-block;background:red;width:32px;height:32px"></div> <div style="display:inline-block;background:green;width:32px;height:32px"> </div> <div style="display:inline-block;background:blue;width:64px;height:64px"> </div> <div style="display:inline-block;background:orange;width:32px;height:32px"> </div> <div style="display:inline-block;background:ora…

   Asked by geroi, August 30, 2011

   0 votes
   2 answers
6. Баг сафари ?

   Привет. Вычитал в гуглах как убрать отступы при использовании inline-block, но сафари вер. 5.1.1 упорно не хочет этого понимать. Даже 7й ослик прекрасно это хавает http://jsfiddle.net/QutPn/2/ Как победить ?

   Asked by lolka84, October 21, 2011

   0 votes
   6 answers
7. ИЕ8 нельзя даже навести на подпункты меню

   в ИЕ8 нельзя даже навести на подпункты меню. Как только с основного пункта убираешь курсор, подменю исчезает. как ето исправить? вот сам сайт http://www.officialbuddyleeblog.com/

   Asked by VioletaMeynell, November 13, 2011

   0 votes
   3 answers
8. Отзывы с премодерацией

   Для сайта гостиницы долго искал готовый скрипт для странички отзывов с премодерацией, но так как мало смыслю ещё в этих делах, мне всё, что я нашёл показалось "не тем" . Подскажите, как построить такую систему отзывов НЕ используя е-мейл?

   Asked by Good_Gosha, March 18, 2012

   0 votes
   3 answers
9. неработает анимация -wedbkit...

   Плиз помогите написал скрипт,но столкнулся с проблемой что без анимации действия проходят ужасно. Короче, полез в нет искать про анимацию css3 из того что нашел сделал такой код увилечения текста но ,он не работает. подскажите почему? .notVisible { -webkit-animation-name:'fullText'; -webkit-animation-duration: 7s; -webkit-animation-play-state:running; @-webkit-keyframes 'fullText'{ from { font-size:30%; } 40%{ font-size:50%; } 60%{ font-size:70%; } to{ font-size:100%; } } }

   Asked by cyber_ua, April 27, 2012

   0 votes
   7 answers
10. 2 картинки в одном диве

    как это можно сделать? чтобы одна была в одном углу , а другая - в другом. Как это прописать в CSS ? и ещё поскажите, пожалуйста, вот эта запись верная? : почему-то у меня перед li ничего не появляется.

    Asked by Нusuf, June 22, 2012

    0 votes
    4 answers
11. спрайты CSS

    Не могу настроить спрайт для фонового изображения. Скажите возможно ли это если у меня фоновое изображение повторяться по вертикали и по горизонтали так как оно маленькое то есть не во всю страницу сайта. Вот код CSS. body { margin-top: -3px; background: url("./images/logo.png") #F3F4F4 fixed; }

    Asked by Roci, July 17, 2012

    0 votes
    4 answers
12. Проблема с блоками

    Использовал разные свойства вроде float и display:block но не помогает.В общем ситуация следующая:Есть новость,фоны для заголовка и текста заданы в ячейках таблиц(это нужно,чтобы при увеличении кол-ва текста средний фон растягивался(если у кого-то есть альтернативный вариант пишите)) и еще 1 ячейка в таблицы для нижней части фона и мне нужно,чтобы эти блоки отталкивали футер.Точно такая же фигня со спанами в общем прикладываю код. Хтмл пример со спанами <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/styles.css"> <title>B?rnud?rzs R?GELE</title> </head> <div id="wrap…

    Asked by oleg.kan, January 3, 2013

    0 votes
    2 answers
13. Новичок. Помогите, пожалуйста, по верстке.

    Проблема в следующем: выпадающее меню сдвигает остальные блоки, вместо того, чтобы просто отображаться поверх. Приношу извинения, если такая тема была ранее, но не нашел. Все, что находил - не помогало. Привожу код. Разметка <!DOCTYPE html> <html lang="ru" > <head> <meta charset="windows-1251" /> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="menu"> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Навигация</a> <ul> <li><a href="#">Карта сайта</a></li> <li>&lt…

    Asked by Stranger, February 21, 2013

    0 votes
    4 answers
14. Ширина input

    Есть элемент input на странице обвернутый в div: <div id="main-image"> <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image"> </div> Со стилями для всего этого добра: #main-image { border: 1px dashed #b3b3b3; width: 280px; height: 200px; } #fileupload { position: relative; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%; width: 100%; } Потом выбраный файл хендлится при помощи jquery file upload. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…

    Asked by spolischook, August 11, 2013

    • input
    0 votes
    3 answers
15. Выпадающий список, однако

    Всем привет. Подсобите, пожалуйста, с одной проблемой. Как вставить в шапку, выполненную в форме таблицы(одна пара<tr>) выпадающий список. Или как поднять картинку вставленную в <ul>, при том расклада что она стоит в ряд, с более большими по высоте элементами. Если не затруднит, то дайте, чистый код с комментариями, мне так будет проще его оптимизировать. Заранее благодарю

    Asked by oxion, February 2, 2014

    0 votes
    3 answers
16. высота блоков

    Всем привет, есть 3 блока http://fscreen.ru/vAc4Rb1314175623 , цены и описание должны быть выровнены по одной линии, есть сузить экран , то высота блока изменяется и появляется скроллинг у блока ( http://fscreen.ru/Vn9c0L1314180238 ) т.к. я задал для блоков фиксированную высоту и overflow:auto; , если без фиксированной высоты, то сами понимаете ничего на одном уровне точно не будет. Как посоветуете решить проблему. Никто не знает есть функция js определяющая высоту контента в блоке ?

    Asked by htmligor, March 1, 2014

    0 votes
    9 answers
17. Применение классов к маркированным спискам

    Здравствуйте! Не получается применить классы или ID к маркированному списку. Дело в том, что списков на странице будет несколько, у каждого списка присутствует свой маркер (маркер заменяю картинкой через list-style-image). Когда пытаюсь применить к списку класс или ID, то все стили слетают. Делать пытаюсь так: HTML: <ul class="ddd"> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> </ul>CSS: ul .ddd{list-style-image: url(images/okay.png);text-align:left;}

    Asked by px379, April 30, 2014

    0 votes
    2 answers
18. Меню как кнопка

    Привет! Как сделать меню, как кнопку Пример: megogo.net/ru/films Нажимаешь и оно остается, только при нажатие на фон, оно исчезает. Как такое проделать? Уже много форумов прошел и нигде нету ответа, пишут нужен скрипт. Для этого нужен скрипт? Разве нельзя через html+css? Помогите пожалуйста, готов посмотреть все решения. Спасибо!

    Asked by Guest Feniks000, May 16, 2014

    0 votes
    8 answers
19. Проблема с 3-мя дивами

    Всем привет, есть 3-и дива уже на готовом сайте в левом div1 список в правом div2 товар а третий div3 находится с низу (там находится меню), проблема в том что первый div1 длинный и он налезает на div3. Хотел попросить вашей помощи друзья как сделать так что бы div3 зависел от div1 а не от div2. Просто уже готовый сайт и можно было бы div1 и div2 объединить в div но нет возможности поэтому могу пользоваться только css(. Заранее благодарен!)

    Asked by AlexandrV, October 27, 2014

    • div
    0 votes
    3 answers
20. Смещение текста

    Здравствуйте! Начал изучать создание интернет магазина. Пишу с помощью php дизайнера. И столкнулся с такой проблемой. Смещается текст в блоке header. Не могу сделать чтобы было одинаково во всех браузерах: Opera, Explorer, Mozilla и т.д. Заранее спасибо! http://itmages.ru/image/view/2082446/5bdf089e http://itmages.ru/image/view/2082436/4c08e429

    Asked by azamatomus, November 30, 2014

    0 votes
    3 answers
21. Изогнутое меню

    Подскажите, как сверстать такой блок без применения картинок? Верхнюю часть можно сделать блоком с border-radius, нижнюю границу с кружочками - псевдоэлементом и тенями. А вот как изогнуть фон меню + текст внутри ? JS плагины разбивают содержимое пунктов меню посимвольно на span, убирая ссылки в всю внутреннюю структуру - это не подходит.

    Asked by Kelenar, July 29, 2015

    0 votes
    2 answers
22. Как сделать блок с бакгроундом адаптивным?

    Приветствую форумчане! У меня такой вопрос: Есть макет, в котором один из блоков требует бэкгроунда картинкой. Проблема в том, что макет PSD фиксированный, а вот вёрстка у меня будет адаптивная. Конечно, картинку просто можно вставить в блок и сделать её адаптивной, но я хочу сделать блок именно с бакгроундом.... Подскажите пожалуйста, можно ли так сделать?

    Asked by tigrus2014, December 8, 2015

    0 votes
    5 answers
23. Flexbox вместо masonry?

    Привет! Есть галерея в конце страницы, построенная на masonry https://www.farmadental.ru/doctors/balayan Подозреваю, что на флексе сделать такое вполне реально, более того, нашел пример, демонстрирующий прекрасный результат Но для флекса по колонкам нужна ограниченная высота контейнера, которая в моем случае всегда разная, т.к. количество и размер элементов всегда разные. Реально ли как-то добиться этого без использования JS ?

    Asked by d0ublezer0, August 15, 2019

    0 votes
    1 answer
24. Резиновый div

    Только начал разбиратся с блочной версткой. но столкнулся, наверно, с простешей проблемой и решить немогу. Есть три блока, два (верхний, нижний) имеют фиксированую высоту, третий (по средине) нужно растянуть на высоту оствашегося пространства. Заранее спасибо. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Блоки</title> <link href="template1.css" rel="stylesheet" type="text/css" /> </head> <style> html, body { paddin…

    Asked by vikentii, November 28, 2009

    0 votes
    1 answer
25. Проблема в картинке или в браузере

    вот такую штуку наблюдаю в ие оверлей идет пнг картинкой на сам блок стоит эффект квери .fadeIn везде нормально обрабатывается в ие вначале такое потом появляется прозрачность может трабла в самом пнг его както по хитрому сохранять? помню в CS2 пнг не корректно отображались в IE браузере надо было хакать pngcrushgamma

    Asked by WalkMan, November 25, 2010

    0 votes
    3 answers