HTML Coding

29542 questions in this forum

1. hover моргает

   Коллеги, здравствуйте! Столкнулся с такой проблемой. Есть <input type="button">. У кнопки есть background и background:hover. При наведении background заменяется на background:hover, но так как изображения hover нет в кеше, в момент замены кнопку дёргает. Сразу оговорюсь, что применение спрайтов недопустимо. Если кто-нибудь знает решение, просьба поделиться. Заранее спасибо за помощь. Примечание: была идея прятать картинки, но в таком случае в кеш они не добавляются.

   Asked by Barsam, October 22, 2012

   0 votes
   6 answers
2. Вертикальное выравнивание декста в div

   Помогите новичку с вертикальным выравниванием .. Создаем div,задаем ему ширину и высоту, ставим фон, помещаем в этот див текст. Текст прилипает книзу и никакими valign или vertical-align центроваться не хочет. Например HTML <div id="catalog" > <div id="uslugi">Услуги</div> <div id="price"><Стоимость</div> <div id="contacts">Контакты</div> </div> CSS #catalog{ position:relative; left: 241px; color: #718447; top: 33px; font-size: 19px; font-weight: normal; text-align:center; } #uslugi{ width:221px; height:46px; background-image:url(header_front-1.jpg); float:left; } #p…

   Asked by veromi, September 1, 2011

   0 votes
   9 answers
3. настройка проекта Bootstrap + Sass + Koala

   До сих пор верстал только с чистым css. хочу начать изучение Sass + Bootstrap (который ранее тоже не использовал) Никак не могу найти описания как правильно настроить рабочую среду без использования Ruby/Gulp/Bower, а с понятным Koala GUI. Где какие файлы размещать и какие файлы можно править в исходниках Бутстрапа, или нельзя никакие и нужно создать свои файлы, которые будут переписывать переменные Бутстрапа?

   Asked by vip, March 11, 2016

   • bootsrap
   • sass
   • koala
   0 votes
   8 answers
4. Input по правому краю (без float:left)

   Со вчерашнего дня пытаюсь найти решение. Нужно кнопку придвинуть к правому краю формы(родителя) не прибегая ко float Это возможно? Вот мои эксперименты. для кнопки установлены такие спили (рамочку и т.д. упустил) input[type="submit"] { width: auto; position: absolute; right: 0px;} Для формы form { padding: 2em 3em 0em 4em; position: relative;}Кнопка позиционируется по правому краю контейнера, в котором находится форма. Если кнопку поместить в контейнер <span style="display:block;position:relative"><input type="submit"></span>Все в порядке, но его высота = 0px и ревизор фаерфокса показывает, что она отображается за пределами формы, что вполне согласу…

   Asked by ekkl, January 11, 2015

   • position
   • relative
   • absolute
   0 votes
   11 answers
5. Заместо русских букв выводятся знаки вопроса

   Помогите пожалуйста. За место русских букв выводятся знаки вопроса !!! Что делать ? С заранее спасибо

   Asked by ClickW, May 2, 2011

   0 votes
   24 answers
6. вертикальное расположение сло?в

   Здравствуйте Есть два слоя в коде страницы: Some text within layer DIV1и сразу же после него ид?т Some text within layer DIV2Возможно ли без участия javascript сделать так, чтобы в броузере div2 был расположен выше чем div1? Это нужно для того чтобы поисковик прочитал сначала второй блок. Высота обоих слоев не фиксированая.

   Asked by hmelii, November 21, 2007

   0 votes
   9 answers
7. Как сделать резиновый сайт?

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

   Asked by energ, April 26, 2011

   0 votes
   5 answers
8. Скрыть кнопку выбора у <input type="file">

   Возможно ли скрыть только кнопку выбора файла у <input type="file">,а название выбранного файла оставить видимым?

   Asked by user, November 3, 2015

   0 votes
   2 answers
9. Помогите пожалуйста сделать расстояние между строками

   Скидивыю часть кода , вопрос в том что , как сделать небольшое расстояние между строками Имя и Email (не пропуском строки ,а такое же как между "Посетите ли вы наш сайт снова" и переключателями ) или это уже не исправить, не умею еще пользоваться хостингом поэтому заливаю инфу таким образом. Помогите пожалуйста советом что делать... <fieldset> <legend> Данные пользователя: </legend> <label> Имя: <input type="text" name="name" size="30" maxlength="100"> </label> <br /> <label> Email: <input type="email" name="email" size="30" maxlength="100"> </label> <br /> </fieldset>

   Asked by Mextrive, April 28, 2023

   0 votes
   2 answers
10. Как вставить фрагмент чужого сайта на свой?

    Попытался сделать это с помощью iframe, но в этом случае не получается регулировать высоту подгружаемой страницы, т.е. она получается не динамическая, и не зависит от высоты подгружаемого фрагмента: <IFRAME SRC="http://www.ya.ru" frameborder="0" height="3000" width="100%" scrolling="no"><br> </IFRAME> Попытался вставлять через пхп типа: <? include("http://www.ya.ru"); ?> или <? $str = file_get_contents( 'http://www.ya.ru' ); echo $str; ?> Если делать через пхп - то пользователь при нажатии ссылки в подгружаемой странице переходит на нее и видит чужой урл. Задача стоит загружать сайт партнера, но не показывать его урл. Помогите пожалуйста раз…

    Asked by Semreg, August 21, 2009

    0 votes
    1 answer
11. Выпадающее меню поверх другого блока

    Добрый день всем, возникла проблема с адаптивностью меню, реализовал выпадающее меню, Но оно сдвигает нижний блок "Услуги мастерской". Теперь сам вопрос, как реализовать меню, что бы оно не сдвигало блок услуг, а легло поверх, т.е перекрывало его.

    Asked by Владимир Горинов, December 24, 2016

    • html
    • css
    • jqery
    0 votes
    2 answers
12. Этапы изучения верстки

    Хотелось бы посоветоваться с форумчанами. Есть желание изучить верстку, прочитала несколько книг на эту тему, некоторая база уже есть. Но тут возник вопрос - а что делать дальше? Имею ввиду, что на данный момент существует некоторый "языковой барьер". Разобраться в коде могу, а сама написать - нет. Кроме того, существует множество вопросов о типах макета (фиксированный, резиновый...), хаках, дивах и других нюансах. В сети много информации, но хотелось бы системности. Буду рада, если дадите совет, как и куда двигаться дальше, чтоб это было максимально эффективно. Извините, если подобные вопросы уже возникали и обсуждались. Спасибо за внимание и понимание.

    Asked by Lisitsa, April 10, 2010

    0 votes
    23 answers
13. Подгружаемые шрифты - почему не отображаются сразу?

    Делаю сайт www.knigivparkah.ru. Для отображения заголовков сайт подгружает свои шрифты. И очень часто бывает так, что при первичном заходе на сайт первая страница отображается другими шрифтами. (К сожалению, не отследил, при каких условиях) - естественно, что верстка при этом выглядит перекошенной. Но при этом если ткнуть мышой в средний баннер в шапке сайта (который содержит ссылку на начальную страницу сайта) - то при таком подходе эта страница отображается уже с нужными подгруженными шрифтами и выглядит нормально. ВОПРОС: почему шрифты не встают на страницу с первого же раза? Я смотрел в отладчике подгрузку файлов для страницы - все вытягивается нормально даже с первог…

    Asked by GRIG, June 20, 2013

    0 votes
    6 answers
14. наставник Поиск наставника!

    Здравствуйте. Изучаю верстку уже около полугода. Недавно встал такой вопрос: "А почему бы не найти человека,который будет мне помогать в верстке,давать советы,говорить как лучше сверстать,тыкать носом в мои ошибки?". Я понимаю,может этот пост будет написан напрасно,т.к. мало людей,кто хочет тратить время на совершенно левых людей,да еще и бесплатно. Но все же,я ищу человека,который станет моим наставником,будет составлять ТЗ, которому можно будет задавать вопросы,когда что-то непонятно,который будет давать советы,как лучше сверстать/назвать тот или иной блок. Немного о себе: Юноша,15 лет,изучаю верстку с августа(сначала прошел курсы на htmlacademy.ru, затем,вот,недавно,за…

    Asked by SilencerWeb, January 1, 2017

    • учитель
    • поиск
    0 votes
    26 answers
15. переход на якорь заезжает за верхний фиксированный блок.

    Добрый день! Уже двое суток голову ломаю, как сделать так, чтобы при нажатии на якорь блок не заезжал за фиксированное меню сверху? Сайт на котором это творится: https://smart-remont.com/ Помогите, пожалуйста.

    Asked by audisport, July 24, 2015

    • якорь
    0 votes
    12 answers
16. Подскажите пожалуйста, где и как можно разобраться с вопросом кроссбраузерности.

    Всем здравствуйте. Сверстал шаблон для сайта на дивах. В firefox и opera все хорошо, а вот в ie6 все ползает. Подозреваю что с ie7, ie8 тож не все гладко будет. Посоветуйте, пожалуйста, как и где можно почитать/поразбираться с особенностями работы css в ie. Согласно справочнику, ie все применяемые мной правила css поддерживает, но тем не менее блоки плавают. Знаю кое-что о хаках. Принимаю все: полезные ссылки, ваши советы и т.п. Можно приписать сюда и другие браузеры, имеющие свои заморочки на эту тему. Стремлюсь получить валидный шаблон для ie6-8, firefox, opera, chrome, safari. Спасибо.

    Asked by denn, November 18, 2009

    0 votes
    22 answers
17. Двойное выпадающее меню

    Добрый день!Подскажите пожалуйста как сделать горизонтальное двойное выподающее меню на HTML 5.

    Asked by RoFF, July 16, 2012

    0 votes
    11 answers
18. Конвертация шрифта

    Добрый день. Делаю флешку по игре, в ней очень желателен оригинальный шрифт игры. Он есть, но формата .fnt, тогда как флеш позволяет встраивать только TrueType шрифты. Подскажите, можно ли сконвертировать .fnt => .ttf, и каким софтом (желательно легкодоступным, задача разовая, тратиться на диск неохота).

    Asked by AlexHog, November 13, 2007

    0 votes
    2 answers
19. Фокус на поле input

    Может я неправильно тему назвал, но смысл такой: у меня есть стартовая страничка, на ней ссылки на избранные сайты. Недавно повесил на нее поиск от гугла. Код такой: <div id="mid" class="fix"> <div id="midCol"><a name="main"></a> <div class="post" id="post-20"> <div class="middle_links"> <ul> <form method="get" action="http://www.google.ru/search"> <td valign="middle"><span class="Estilo9"> <input name="q" type="text" class="cleardefault" maxlength="200" value="" size="50" /> </form> </ul> </div> </div> </div> Можно ли сделать…

    Asked by iahromenko, March 10, 2011

    0 votes
    11 answers
20. div с фиксированной высотой, нужно сделать футер

    есть div с фиксированными высотой и шириной. внутри 3 дива - заголовок, контент, футер. <div class="container"> <div class="header"> title </div> <div class="content"> item content </div> <div class="footer"> toolbar </div> </div> нужно сделать, чтобы футер был снизу, а контент занимал все свободное пространство между заголовком и футером. прижал футер к низу так: .container{ position:relative; } .footer{ position: absolute; bottom: 0; } но с контентом не могу сообразить как.. upd забыл один важный момент: div с контентом должен быть с overflow:hidden. т.е. содержимое дива не должно растягивать див-контейнер.

    Asked by maximt, June 28, 2011

    0 votes
    3 answers
21. Картинка в правом нижнем углу блока

    Помогите, никак не могу придумать как сверстать. Есть блок (неважно какой, див или таблица) произвольной высоты (100%), заполненный текстом. Необходимо поместить в правый нижний угол картинку таким образом, чтобы текст е? обтекал.. фоном никак, позиционирование не да?т обтекания.. не знаю как ещ?...

    Asked by Lergana, March 21, 2008

    0 votes
    4 answers
22. Обводка таблицы изображениями

    Есть таблица, и есть изображения с узорами (к примеру) как можно таблицу обвести этим изображениями со всех сторон по средствам CSS? Задолбался уже думать, практиковать - ниче не выходит...

    Asked by Panzers^), December 7, 2007

    0 votes
    7 answers
23. отрицательный z-index в Firefox или как засунуть картинку под текст?

    Позарез понадобилось вставить на страницу картинку, по ширине превышающую предусмотренный для контента блок. Единственный пришедший в голову вариант - поставить ей position:absolute и положить отдельным слоем, но вот незадача - зараза перекрывает часть ссылок по бокам блока (цветными пикселами картинка на ссылки не залезает, но перекрывает их своей прозрачной частью). Проблема решается установкой отрицательного z-index (ссылки и весь текст оказывается наверху), но тогда картинку не желает показывать любимый файрфокс. Посоветуйте, как быть?... свои идеи пока кончились

    Asked by enkryptor, July 18, 2007

    0 votes
    9 answers
24. Выделение пункта меню, в котором просматривается подменю

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

    Asked by Ник Ример, February 25, 2014

    • css
    • hover
    • drop-down
    • menu
    • выпадающее
    • меню
    0 votes
    4 answers
25. INPUT - определение стилей для select

    Есть такой простой select: <select size="5"> <option value="1">option 1</option> <option value="2" selected>option 2</option> <option value="3">option 3</option> <option value="4">option 4</option> <option value="5">option 5</option> </select> Задача: надо поменять стиль выделения пункта в списке. Как это можно сделать?

    Asked by ATr, May 25, 2007

    0 votes
    3 answers