HTML Coding

29542 questions in this forum

1. Float vs Position

   В разделе "Верстка с помощью слоев" (_htmlbook.ru). Описаны два метода расположения блоков (слоев) с помощью обтекания (Float) и позиционирования (Position). Оба метода мной испробованы. Хотелось бы уточнить, каким методом верстают профессионалы и в чем разница этих методов? Их достоинства и недостатки.

   Asked by Selen, February 4, 2011

   0 votes
   2 answers
2. Требуется совет по выпадающему меню

   У меня проблема с выпадающим меню - http://s54.radikal.ru/i146/1103/d5/e8f8e411f32f.jpg При нажатии на ссылку в 1м подменю сразу выпадают все дочерние подменю. HTML: <div id="menu"> <ul class="cat_menu" id="cat_menu"> <li><a href="" class="subcat">Новости</a> <ul> <li><a href="">Мир</a></li> <li><a href="">Видео</a></li> <li><a href="" class="subcat">Горячие новости</a> <ul> <li><a href="" class="subcat">Афиша</a> …

   Asked by Mila, March 26, 2011

   0 votes
   5 answers
3. Как сделать профиль?

   Помогите пожалуйста!!! У меня возник вопрос: Как сделать так, что бы когда человек авторизовался, исчезали пункты меню "Регистрация" и "Вход", и появлялся пункт "Профиль", но при этом что бы профиль был у каждого с разной информацией? Заранее спасибо!

   Asked by mur444, April 8, 2013

   • профиль как
   0 votes
   4 answers
4. нет фоновой картинки

   Почему в одном файле для тега <input type="button" /> есть фоновая картинка, в другом она не хочет показываться? CSS: input { display:block; border:none; width:24px; height:24px; cursor:pointer; margin-right:5px; background:url(../icons/Add.png) no-repeat center center; }

   Asked by AndreyT, March 14, 2012

   0 votes
   14 answers
5. Раскрывающееся меню в две строки CSS

   Имеется меню, тут - http://www.shark.ru/sharknew/ Не могу понять, как сделать так, чтобы выползающие при наведении мыши на основной пункт верхнего списка ul'ы не перекрывали li первого уровня во втором списке. (Пощёлкайте/понаводите мышью, пожалуйста, чтобы понять, что я имею ввиду. Я не уверена, что нормально описала проблему словами).

   Asked by maritca, July 4, 2012

   0 votes
   5 answers
6. Широкий сайт.

   Друзья - разработчики. Объясните мне пожалуйста причину, по которой на мониторах с небольшим разрешением сайт выглядит очень широким с возможностью прокрутки вбок? http://www.artsavina.ru

   Asked by ArgonXPrime, May 7, 2013

   • размер
   0 votes
   3 answers
7. Как сделать - "Сообщение отправлено" на текущей странице.

   Здравствуйте. Очень прошу помочь, так как PHP только начинаю учить. Вешаю вёрстку на WP, есть простая форма в файле index.php: <form action="<?php echo get_template_directory_uri(); ?>/quickResponseForm.php" method="post" name="quickResponse"> <label><span>Name:</span><input name="name" type="text"></label> <label><span>Email:</span><input name="email" type="text"></label> <label><span>Ph:</span><input name="phone" type="text"></label> <input type="submit" value="Send" name="submit" title="Send"> </form> Создан обработчик quick…

   Asked by Alarr, May 27, 2013

   • Форма сообщение отправлено
   0 votes
   3 answers
8. webkit - неверное отображение выравнивания по центру Inline-block

   Сейчас модно использовать инлайн-блоки. Очень удобно - выравниваются по центру, но если я захочу задать свое расстояние между ними через word-spacing, то хроме неверное отображает центральное выравнивание. Как это обойти? http://jsfiddle.net/XZ8Kw/2/ Можно также заметить, что маргин-лефт с убиранием пробелов ведет себя также некорректно, но уже искажение идет влево http://jsfiddle.net/XZ8Kw/4/ Если заменить на letter-spacing, то начинает выравниваться правильно. Но насколько кроссбраузерно такое решение, все ли браузеры (и старые в том числе) будут отображать корректно? УПД. Но если убрать опять же word-spacing - letter-spacing также начинает косить влево.

   Asked by Zverushka, October 15, 2013

   0 votes
   13 answers
9. Эффект тиснения градиентом

   Доброго дня уважаемые коллеги. Подскажите пожалуйста, можно ли сделать с помощью градиентов вот такой эффект тиснения? http://savepic.net/7196577.htm Обычный градиент я знаю как делать, использовать несколько градиентов также умею. Но здесь как-то оно на искоса идет у уголков, даже не знаю что делать. Вырезать картинку и так пихать также не очень хочется. Буду благодарен за любую помощь.

   Asked by Velidan, August 21, 2015

   • тиснение
   • градиент
   • эффект
   0 votes
   3 answers
10. Несколько вопросов по SMACSS

    Взял пример с официального сайта из раздела про Layout и решил разобраться как оформить данный блок до конца по методологии. Пример как должно выглядеть в итоге: Меня интересует вопрос нужен ли тут вообще l-grid ведь layout можно через модуль оформить, как и остальные стили. Иначе сам по себе модуль будет зависеть от других стилей позиционирования и без них итемы будут выводиться вертикально, что добавляет лишние зависимости. Первый вариант с вырванным и помещенным в layout позиционированием. <div><h2>Featured</h2><ul class="module l-grid"> <li class="module-item"><a href="…">…</a></li> <li class="module-item"&gt…

    Asked by Zuenf, August 23, 2015

    0 votes
    0 answers
11. Подскажите, как сбросить стили в определенном блоке

    Есть страница с кучей стилей. В рамках ее нужно вставить блок <div> - который не унаследовал бы общие стили. Подскажите, что прописать. Туплю ((

    Asked by niko6456, October 21, 2015

    • css
    0 votes
    4 answers
12. Математика и Веб-программирование

    Всем привет. Начал я недавно изучать JavaScript. Раньше, косвенно (в техникуме) изучал C++ (ну и по-стандарту: Pascal, Basic). Сейчас вот решил заняться вёрсткой, а в будущем хотелось бы перейти в JavaScript программисты. С JS вроде всё нормально, но вот задался вопросом насчёт математики. Ясное дело, что программисту очень нужна математика. Сейчас я в выпускном классе на заочном и за последние года 3 не очень часто занимался математикой, и успел всё забыть. Но раньше с ней дружил хорошо. Вот и решил вернуть свои навыки, но так как время идёт, хотелось бы расставить приоритеты в её изучении. Вот собственно и сам вопрос: Можно ли получить примерный список ра…

    Asked by Tascan, November 22, 2017

    0 votes
    2 answers
13. Не работают Медиза запросы с Grid layot. Помогите понять проблему.

    Приветствую друзья не могу понять почему не работает адаптивка. Осваиваю адаптивную верстку на основе Grid . По задумке у меня несколько колонок которые при сжатии экрана менее чем 500 пикс., должны стать в две колонки. Не могу понять в чем подвох. Вроде бы пример элементарный. Может какая синтаксическая ошибка. Буду оч признателен если подскажете.

    Asked by Rusik177, January 6, 2018

    • grid
    • медиа-запросы
    0 votes
    0 answers
14. Переклинило,помогите :)

    Собственно климануло.. уже пару часов сижу,выход из ситуации найти не могу вот код: <table id="Table_01" width="180" height="86" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"> <img src="images/search_01.gif" width="180" height="6" ></td> </tr> <tr> <td rowspan="3"> <img src="images/search_02.gif" width="17" height="80"></td> <td> <img src="images/search_03.gif" width="146" height="31"></td> <td rowspan="3"> <img src="images/search_04.gif" width="17" height="80"></td> </tr> <tr> <td> <input type="text" name="n" value="" sty…

    Asked by Toster, February 21, 2008

    0 votes
    5 answers
15. Подгон шаблонов под Joomla

    Добрый день ФОрумчане ! Подскажите пожалуйста, как имея например шаблоны templatemonsters - сделать из него шаблон для сайта на движке Joomla ? может быть есть какой то гайд по этому вопросу ?

    Asked by Guest Dimko, September 24, 2008

    0 votes
    1 answer
16. Не подгружается *.js и *.css в IE 6.0

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

    Asked by AlexMak, January 6, 2009

    0 votes
    2 answers
17. "Sandwich" bug. IE6

    В нете недавно откопал для себя новый весьма интересный баг ИЕ6. Решил назвать сам Сэндвичем ибо скоро поймете почему в конце приведу ссылку на источник но смысл вкратце таков, если у вас в родительском блоке например два друг за другом идущих отфлоаченных блока (причем ширина их полностью занимает ширину род блока), ТО если вы между этими 2-мя отфлоаченными блоками попытаетесь поместить больше 1 условного комментария, то текстовые символы которые были в последнем блоке отфлоаченном, вобчем они начнут плодиться в нижней части того самого внешнего блока, думаю весьма плохо обьяснил для тех кто впервые в теме поэтому привожу ссылку на первоисточник. Заранее скажу что про…

    Asked by TonKhaO, December 20, 2009

    0 votes
    4 answers
18. Выравнивание меню

    Столкнулся с такой проблемой, как кросбраузерно выравнять меню по центру, когда меньше пунктов то меню прижимается к правому краю: .header-menu { position: absolute; width: 930px; height: 31px; background: url('../images/bg_menu.jpg') repeat-x; bottom: 0; } .header-menu ul { position: relative; padding: 4px 50px 2px 0; margin: 0; display: block; overflow: hidden; } .header-menu ul li { float: right; display: block; padding: 0 12px 0 18px; text-align: center; } .header-menu ul li span { display: block; font: normal 13px Arial; padding-top: 2px; padding-left: 32px; background: url('../images/pkt.jpg') 0 5px no-repeat; } .header-menu ul li a { displ…

    Asked by okunev2, September 2, 2010

    0 votes
    7 answers
19. Сайт нормально отображается только в Firefox...

    Всем привет, нужна ваша помощь... Вот этот шаблон нормально отображается только в firefox, в остальных - опера, сафари, хром, ие, он отображается одинаково неправильно Вот скрины Файрфокс - http://s002.radikal.ru/i198/1011/44/6d8140fbd45f.png Опера (немного уменьшено)- http://s014.radikal.ru/i327/1011/9a/471a26bcd77d.jpg В чем проблема?

    Asked by 43CrazySpirits, November 2, 2010

    0 votes
    9 answers
20. transition

    Смотрите в чём проблемка. На сайте стоит transition. Он срабатывает для всех браузеров, кроме Firefox ниже 4 версии (беты). Можно ли это как-то обойти? Есть ли какой-то хак, может быть? Желательно сделать это посредством CSS. Мне говорили, что можно это сделать и при помощи JS, но опять же, я не силён в нём.

    Asked by Clubberry, February 22, 2011

    0 votes
    9 answers
21. Помогите

    нужно сверстать вот такой блок портфолио! заказчик хочет чтобы эти картинки были кликабельные, чтобы в последствии их можно было заменить. Проблема в том что я не знаю как к этому делу подступить, с какой стороны. Там еще тень общая и рамки общие.. Получается нужно вырезать отдельно тени со всех сторон, сами картинки и потом накладывать их друг на друга чтобы была рамка в 1пиксель? или както по другому можно это сделать?

    Asked by CheJo, June 5, 2011

    0 votes
    13 answers
22. Как правильно изменять ширину div?

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

    Asked by fikret, July 2, 2014

    • html
    • html5
    • css
    • css3
    0 votes
    5 answers
23. Как сделать, чтобы кнопка нажималась?

    Здравствуйте! Подскажите, как сделать так, чтобы при клике кнопка нажималась? Например, как здесь http://www.int-ext.ru/ (желтая кнопка) Спасибо.

    Asked by Fendia, October 8, 2014

    0 votes
    2 answers
24. Многоуровневое горизонтальное меню

    Салют ребятки. Решил сделать сайт, но столкнулся с проблемой. Не могу создать многоуровневое (3-х) горизонтальное меню (пока не особо получается дружить со списками). Кто профи - помогите! Пожалуйста! html: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Menu</title> <link href="css/menu/style.css" rel="stylesheet" type="text/css"> <link href="css/menu/font.css" rel="stylesheet" type="text/css"> </head> <body> <header> <nav> <ul> <li><a href="#">Текст1</a> <ul> <li><a href="#">Текст1.1</a></li> </ul> <ul> <li><a …

    Asked by Eugenice, January 7, 2016

    0 votes
    2 answers
25. Оформление страницы с помощью flexbox

    Всем привет! Я очень начинающий верстальщик, можно сказать что совсем никакой но тяга к знаниям есть, подскажите пожалуйста как грамотно оформить страничку, расположить графические блоки в столбик, текст должен обтекать слева и справа, пример на скриншоте, как это описать в css? Пробовал через flex все делать но текст либо снизу, либо сверху остается. Спасибо за понимание!)

    Asked by borizzz2018, January 31, 2019

    0 votes
    5 answers