HTML Coding

29542 questions in this forum

1. несколько стилей в шаблоне

   Возник вопрос... как прописать несколько стилей css? Например у меня есть три стиля: green.css blue.css и red.css но нет возможности их загрузит на сайт, поэтому надо впихнуть в сам шаблон. Как это можно сделать...

   Asked by dedgimly, August 21, 2008

   0 votes
   3 answers
2. Несколько стрелок в tooltip'e

   Добрый день. Подскажите пожалуйста, как можно решить проблему. Имеется блок фиксированной (кратной) ширины. Необходимо сделать несколько стрелок снизу блока. Но с помощью after и before можно сделать максимум 2. В моем случае оба используются для 1 стрелки. .arr { position:relative; margin-bottom: 5px; } .arr:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: green transparent transparent transparent; position: absolute; margin-left: -10px; left: 50%; margin-top: -1px; } /*имитация border*/ .arr:before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: re…

   Asked by Cryolite, November 8, 2012

   0 votes
   2 answers
3. Несколько табов на странице

   Ребят помогите пожалуйста. https://codepen.io/brezze/pen/yPmvRv На странице будет много таких табов, мне нужно что-бы если я кликал на вкладки нижнего таба, в верхнем не убирался класс current и текст оставался всегда видимым. Как этого достичь ?

   Asked by brezze, December 9, 2017

   0 votes
   1 answer
4. Несколько текстовых блоков в одном месте

   Хочется чтобы в одном и том же месте выводились разные блоки текста. Изначально все, кроме одного, невидимы через <div style="visibility:hidden;"> Меняя видимость хочется выводить эти блоки. Сейчас сделано так: <section class="main"><!-- #main content and sidebar area --> <section class="content"><!-- #content --> <div style="visibility:hidden; position:relative; top:0px;"> <h2>Бла бла</h2> <p>Бла бла бла</p> </div> <div style="visibility:hidden; position:relative; top:0px;"> <h2>Бла бла</h2> <p>Бла бла бла</p> </div…

   Asked by RizONE, March 26, 2012

   0 votes
   1 answer
5. Несколько фонов, IE7

   Суть проблемы такова: есть сайт с структурой которая приведена ниже. Вся прелесть в том что в блоке r1 задано несколько фонов, и при изменении контента вырисовывается правильная картинка окна (один фон репитится). http://jsfiddle.net/5LFKz/ Мне нужно сделать этот же функционал под IE 7,8. По сколько несколько фонов там естественно не поддерживается, я решил разбить на отдельные контейнеры под каждую картинку. То есть те которые снизу и сверху сделать определенной высоты, а между ними блок который будет репитить изображение. Но у меня не получается это сделать. Вот мой результат: http://jsfiddle.net/5D4nr/ Пока не получилось придумать так чтобы блок o3 (нижняя часть окна)…

   Asked by Holyavko, December 19, 2013

   0 votes
   1 answer
6. Несколько цветов фона

   Здравствуйте, я еще совсем новичок, поэтому прошу совета. С помощью каких тэгов можно реализовать несколько цветов фона (как на картинке). Чтобы эти цвета были не на всю страницу, а только обрамляли текст. Желательно только htlm, если это возможно. Мне нужна просто маленькая подсказка, остальное буду сама делать. Спасибо!

   Asked by solenie, March 20, 2009

   0 votes
   2 answers
7. несколько элементов в строку

   не могу понять - такая конструкция: <div class="header"> <div class="field1">FIELD1</div> <div class="field2"><a href="#" class="logo"></a></div> <div class="field3">FIELD3</div> </div> .header { text-align:center; width:100%; height:200px;} a.logo{background: url(img/logo.png) no-repeat; display:block;width:360px;height:131px;} .field1,.field2,.field3{width:360px;height:131px;display:inline-block;} центральный блок, который содержит ссылку рисуется на уровень выше двух остальных. помогите выровнять их на одном уровне.

   Asked by mafinok, October 1, 2012

   0 votes
   3 answers
8. несколько элементов дизайна в одном jpg

   Есть такой сайт www.macrabbit.com Понравились как сделаны блоки верхнее меню и основной блок, а если точнее как реализован background блоков, но не совсем понимаю как это сделанно, в одном jpg файле нарисованно сразу несколько элементов бекграунда, например http://www.macrabbit.com/global/images/PageFrame.jpg http://www.macrabbit.com/global/images/hea...tionMonster.gif файлы с несколькими элементами бекграунда, четыре раза используется в css Где можно почитать про такой при?м?

   Asked by weblad, May 19, 2008

   0 votes
   2 answers
9. несколько эффектов одновременно

   Возможно ли чтоб при наведении на один блок(допустим на нём эффект появления тени), что вместе с эти эффектом срабатывали еще и другие элементы... ну вот допустим есть шесть квадратов, каждый квадрат это отдельный элемент, наводим на один квадрат и срабатывает эффект только на нём, как сделать что на остальных пяти тоже срабатывал эффект при наведении только на один из них...

   Asked by Radiation15, November 8, 2012

   0 votes
   3 answers
10. Несложная, в общем-то, задачка

    Но для меня html пока что - т?мный лес. А позарез нужно кое-что сделать. А именно: Вот мы имеем, к примеру, ссылку рода http://www.site.org/im.php?id=xxxxxx . Требуется, задав, скажем, начальное xxxxxx равным 100000, пихать эту ссыль в адресную строку с интервалом в 10 секунд, только чтобы заместо хххххх было уже (хххххх+1), (хххххх+2) и т.д. То есть: http://www.site.org/im.php?id=100000, через 10 сек - http://www.site.org/im.php?id=100001, через 10 сек - http://www.site.org/im.php?id=100002 и т.д. Как такое возможно сделать?

    Asked by Jack_Daniels, November 19, 2007

    0 votes
    6 answers
11. Несложня задача по горизонтальному позиционирования

    Здравствуйте, мне нужно чтобы выделеннный кусок (ниже я выделили в коде), при прокрутке оставался на месте, аналогично как http://www.becausestudio.co.uk, сам я версткой ни когда не занимался, но вот жизнь заставила, приблизительно я догадываюсь как это делать, но пока сам разберусь, нету времени, желательно чтобы профи ткнули носом) <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Tender._Default" %> <!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 runat="server"> <meta http-equiv="C…

    Asked by mola10, October 18, 2009

    0 votes
    1 answer
12. Несмотря на выставленный charset проблема с кодировкой

    В коде страницы: <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> При этом вместо русского текста крякозябры. Вот здесь: http://mysfamily.com/rus/gallery_black1.html Что за беда?

    Asked by adelante, April 2, 2013

    0 votes
    11 answers
13. Несовпадение кодировок

    Здравствуйте! Обращаюсь с абсолютно нуберским вопросом. Просто попробовал воспользоваться шаблоном от htmlbook.ru Суть проблемы состоит в том, что какой бы шаблон я не ставил и не сохранял (с помощью Notepad) в виде одиночного html-файла, у меня не совпадает кодировка. Влад пишет в utf-8, это , пожалуй, самая распространенная на сегодня кодировка. Но при открытии файла в браузере я вижу множество вопросительных знаков всюду, где есть кириллические символы. После повторного открытия файла Notepad-ом даже комментарии становятся в виде вопросов. Что делать?

    Asked by Xelborg, June 24, 2011

    0 votes
    4 answers
14. Несоосность линий

    Доброго. Несколько лет назад видел статью про ошибки округления в браузерах, но не смог за давностью лет найти этот материал обратно.. Суть вопроса http://beavers-net.narod.ru/primers/boolean_sch/bool_sch_min_pr.html Стили http://beavers-net.narod.ru/primers/boolean_sch/base.css Есть схемка. Реализовано все на таблицах + чутка блоков. при масштабировании страницы что-то как-то куда-то уезжает все Например: http://beavers-net.narod.ru/primers/boolean_sch/err1.jpg строка таблицы по высоте проставлена 16px, но при уменьшении масштаба становится ниже (см. рис.) Или разъезжаются части схемы: http://beavers-net.narod.ru/primers/boolean_sch/err2.jpg Opera 30, Chrome 43. H…

    Asked by tt48, June 20, 2015

    0 votes
    4 answers
15. Несоответствие кодировки

    Приветствую! У меня есть сайт http://rkp-trans.ru, он сделан в кодировке UTF-8. Я хочу усатановить скрипт каталога сайтов http://rkp-trans.ru/links/ ,он работает только с кодировкой windows-1251. Информация загружаемая скриптом не отображантся. Насколько я понимаю, один из вариантов - изменить кодировку сайта (сделал попытку и решил написать =) в поисках более простого и быстрого решения), второй - изменить кодировку скрипта (это не возможно). Есть ли еще варианты? Что делать, подскажите? =)

    Asked by dmitry341mg, May 29, 2009

    0 votes
    2 answers
16. Несоответствие начертаний шрифтов Photoshop при верстке

    В Photoshop есть различные начертания шрифтов, типа Regular, Semibold, Bold. Как подобрать соответствия им через font-weight. Т.е. если указано Semibold, выбираешь тот же размер, шрифт и непонятно какое выбирать начертание, ни обычное ни bold не похоже

    Asked by sergeysurovikin, April 10, 2012

    0 votes
    11 answers
17. Несоответствие стандарта и написанного кода

    Сильно не бейте плиз если нублю, проблема в следующем, стандарт на сайте XHTML 1.0. валидатор выдает 20 ошибок типа: или вот например: насколько я понял это проблема в стандарте, однако, если я изменяю стандарт, то ошибок становится в разы больше, подскажите как можно исправить ситуацию?

    Asked by WabFad, January 12, 2011

    0 votes
    7 answers
18. Несоответствия результата и psd-исходника

    Всем привет. Ознакомившись с азами, взялся верстать простенький макет, скачанный из Сети. Однако столкнулся с неожиданными проблемами, причем, не каким-тот там позиционированием, а с несоответствием psd-макета и результата. Итак, скрин PSD-макета: Теперь скрин из браузера: Фон задавал как обычно: дефолтный + url картинки. Но… В точке 1 обозначил ступенчатый переход, он виднеется по периметру с двух сторон, где картинка накладывается на фон. При этом, на макете не нашел ни градиентов, ни дополнительных фонов. Цвета, естесно, копировал, а не на глаз. Я понимаю, что он из-за перепада цветов, но почему ж эт…

    Asked by Raritet, January 27, 2017

    0 votes
    2 answers
19. Нестабильная тень у текста в Хроме

    Здравствуйте. Заметил нестабильность text-shadow в Хроме на некоторых буквах(буква Я на рисунке). Здесь можете увидеть в реальности К тому же тень у первого пункта меню стала какой-то "обглоданной" Не помню после какого момента это стало Это как то можно выравнять?

    Asked by borus, December 18, 2012

    0 votes
    2 answers
20. Нестандартная верстка

    Здравствуйте, уважаемые форумчане! Мне нужна небольшая помощь с версткой. Верстка трехколоночного сайта. Имеется готовая верстка, в которой нужно внести небольшое изменение, а я не знаю как. Вот ссылка для скачивания верстки: http://dump.ru/file/5215651 - вопрос в том, как сделать чтобы шапка и подвал были не сверху и снизу (соответственно) правого блока, а прижимались к нему сбоку (соответственно шапка сверху сбоку блока, подвал снизу сбоку блока)?

    Asked by slava03, May 12, 2011

    0 votes
    4 answers
21. Нестандартная верстка

    Добрый вечер. Во время верстки учебного макета, столкнулся с трудностью. Имеется фиксированный блок. Отцентрированный (margin: 0 auto;). Размер блока 900px; Все бы ничего. Но справа, к шапке тянется рука, держит визитку. Размер руки за пределами блока 270px; С самой версткой вопросов нет. Но вот как можно прикрутить руку, что бы основной блок оставался в центре, при любом разрешении и рука прилегала к правому краю. И была видна в зависимости от разрешения. Готового решения не смог найти. А моих знаний не достаточно для реализации. Есть идеи ?

    Asked by Selen, October 12, 2011

    0 votes
    6 answers
22. Нестандартная верстка шапки сайта

    Здравствуйте. Я начинающий верстальщик и решила взяться за нестандартную верстку сайта. Так как это мой первый опыт, я не знаю как сделать эту шапку сайта. Подскажите, с помощью каких модификаторов css это делается, или нужно использовать js? Может есть какие-нибудь примеры? з.ы. интересно так же, как делаются данные часы обратного отсчета в шапке. если у кого-нибудь найдётся пример на php буду премного благодарна

    Asked by kotikes, February 22, 2017

    • шапка
    • header
    • html
    • css
    • js
    • верстка
    0 votes
    4 answers
23. Нестандартная задача :huh:

    Всем привет! По сути дела: Есть "шапка", сразу под шапкой располагается меню. Рисунок в шапке задан через background, и имеет высоту "с запасом", так что его нижняя часть прячется под дивом #menu. Вот, собственно говоря, сам макет: К пунктам меню (li) применяется псевдокласс hover с белым бэкраундом. Каким образом можно сделать так, что бы при наведении курсора на пункт меню, вместо белого бэкграунда просматривалась бы скрытая часть хэдэра (облака). Пытался решить это задачу через opacity, но зашёл в тупик - к чему её применять? Вот соответствующие фрагменты CSS: #header { background: url(images/layer1.gif) #455A79; height: 116px; padding: 15px 0px 0px 0px; } ...…

    Asked by bravada j, March 11, 2009

    0 votes
    9 answers
24. Нестандартная карта

    http://prntscr.com/6x5abq Не делал еще такого, может есть примеры реализации? Буду благодарен за любые подсказки.

    Asked by fireman691, April 23, 2015

    • карта
    • яндекс
    • гугл
    • yandex map
    • google map
    0 votes
    5 answers
25. нестандартная карусель

    помогите пожалуйста советом никому не попадалась карусель, которая работает следующим образом? если попадалась, то поделитесь ссылочкой или названием START: в центре экрана появляется(с любым эффектом) изображение, затем по бокам от него появляются ещё 4 изображения. пользователь жмёт кнопку и центральное изображение исчезает, затем исчезают изображения по бокам go to START

    Asked by cyklop77, July 4, 2014

    0 votes
    18 answers