HTML Coding

29542 questions in this forum

1. Тень и выравнивание по центру

   Приветствую товарищей дизайнеров и прошу подсказать насчёт 2 небольших вопросов. 1. Есть элемент с id aaa. Он выводит на экран различные уведомления. Подскажите, как сделать так, чтобы тень была не от всех элементов находящихся внутри, а от рамки этого элемента, который с id aaa? И, правильно ли я задал его расположение? Элемент должен выводиться в центре окна браузера. CSS: #aaa { background: #eee; border: 1px black solid; border-radius: 6px; text-align: center; padding: 5px; position: fixed; left: 25%; top: 25%; text-shadow: 0.1em 0.1em 0.15em #555; } 2. Подскажите, как выровнять сайт по центру?

   Asked by Sandr, August 7, 2011

   0 votes
   4 answers
2. Переопределение цвета в готовом шаблоне

   Доброго времени суток, господа. Имеется Drupal сайт с готовым шаблоном, нужно всего лишь в одной ноде поменять цвет текста в таблице, но как это ни печально не выходит. ссылка на ноду css файл Пытаюсь изменить в ячейке цвет текста "Рабочий телефон" (первая строка) Заранее спасибо всем, кто возьмется разобраться. Понимаю и извиняюсь за css файл с кучей кода, сам не смог найти решения.

   Asked by fast338, September 25, 2011

   0 votes
   6 answers
3. подключенение файла с переменными

   привет всем, сделал html файл к нему с помощью include подключил php файл с переменными. Проблема в том, что эти переменные не хотят светиться в html. 1) подскажите формат файла в, который пишутся переменные. 2) напишите простейший код, может что я неправильно делаю. Или может быть проблемма в том что я делаю это через denwer?

   Asked by supernet95, September 6, 2012

   0 votes
   10 answers
4. что не так в toggle расчехлите

   http://jsfiddle.net/3E5jr/ Почему-то блоки сами съезжаются, не нажимая по блоку

   Asked by vladmih, February 1, 2013

   0 votes
   13 answers
5. Минималистичная верстка, хорошо или нет?

   Всем привет, есть хедер: <header> <a class="logo" href="/">Лого</a> <a class="button" href="/">Кнопка</a> </header> Кнопка имеет float:right и красивое оформление. Вопрос вот в чем: Нормально ли это? То есть, то, что эти элементы не обрамлены в div. Ведь на месте лого могла бы быть и картинка, но и в этом случае я не вижу смысла обрамлять что то в div. Ведь можно просто дать тегу a display:block и будет тоже самое.

   Asked by logicface, July 14, 2014

   0 votes
   2 answers
6. Во весь родительский блок

   Скажите пожалуйста, как можно сделать вот

   Asked by sanya_lampard, October 2, 2014

   0 votes
   12 answers
7. Чтобы все картинки сайта встали по центру

   Здравствуйте! Поменяла шаблон на вордпресс-сайте. Область контента теперь шире чем нужно, картинки лепятся к левому краю. Я их не загружаю в текст, а прописывают отдельно через <img border="0" src="" alt=""> Что прописать в стилях, чтобы все картинки на сайте показывались по центру? По идее можно к каждому изображению добавить <DIV ALIGN="CENTER"> Но это долго и нудно - страниц очень много. Что прописать в стилях для видео, чтобы оно тоже отображалось по центру?

   Asked by StOK, July 2, 2015

   • центрирование картинок
   0 votes
   4 answers
8. В каком направлении копать для адаптивного скроллируемого фона?

   Добрый день! Есть такая задача - в заготовке для сайта имеется картинка очень большой ширины (около 4000 px). Её необходимо сделать адаптивным фоном (к размеру окна браузера/экрана компьютера), выводить центральную часть с несколькими товарами которые "вшиты" в картинку - а остальное пустить под возможность горизонтального скроллинга. (На саму фоновую картину должен быть пристыкован атрибут usemap, сообщенный с "картой", ведущей на страницы конкретных товаров). Пока что удавалось реализовать лишь адаптивность, но без скроллинга (и кажется, в таком варианте и map не пристыковать): .box{ background: url('../img/1.jpg') no-repeat; background-position: center cente…

   Asked by NDanilov2015, April 26, 2016

   • htmlcss
   • css3
   0 votes
   2 answers
9. Форма слайдера

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

   Asked by Dir.t, February 26, 2018

   • кривой слайдер
   0 votes
   2 answers
10. Tilda, Button, Form, JS

    У меня в тильде есть Zero Block с кнопками (например b1, b2, b3) и есть блок с формой в которой есть выпадающий список со значениями (l1, l2, l3). Как мне сделать так, чтобы по нажатию b1, b2, b3 из Zero Block, страница опускалась к блоку с формой и там в списке выставлялось автоматически, соответственно, l1, l2, l3?

    Asked by uppjke, April 23, 2021

    • tilda
    • js
    0 votes
    0 answers
11. Создание таблицы уменьшенных рисунков

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

    Asked by Singer, July 7, 2009

    0 votes
    1 answer
12. Бесшовные текстуры

    Хочу сделать динамически меняющийся фон для сайта, но не нашёл нормальных бесшовных текстур. Где их найти?

    Asked by Tmin10, May 16, 2010

    0 votes
    1 answer
13. swf объект - перекрытие слоев

    Вывожу модальное окно с помощью jquery. В шапке лежит swf баннер. Открываю модальное окно - но он все равно находится сверху. Причем, в мозилле все нормально ... баннер не перекрывает. Но в остальных броузерах он все равно сверху. Как победить? Спасибо!

    Asked by asdxp, May 30, 2010

    0 votes
    3 answers
14. равнение по середине

    Здравствуйте! Есть элемент <div><a></a><a></a>...</div> c переменной кучей ссылок. То-есть иногда этих ссылок может быть две, иногда 6. Как мне сделать примерно следующее <table width="100%"><tr><td><a></a></td><td><a></a></td>....</tr></table> Нужно чтобы ссылки автоматически распределялись в контейнере. Спасибо!

    Asked by акрил, August 22, 2010

    0 votes
    4 answers
15. Форма ввода (еще раз)

    Я снова тут, всем доброго дня\вечера\ночи\утра! Возник еще один вопрос по форме ввода, ниже код для формы ввода пароля, дело в том что при загрузке массивной страницы position absolute срабатует только в самом конце загрузки (тоесть слой на слой не накладуютса) , некрасиво выходит. Так вот, как тут можно смастерить преимущество в загрузке, или есть аналог без этого огромного js (явуянезнать), желательно сразу в onfocus? Заранее спасибо <style type="text/css"> label.overlabel-apply { position:absolute; z-index:1; color:#999; } </style> <script type="text/javascript"> function initOverLabels () { if (!document.getElementById) return; var la…

    Asked by -O-J-A-, September 15, 2010

    0 votes
    2 answers
16. font-face

    Добры день. Пытаюсь использовать шрифт для сайта кастумный через font-face, однако с кириллицей проблемы. Почему то какие то буквы отображаются кастумным шрифтом, какие то нет. Шрифт использую BauhausCTT Regular Генератор http://www.fontsquirrel.com Подскажите, что не так?

    Asked by delch, November 12, 2011

    0 votes
    3 answers
17. Footer в Chrome

    Здравствуйте, я учусь html5 и css (сама не поняла еще 2.1 или третьему). Стараюсь основательно разбираться во всем, и обходиться без "хаков и распорок". Упражнялась в разметке страницы html: <!doctype html> <html> <head> <meta charset=utf-8> <title>Лабораторная 2.3</title> <link rel=stylesheet href=3.css> </head> <body> <div id=wrap> <header>Верхний блок</header> <nav>Навигация<br>Навигация<br>Навигация</nav> <article> <p>Таким образом новая модель организационной деятельности представляет собой интересный эксперимент проверки форм развития. То…

    Asked by gorda, July 12, 2012

    0 votes
    2 answers
18. Расположение инлайновых тегов друг над другом

    Что надо изменить в данной конструкции чтобы время и текст были друг над другом, оба блока растягивались по количеству содержимого, блоки были по центру страницы? Дума, ничего хорошего не надумал. Что я не учёл?

    Asked by Ge1i0N, February 11, 2013

    • block
    • inline
    • inline-block
    0 votes
    2 answers
19. Проблема отступов сверху и снизу у элемента height 100%

    Здравствуйте. Столкнулся с такой проблемой. Не могу добавлять фиксированные отступы у контейнера .gallery-window со всех сторон. Или хотя бы резиновые. Временно решил проблему извращенным способом, увидите в коде, но при уменьшении окна появляются неточности. Слева и справа работает свойство margin: 1%; а снизу и сверху ну никак. Подскажите, как можно добавлять одинаковые фиксированные или резиновые отступы сверху и снизу, что бы при уменьшении окна они либо сохранили пропорции и сверху и снизу (при резиновых отступах), либо оставались фиксированными (при фиксированных отступах). Песочница http://jsfiddle.net/7hqdN/

    Asked by Нарек, June 14, 2014

    0 votes
    5 answers
20. Таблицы + Блоки (нужна помощь)

    Здравствуйте. Требуется помощь в написании одной страницы сайта. Код страницы с которой требуется помощь. Код CSS: Задача стоит следующим образом, нужно разместить изображение карты и на карту слоями нанести определенные надписи на определенных городах. При размещении записей у меня уплывает низ первого блока (div class="div-map"). Т.е. длинна страницы при большом количестве городов очень становится длинной. Фото как получается Как решить такую проблему? P|S код черновой. сильно не ругайте.

    Asked by Payalnik610, December 5, 2014

    • Div
    • позиции
    0 votes
    5 answers
21. Не работает border-image

    http://whoiwas.ru/work/window/ - вот тут код. Попытался в инпутах формы сделать border-image. Но бордера как-такового нету. Только углы видно.

    Asked by Tobey, December 14, 2014

    0 votes
    4 answers
22. Перечесление селекторов в css

    Добрый вечер. Мне нужно для разных id задать одинаковые пересекающиеся свойства. Как это реализовать, через запятую перечисляются стандартные селекторы наподобие {body, hr, h1 и.т.д}, но для id и class это неприменимо.

    Asked by perec200, March 30, 2015

    • css
    • селекторы
    0 votes
    1 answer
23. Проблема с горизонтальным скроллом

    Добрый вечер, уважаемые форумчане! Очень хочется услышать от Вас компетентный совет. Заранее прошу не критиковать меня и не говорить о моих низких моральных качествах) Я сейчас работаю на контору, которая занимается раскруткой адалт-вебсайтов. Мне делегировали исправить косяк с горизонтальным скроллом на одном из топовых веб-сайтов. http://i.shotnes.com/a/10/r0ourtbd.uzj_5669bb5ae83cc.png Скролл появился ниоткуда, получается, что какой-то скрипт делает такую штуку. Он исчезает при зум 75%. В верстке вроде все ок, по крайней мере я не нашла явных косяков, которые могли бы вызвать скролл. Помогите, пожалуйста, разобраться в чем дело. На сайте пф просело на 2% и нача…

    Asked by Orysya, December 10, 2015

    • horizontal scroll
    0 votes
    3 answers
24. Верстка заголовков h1, где они в дизайне не нужны

    Привет! Как бы вы сверстали, если в дизайне страницы для больших экранов не предусмотрен заголовок h1? Скажем, состояние пункта меню бросается в глаза и явно дает понять, где находится пользователь. И дублирование смысла не добавляет. А на мобильной версии наоборот, заголовок нужен, поскольку меню схлопывается. Вот пример http://borodin-art.ru/painting . Заголовки стоят пока. Тег h1 на странице всё же иметь хотелось бы, но без трюков типа display. Чтобы поисковые системы не ругались. Как вообще поступают в таких случаях? Если пришел такой дизайн.

    Asked by Svetlana_P, July 16, 2017

    • заголовки
    0 votes
    2 answers
25. Проблема с версткой

    Всем привет. У меня проблема на сайте с меню. Вот адрес: http://www.clubunnatov.spb.ru/ Проблема в том, что позиция меню отображается в разных браузерах по разному. Можете что нибудь посоветовать? Вот код CSS отвечающий за меню: #menu{position:absolute; top:200px; left:62px;} .open {width:159px; text-align: centerl; height: 40px; border-bottom: none; background: url(fon.jpg); font-family: verdana; font-weight: bold; font-size: 16px; border-left:2px solid black; border-top:2px solid black; border-right:1px solid black; } .close {width:158px; font-family: verdana; background:url(vkladka.jpg); height: 40px; font-size: 16px; border:2px solid black; te…

    Asked by Pavel_html, February 24, 2008

    0 votes
    2 answers