HTML Coding

29542 questions in this forum

1. Нужен совет ЗнАтОкОв

   Обращаюсь к знатокам своего дела . коих тут очень даже немало ... Вобщем просьба вам такого типа, есть макет , подскажите как лучше будет его верстать... вот ссылка на макет ... http://privetgleb.narod.ru/test.jpg подскажите как будет лучше сделать ... я неопытным взглядом вижу что нуно делать шапку , подвал , и 3 колонки ... По окончании в?рстаки выложу то что получилось для других :-)

   Asked by mOnYa, December 21, 2007

   0 votes
   13 answers
2. Как привязать объект к определённому месту

   Всем доброго дня. Я не слишком сведущ в вопросах вёрстки хотя и имею общее прдеставление - основы HTML CSS(знаю некоторые свойства). Столкнулся с такой проблемой. На странице есть меню на JQuery которое раскрывается и показывает подпункты когда нажимаешь на один из пунктов. Нижестоящие дивы сдвигаются что не очень красиво. Я знаю что можно сделать при помощи position:absolute но мне кажется это не лучшим методом. Подскажите пожалуйста есть ли какой-нибудь другой способ, если есть то какой?

   Asked by vamfirius, February 25, 2011

   0 votes
   6 answers
3. Разная отрисовка шрифта из google fonts.

   Здравствуйте. Верстаю сайт, на котором используется шрифт "PT Sans". Загрузил его из гугло-шрифтов. Как мне всегда казалось, этот сервис автоматические определяет какой формат шрифта нужно отдавать... То есть он детектит браузер и ротатор выдает нужный тип шрифта. И тут случилась проблема... Вот я прошу отдать мне файл <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic&subset=cyrillic' rel='stylesheet' type='text/css'>Подключаю его в стилях .product-params-short .buy-block { font-family:'PT Sans', sans-serif; font-size:18px;}Имеем. Firefox: http://rghost.ru/51191900.view Chrome: http://rghost.ru/51191905.view Надеюсь, проблема ясна - ш…

   Asked by k0d, December 25, 2013

   0 votes
   18 answers
4. Неправильно работают якоря

   Всем привет! Возникла такая проблемка с якорями сайта http://thisissite.esy.es/ Нажмите на сауна, дкакузи и питание. Прокручивают не к якорю а к концу блока.

   Asked by box, November 5, 2014

   • якорь
   • html
   0 votes
   10 answers
5. текст и картинка

   имееться строка текста, например "Большая длинная строка текста1" . по умолчанию на экране браузера она в одну строку, если пользователь изменил рамеры окна, то строка автоматом разбиваеться на две, наприменр стало Большая длинная строка текста1 теперь предположим что справа от этого текста есть картинка. Большая длинная строка текста1 КАРТИНКА Задача: если текст вместе с картинкой помещяеться в окне, то они идут подряд, но вот если картинка уже не влазит , то появляется горизонтальный скролл-бар. а хотелось бы что-бы когда текст и картинка не влазят в окно, то текст разбивался на две строки, освобождая место для картинки. пример было: Большая длинная строка текста1 КАРТ…

   Asked by Iton, August 2, 2007

   0 votes
   11 answers
6. Так можно сделать бордюр в css ? border-left: url(../images/menu_line.jpg);

   Нужно протянуть 2-х цветную вертикальную полоску по краю td.content... Решил сделать ее через jpg прописал в css td.content { padding: 5px; vertical-align: top; border-left: url(../images/menu_line.jpg); } Но она не отображается. Помогите решить задачу....

   Asked by vovchikku, February 27, 2010

   0 votes
   8 answers
7. Выпадающий список прикрутить скролл

   Приветствую Всех! Добрые люди подсказали готовое решение (http://designformasters.info/posts/select-replacement/ ) по реализации своего select. Решение отличное, но вот не получается в него нормально скролл прикрутить, не много видоизменил http://otverblyuda.ru/test/menu/index.html. Подскажите как реализовать скролл правильно.

   Asked by Feduch, February 26, 2010

   0 votes
   6 answers
8. Автоматическое заполнение diva блоками, следующими слева на право

   Доброго времени суток Уважаемые Гуру верстки! Столкнулся с необходимостью автоматически заполнить блок контентом в несколько столбцов. Как здесь: Каждый блок контента принадлежит к одному классу, у каждого фиксированная ширина, а высота разная. Применив float-left блоки заполняют пространство слева направо, но получается разрыв по высоте: Как решить данную проблему? Вот код для примера: <!-- #oblogka { background-color: #C9F; height: 300px; width: 200px; position: relative; } .content { background-color: #CCC; float: left; height: auto; width: 90px; border: 1px solid #00C; } --> </style> </head> <body> <div id="oblogka"> <…

   Asked by tragbang, October 16, 2011

   0 votes
   6 answers
9. Вопрос по кодировке

   При отправке сообщения с формы бланка заказа на сайте, приходит информация в непонятной кодировке((. Т.е. латиница с цифрами отражается верно, а кирилица - нет. Уважаемые специалисты! Посмотрите, плиз, где ошибка: http://www.stalgarant.ru/index.php?id=order&subid=mail

   Asked by NAS 750, May 28, 2008

   0 votes
   15 answers
10. позиционирование

    Здравтсвуйте. Вставляю этот сss код : .shef { position: absolute; top:0; left: 600px; } html код: <div class="shef"><img src="images/shef.jpg" alt="shef" width="160" height="220"/> </div> Все нормально пока не уменьшил окно браузера , это (все вроде ок) до уменьшения окна браузера : http://smages.com/30/db/30db8bba757aedbdb7...4f24948.png.htm а это после уменьшения окна браузера: http://smages.com/cf/b3/cfb3e2283558117ba6...9258933.png.htm Изображение не смещается а остается на месте . Объясните пожалуйста , в чем может быть причина?! Спасибо. P.S. изображение вставил для примера, то что под руку попалось

    Asked by Lobo, July 31, 2008

    0 votes
    15 answers
11. Книга по HTML5 CSS3в полном объёме.И прочее

    Я решил начать учится создавать сайты! 1.Сайты хочу создавать правильно,красиво и что бы функциональные были! Так как книг в общедоступной сети много, прошу помочь с выбором хороших!Где всё рассказывается о HTML5 - не только что-бы о новых тегах и прочему а обо всём HTML языку в целом и новых фишках в новом стандарте, желательно без лишней воды(как говорится что бы сразу к делу)!Аналогично и с CSS3. 2.На компьютере уже имеются программы notepad++ последней версии,так же вся продукция Adobe CS5, ENG и RUS версий. Ну Mozilla и Opera конечно как же без них. Wind-а 7-ая если что... Даже не знаю что ещё и добавить? Хочу изучать всё по одному пособию, так как различия авторов …

    Asked by Andre10Menkov, August 30, 2011

    0 votes
    18 answers
12. Еще раз про DOCTYPE

    Всем привет! Всех с наступающим Новым Годом! Вопрос: если на странице не будет DOCTYPE вообще - это чем чревато? Какую функцию выполняет этот DOCTYPE. Задаю вопрос вот почему: при тестировании дизайна страницы она корректно заработала только когда удалил DOCTYPE нафиг! Полез в Инет - везде пишут "...без доктайпа..." счастия не быват! А тут получается что быват....

    Asked by styleroom, December 27, 2007

    0 votes
    22 answers
13. Таблица прогноза погоды

    Люди, помогите кто знает. Не знаю в какую тему это писать, решил написать сюда. Вот есть сайт www.floppysystems.kz - на этом сайте справа есть таблица прогноза погоды. Эта таблица обновляется с сайта gizmeteo.ru Прич?м эта таблица - отдельный HTML файл вставленный в каждую страницу сайта. Вопрос - какими средсвами можно сделать такую таблицу, и как она вставлена в сраницы сайта???

    Asked by dennrum, March 4, 2008

    0 votes
    5 answers
14. Изменение style.background

    Привет всем! Сделал скрипт который случайным образом меняет фоновый рисунок на заглавной странице, в файрфоксе работает а в IE нет if (document.styleSheets[0].cssRules){ //alert(document.styleSheets[0]["cssRules"][42].selectorText); //alert(document.styleSheets[0]["cssRules"][42].style["background"]); document.styleSheets[0]["cssRules"][42].style["background"]="url(../images/headers/UpPic_"+n+".jpg)" //alert(document.styleSheets[0]["cssRules"][42].style["background"]); } else{ //alert(document.styleSheets[0].rules[42].selectorText); //alert(document.styleSheets[0].rules[42].style["background"]); document.styleSheets[0].rules[42].style.background="url(../image…

    Asked by votan, September 30, 2008

    0 votes
    2 answers
15. Есть ли аналогичная ф-я, кот. адекватно работает в Explorer 6

    ф-я max-width, min-width.

    Asked by NIKKK, October 22, 2007

    0 votes
    16 answers
16. подскажите как сверстать

    Здравствуйте! Подскажите, пожайлуста, как сверстать вот такой макет: красная это рамка вокруг блока, рисунок по середине блока. Спасибо!

    Asked by _axl, October 18, 2008

    0 votes
    16 answers
17. Задачка. Обтекаемый футер снизу.

    Всем Добрый день. Есть следующий вопрос: как можно сделать обтекающий слой прижатым к низу (см. изображение). Высота wrapper будет зависить соответственно от кол-ва контента в блоке left с указанным float. Для вроде бы простой проблемы - в инете решений не нашел (есть только решения для фиксированной высоты), пробовал делать сам следующим образом (путем добавления блока с clear:left и вымещением вверх футера margin-top:-40px;): HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; ch…

    Asked by novicheG, April 3, 2011

    0 votes
    32 answers
18. Неполная обводка ячейки

    В html я полный чайник. Возник такой вопрос: как сделать "неполную" обводку ячейки в таблице. Мне нужно чтобы "основа" ячейки №2 была без линии, а то получается что линия с таблицы №1 и линия с ячейки №2 склеились и как бы 2 пикселя.

    Asked by edwinkkc, September 30, 2010

    0 votes
    12 answers
19. Таблицы и слои. Как прикрепить две картинки?

    Никак не могу придумать, как сделаь подобную штуковину. Ширину для мониторов 1024*768 надо сохранить, т.е рабочее пространство 979. Но для больших мониторов оформление продолжается и картинка за рамками 979 с права и слева тоже продолжается. но если просто делать таблицу в 3 колонки: картинка 105px|содержание 979px (находится в таблице)|картинка 105px то страница не влазит в мониторы 1024*768, что вобщем-то и логично. Картинки плотно без пробелов прилегают к таблице, т.к в шапке тоже картинка. Так как сделать эти две картинки, чтобы они были как фон справа и слева, были видны только тем, у кого большие моники и не растягивали страницу? Надеюсь получилось объяснить. Обычн…

    Asked by Defenderyk, March 31, 2009

    0 votes
    8 answers
20. Выравнивание картинки и текста

    Как можно совместить два вида выравнивания для картинки (т.е. left и middle)? А именно, мне нужно чтобы текст ссылки обтекал картинку справа и выравнивался с ней вертикально по центру. Пример кода: <tr> <td width="300"> <a href="1.html" onMouseOver="document.pic1.src='1.gif'" onMouseOut="document.pic1.src='1_.gif'"> <img src="1_.gif" alt="" NAME="pic1" align="left" width="100" height="100" hspace="5" vspace="0" BORDER=0> Этот текст должен быть справа и по вертикальному центру</a> </td> </tr>

    Asked by SeZuka, October 19, 2009

    0 votes
    13 answers
21. line-height в inline и inline-block

    Почему line-height на высоту inline элемента не влияет, а на inline-block влияет ? Например изначально, при дефолтном размере шрифта в 16px, высота строки в хроме показывает 18.18px. И если применим line-height: 1; - то высота не изменится. А если мы превратим строчный элемент в inline-block, тогда высота уменьшается до 15.45px - и тогда высота строки равняется почти размеру шрифта. Хотя line-height: 1 это множитель шрифта, по идеи в моем понимание высота должна равняться 16px, а не 15.45. Эти значения получены у не стандартного шрифта... Но это сути не меняет. Небольшая заготовка - https://codepen.io/anon/pen/Qxpgoe. Правда там у строчного элемента и…

    Asked by SnowSilver, June 11, 2018

    • line-height
    • inline-block
    • inline
    0 votes
    2 answers
22. INPUT - определение стилей для file

    Люди, подскажите пожалуйста, можно ли для поля отдельно задавать стили для поля ввода и кнопки? Вс? что мне удалось сделать, это задать бордеры, а IE6/IE7 ещ? среагировали на задание ширины (width), но все стили работают для кнопки и поля вместе. Или может кто натыкался на JS-реализацию этого элемента, в которой полю ввода и кнопке можно отдельно прописывать стили... Буду очень благодарен за помощь.

    Asked by GAD, May 28, 2007

    0 votes
    3 answers
23. вопрос по overflow - hidden

    Добрый вечер есть 2 похожие проблемы связаные с overflow - hidden Моя ссылка на работу 1 Это меню в шапке. Так как сайт делается на цмс то нужно скрывать пункты которые не влазиют по ширине, обычно я это делаю это с помощью overflow - hidden для родительского элемента (на моем примере это ul с class="b-menu")но если я поставлю списку overflow - hidden , то у меня скроется и саб меню которое появляется при наведении на пункт меню например "Оптовикам" или "Компаниям" 2 В самом низу есть блок Планируем поступления в котором пока токо один товар(но естествено их будет больше), внутри блока товара есть ссылка "сообщить о поступлении" по нажатию на которую возникает не большая …

    Asked by chiffenok, December 2, 2012

    0 votes
    29 answers
24. Создать доска объявления

    Уважаемые, подскажите решил создать доску объявлений. Нашел плагин Ads-Wordpress_4, скачал последней версии движок WordPress_4.3.1. Нашел сайт где вкратце описывают как установить, настроить и даже примеры досок (уже готовых). Подскажите где найти полную инструкции по созданию доски объявлений (для новичков) или работы с плагином этим. Или может где на другом движке или самому с нуля создать простою доску объвлений. Основы знаний PHP, HTML, CSS имеются. Спасибо заранее

    Asked by bumerkz, September 28, 2015

    • доска объявлений
    • объявления
    • cms
    • движок
    • начинающему
    0 votes
    3 answers
25. Как вынести тег target для img в таблицу css в версии XHTML

    Как вынести тег target для img в таблицу css в версии XHTML. Или есть другие варианты. Картинок много на всех страницах сайта.

    Asked by hardtur, January 22, 2008

    0 votes
    13 answers