HTML Coding

29542 questions in this forum

1. Обильное использование id - зло

   Здравствуйте, видел где-то, на форуме, что человек сказал "Обильное использование id в верстке - зло". Как это понимать и как быть ? Использовать больше классы? И в чем заключается зло ? ))

   Asked by Simel, August 8, 2012

   0 votes
   1 answer
2. Опять IE?

   Посмотрите плз страничку в IE9 http://pomidor.com.ua/seemax/Imageneer/HTML/Imageneer.html Во всех броз картина прдсказуема, а в этом футер безобразно едет вправо добавляя горизонтальный скролл. Не удается раскопать причину такого явления. Может знатоки подскажут?

   Asked by seemax, October 1, 2012

   0 votes
   4 answers
3. Вертикальное меню с выдвигающимся подменю

   необходимо чтобы подменю было такой же ширины как меню.А цвет подменю отличался от цвета основного меню.И еще чтобы во время того пока мы смотрим подменю,пункт основного меню из которого выпало подменю тоже подсвечивался каким то цветом .вот ссылка помогите http://files.mail.ru/E865FC42CE7F4E0888FB9568B70BFC3D.я еще амейтер в этом деле

   Asked by gogol63, June 20, 2013

   • Вертикальное меню
   0 votes
   1 answer
4. Замена картинок углов рамки на CSS3

   Нужен помощь, как изменить шаблон сайта. Есть уже подсказка как сделать синюю рамку http://jsfiddle.net/fzTva/ А как переделать остальные? Помогите ?

   Asked by lev99, July 13, 2013

   • css
   0 votes
   2 answers
5. Ширина в %

   Привет ребята есть у меня блок .menu {width: 70%;} а в нём тэги li {width: 10%;} как я понимаю браузер размеры тэгов li считает от края экрана, а как сделать что бы он считал от блока .menu?

   Asked by SnowWind, July 19, 2013

   0 votes
   5 answers
6. firefox или кривые руки

   Доброго времени! Вот код: http://jsfiddle.net/Z6L4r/ в ff 24 (kubuntu) ссылка Help отображается внизу header-а, хотя должна быть с отступом в 10px сверху (примерно по центру header-а) opera, chromium - все нормально. Подскажите решение, пожалуйста. Спасибо.

   Asked by n3r0bi0m4n, October 28, 2013

   • firefox
   0 votes
   1 answer
7. Плагин для отображения каскада в браузере

   Здравствуйте. Довелось тут перевёрстывать шаблон один, так вот там мало классов и id, одни каскады, причём очень длинные. Хотел свой прописать, но не получается, может элемент какой пропускаю. Есть ли какая софтина, которая бы показывала полный каскад до элемента? Скажем открываю я средства разработки браузера, тыкаю на элемент, а он мне строку показывает: body>#superid>.superclass>div>div spanГуглил, но ничего не нашёл похожего.

   Asked by Sigizmund, December 15, 2014

   0 votes
   4 answers
8. Наследование стиля дочерними элементами

   Всем добре. Столкнулся вот с таком проблемой. Есть родительский блок, внутри которого есть еще два div. При наведении на родительский div хочу, чтобы он обводился рамком, для чего использую :hover. Но при наведении на него рамка появляется у дочерних дивов, в зависимости от того, на который наведешь мышкой. Вот код если html <div id="korzina" onclick="location.href='http://"> <div class="korzina_left"></div> <div class="korzina_right"></div> </div> css #korzina{ background-image: url(../images/cart1.png); float: left; top: 20px; position: relative; width: 200px; height: 60px; cursor: pointer…

   Asked by svisch, April 14, 2016

   0 votes
   4 answers
9. Тень у 6-ти угольной кнопки

   Подскажите пожалуйста можно ли как то сделать тень, а именно эффект вдавливания при hover, именно для этой формы кнопки. https://jsfiddle.net/urd76pkp/

   Asked by Konstantin99, April 10, 2017

   0 votes
   1 answer
10. Проблемы с фоном

    При увеличении масштаба возникают проблемы с фоном помогите

    Asked by tifozzzi, February 15, 2019

    0 votes
    1 answer
11. Медиа запросы | CSS

    День добрый. С помощью видео курса осваиваю медиа запросы - адаптация под мобильную версию только на CSS, навигация HTML. Проблема следующая - адаптация работает когда я открываю сайт в окне и на своей операционной системе самостоятельно меняю размер окна, но при этом не работает в режиме разработчика, когда я выбираю просмотр с устройства, в моём случае это был iPad, и при этом автор в видео курсе демонстрирует работу медиа запросов именно там. Я попробовал перенести веб-страницу на свой телефон и открыть её в браузере - адаптивная версия там тоже не сработала. Видео за январь 2020, у автора Chrome - у меня тоже, разве что у него Mac, у меня Windows. Что это за магия т…

    Asked by asmodeusowner, June 18, 2020

    • медиазапросы
    0 votes
    1 answer
12. Opera & Лиса - ОК, IE- бэд

    Пока не осоил DIV верстаю таблицей. Сделал вертску куска форума. Едит место между ссылками с картинками и объявлениями. В IE при заполнении контентом, или из за чего еще средняя часть поехала ( при пустом все было ОК ) . ЗЫ в Лисе и Opera все как всегда ОТЛИЧНО! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" /> <link rel="shortcut icon" href="favicon.ico" /> <title><% TITLE %></title> <style t…

    Asked by freeman, September 18, 2008

    0 votes
    0 answers
13. как "обрубить" ранее заданные hover

    a.link_registration { font-size: 9pt; font-weight: 700; position: relative; top: 12px; left: 65px; } a.link_registration:link { } a.link_registration:visited { } a.link_registration:active { } a.link_registration:hover { border-top: 3px solid #E98402; border-bottom: 3px solid #E98402; } При наведении подчеркивает оранжевым и синим цветом. А нужно, чтобы подчеркивалось только оранжевым цветом (#E98402). Подчеркивание синим цветом задано для других ссылок, класс "link_registration" - уникальный

    Asked by Alek7y7, April 27, 2009

    0 votes
    3 answers
14. проблема с ИЕ

    Подскажите, пожалуйста, в чем может быть проблема. В браузерах: Мозила, Сафари, опера, хром - все ок. А в ИЕ7 и ИЕ 8 сайт (а вернее страница, так как на всех остальных страницах сайт выравнивается) падает. Вот страница www*7kontinentov*com/ru/catalog/newscaf. Заранее спасибо. :

    Asked by desi, December 29, 2010

    0 votes
    4 answers
15. вопрос по шрифтам

    Всем привет!! Что означает Font:100%/1.4 Arial???! И что означает Font-size:100.01%!! Зачем их используют??? Пасиб

    Asked by bot87, April 27, 2011

    0 votes
    4 answers
16. background-position:bottom right

    суть такова, есть конструкция <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(images/carbon.gif); background-position:bottom right; background-repeat:no-repeat; } --> </style></head> что за маразм <body> </body> </html> картинка carbon.gif упорно не хочет стоять в правом нижнем углу тела до…

    Asked by Diamond_Cat, May 6, 2011

    0 votes
    3 answers
17. Фикс-Резина-Фикс

    Здравствуйте, возможно уже обсуждалось (если да то обязательно поищу), но хотелось бы узнать можно ли сделать на дивах такое: <table> <tr> <td width="200px"> Lorem ipsum dolor sit amet, praesta enim formam unitas reddere nominabat princeps </td> <td> Lorem ipsum dolor sit amet, cellam modico illius famem sago specie de </td> <td width="200px"> Lorem ipsum dolor sit amet, nutrix rex in deinde vero diam dominum sit aliquip ipsa hospes. Bene dictis veni perfrictione cogente iniquam deus Hellenici silentio 'genus ei, reflexionis suo Proiciens te princeps ea com </td> </tr> </table> Сделал бы…

    Asked by Inmoz, September 29, 2011

    0 votes
    3 answers
18. Меню верстать одной картинкой или двумя?

    Скажите, как верстать верхнюю строку меню, содержащую и ссылки и поиск? Вырезать их как одну картинку? или отнести ссылки к контенту, а поиск в правую колонку? http://files.mail.ru/6QVOTL?t=1

    Asked by borus, October 17, 2011

    0 votes
    7 answers
19. Проблемы с высотой в 100%

    Здравствуйте! Задана высота контента в 100%, но почему-то контент обрезается... Когда выставляю 2000px - работает нормально. Вот сайт: http://persikmops-ru.1gb.ru/ru/show-results?layout=blog вот код css: * { margin:0; padding:0; } /*стандартные оформление ссылок и заголовков*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /*оформление всех ссылок на сайте*/ a{ text-decoration: underline; color:#759b14 ; } /*непосещенная ссылка*…

    Asked by Zeeeya, November 7, 2011

    0 votes
    6 answers
20. Выложил сайт на хостинг - сменилась кодировка

    Сделал страничку, в notepad++ преобразовал в utf-8 без BOM. На странице тоже указал utf-8 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> .... Когда разместил сайт на хостинге все стало кразозябрами, а кодировка сменилась на windows-1251. Почему такое случилось? Виноват хостинг или я что не так сделал?

    Asked by bob_24, November 9, 2011

    0 votes
    7 answers
21. Картинка - кнопка

    Уважаемые форумчане! Заранее прошу меня извинить, почему-то сама сообразить не могу. Есть две картинки к одной кнопке (синего и серого цвета). В "спокойном" не нажатом состоянии кнопки серые, как сделать так, чтобы кнопка становилась синей при нажатии на нее, т.е. когда она становится активной. Именно при нажатии, а не при наведении. Причем глубоко в душе понимаю, что здесь работает .active{} и иже ему подобное, но как реально прописать такое - увы совсем туплю. Буду благодарна за пинок в правильном направлении. P.s. Можно еще конечно (я так думаю) обратиться к onmouseover, onclick, onmouseout - но с ними я как-то общего языка пока не нахожу). Заранее спасибо.

    Asked by Avesha, February 13, 2012

    0 votes
    6 answers
22. Авторизация

    Пацаны помогайте. Проблема с версткой кнопки в окне авторизации. Задал высоту кнопки "Войти" 130px, показывает эти 130px только фаерфокс, остальные бразуеры(исключая ИЕ, его не пробовал) ставят высоту по дефолту. С шириной таких проблем нет. Это просто практика поэтому больше интересна причина возникновения проблемы.

    Asked by 4ak, February 21, 2012

    0 votes
    5 answers
23. Не отображаются картинки

    http://www.rechnoy-express.ru/ Под заголовком "Речные прогулки..." не отображаются картинки в таблице. Вот код: <table> <tbody> <tr> <td><a href="http://www.rechnoy-express.ru/node/1827">Аренда лимузина на подводных крыльях</a></td> <td><a href="http://www.rechnoy-express.ru/node/1828">Аренда прогулочного катамарана</a></td> <td><a href="http://www.rechnoy-express.ru/node/1829">Карта района плавания</a></td> </tr> <tr> <td><img scr="sites/default/files/river/kater-volga1.jpg"></td> <td><img scr="sites/default/files/river/katamaran1_1.jpg">&l…

    Asked by maritca, July 3, 2012

    0 votes
    5 answers
24. jquery

    в номере 1 появляются строки данных пользователь кликает на строке с данными в квадрате 1(данные должны динамически добавляться в нем) и кнопками >> или << перекидывает эти данные в квадрат 2 или 3

    Asked by rtl_one, December 2, 2012

    0 votes
    5 answers
25. Калькулятор-который умножает одно число на другое!

    Функционал такой: Пользователь - выбирает, ставит галочку в чекбоксе сколько ему нужно цветов (например 101) После этого Цена (4099) умножается ( на количество цветов) и появляется итоговая сумма:413999 Вот и весь функционал Помогите плиз

    Asked by vova1212, December 8, 2012

    0 votes
    8 answers