HTML Coding

29542 questions in this forum

1. Помощь в верстке сайта для ведущих

   Добрый день! Прошу помочь в верстке сайта http://podarok.roool.ru/. Съехал весть текст в бок и я не могу его поправить. Может подскажите что еще можно исправить на сайте и в коде в плане SEO-оптимизации

   Asked by Serg Shew, December 29, 2014

   • помощь
   • верстка
   • сайт
   • ведущие
   • начинающий
   0 votes
   10 answers
2. несколько div и всплывающая подсказка

   Здравствуйте Есть у меня такое <div class="pole1"><div id="divseed0" class="pole_img"><img id="seed0" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=" onload="if(this.src=='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=')this.src=seed_src[0];" onclick="onClickSeed(event, this);"></img></div><div class="pole_name"><?php echo $pole1?></div><div class="pole_infox">1:<div class="info"><?php echo $pole1?&…

   Asked by Andrij, December 29, 2014

   • div title css3 html5
   0 votes
   1 answer
3. Проблема с отображением одной из границ таблицы

   Добрый день, уважаемые форумчане, Прошу помощи/совета со следующим вопросом. Пытаюсь изменить внешний вид модуля для джумлы (прогноз погоды) и застопорилась на проблеме с обводкой таблицы - по какой-то причине, в Safari и Chrome не отображается правая граница (при этом в Firefox на данный момент все отобразилось). Ссылка вот: http://greece-guide.ru/attica/athens/10-pogoda-v-afinakh Вот скриншот, как это отображается в Safari - Границы нарочно сделаны толстыми, для наглядности. Вот кусок CSS: /* TABLE-UI *//* —————————————-- */.nordui-table {margin:15px 0 15px 0;padding:0px;background: #ffffff; border: solid thick #3EC3D9 !important;}.nordui-table-header {fo…

   Asked by Irgo, December 28, 2014

   0 votes
   2 answers
4. Проблема с инпутами при подстановке значений с всплывающих подсказок

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

   Asked by BaBaKa, December 28, 2014

   • css
   • html
   • inputs
   • background-image
   • всплывающие подсказки
   0 votes
   3 answers
5. Слайдер

   Пробую сверстать свой первый сайт с шаблона Psd .После шапки сайта идет слайдер реально ли мне новичку собрать слайдер и с чего хотя бы начинать его делать??Легких путей не ищу:'))

   Asked by eremeevd, December 28, 2014

   0 votes
   8 answers
6. Меню и DIV

   Добрый день Есть один html-макет на css Каждый div описывает css Хочу вставить меню, но что-бы при выборе пункта внутри div подгружалася свой html файл <div class="tabs"><ul id="Tabs"> <li id="TwoTab" class="Tab"><a href="#Two" onclick="Two(); return false;">Вторая</a></li> <li id="OneTab" class="SelectedTab"><a href="#One" onclick="One(); return false;">Первая</a></li></ul></div><div id="block6"><div id="Content"><!-- Первая --><div id="One"><p>Группа символов для объема 1...</p></div> <!-- Вторая --><div id="Two" style="display: none;"><p>Г…

   Asked by dedulka, December 28, 2014

   • css div
   0 votes
   12 answers
7. overflow:hidden

   Помогите разобраться слева и справа с помощью overflow:hidden получилось скрыть(обрезать) края картинки, а сверху не получается.

   Asked by eremeevd, December 28, 2014

   0 votes
   11 answers
8. Проблема с viewport

   При отсутствии тега вьюпорт сайт не влезает во весь экран на айпаде. При использовании вьюпорта width=device-width сайт обрезается и справа появляется пустое пространство. Прокрутить горизонтально сайт не получается. Если сделать вьюпорт width=1200px, то все нормально. В чем может быть проблема? Скриншот прилагаю: http://i68.fastpic.ru/big/2014/1227/ac/573759c329f769151b075bc23a900cac.jpg

   Asked by Blackbird, December 27, 2014

   • Viewport
   0 votes
   0 answers
9. Проблемы с tooltip

   Все привет, надо сделать tooltip, красивый что-бы в нем работали теги html, у меня вот есть один. Ну суть в том что мне надо каждый раз писать ширину какая должна быть А как быть что-бы ширина сама делалась? Так и высота? Заранее спасибо. Например HTMl код. <a class="mad_tt"><clan style="color: #000000; cursor:help;">Привет</clan><span class="mad_tip" style="min-width:291px; cursor:help;">Привет еще раз</span></a>CSS код. .mad_tt {position: relative;cursor: default;display: inline-block;text-decoration: none;outline: none;border: 0px;}.mad_tt span.mad_tip {font-weight:normal;font-family: tahoma, arial, verdana, sans-…

   Asked by Lozhkaa, December 27, 2014

   0 votes
   4 answers
10. что за ерунда такая?

    вот сайтик http://texteredsa.besaba.com/bls/bls/ а вот скриншот как выглядит в s3 http://hostingkartinok.com/show-image.php?id=d2f387dcad1d2cd1cd7cb9cd1aadba8a почему так? заметил что если добавить <meta name="viewport" content="width=971"> то все проблема решается но появляются другие проблемы почему эти блоки так масштабируются?

    Asked by raptor-dm, December 27, 2014

    0 votes
    0 answers
11. Hover

    Подскажите пожалуйста, есть меню: т.е ссылка + слева иконка я сделал это так: .menu li.faq{ background: url(../img/faq.png) no-repeat 20px center;}.menu li.news{ background: url(../img/news.png) no-repeat 20px center;}Но, при наведении должен меняться цвет + добавляется еше 1 иконка вот так: .menu li a:hover { background: #d9d9d9 url(../img/menu-active.png) no-repeat 90% 50%;}сделал я это вот так и в итоге у меня иконка слева пропадает при наведении, как исправить можно?

    Asked by cruel09, December 27, 2014

    0 votes
    11 answers
12. Проблемы верстки с Masonry

    Проблема заключается в том, что в ФФ в первый раз открытия сайта и/или обновления без кеша (Ctrl+F5), а так же в хроме всегда до изменения размера окна и восстановления его блоки .item наезжают друг на друга и/или проваливаются под подвал. F5 в ФФ вопрос снимае в Хроме нужно изменить размер окна и восстановить в исходное (чтобы перестроились блоки) лежит тут

    Asked by To_wave, December 27, 2014

    0 votes
    2 answers
13. Прижать один элемент (блок) к другому

    Имеется сайт, кнопки голосования в красной рамке надо прижать к кнопкам меню (само меню в зелёной рамке). Как это сделать? Сам верстаю на HTML/CSS 4 с лишним лет, но такие вещи в голове уже не проецируются

    Asked by iBars, December 27, 2014

    0 votes
    7 answers
14. Подскажите, почему отступ не делается корректно?

    Здравствуйте. Есть проблема, у меня есть контейнер и в нем еще один блок, так вот я хочу задать отступы с лева и с верху для данного блока. Отступ слева работает нормально, а при отступе сверху контейнер снижает в низ к блоку. И еще когда ставлю рамку контейнеру, то все работает нормально. Совершенно ничего не понятно. Вот код <html><head><title>Go.</title><link rel="stylesheet" href="ppp.css"></head><body><div id = "container"> <div id = "menu" > </div> <div id="img"> </div> <div id="title"> </div> <div id="text"> </div> <div id="copyright"> </div></div&…

    Asked by slavador, December 26, 2014

    0 votes
    1 answer
15. Срочно! Помогите разобраться с блоком. Как сверстать?

    Друзья, есть блок http://hostingkartinok.com/show-image.php?id=cd6db192a2c4b92f0cec7e18510a91ae у меня с ним проблемка небольшая, думаю ошибка дизайнера. давайте разбираться. как я вижу блок фиксированной высоты, кнопка на полную ность абсолютно позиционируется относительно блока родителя, так как независимо от текста находится в одном и том же месте. но посмотрите на блок где цифра 1 рядом от заголовка до описания одно расстояние а если посмотреть на блок где рядом цифра 2 то расстояние от заголовка до описания другое. я могу для кадого блока класс назначить с сделать как в макете, но так правильно будет? не ошибка ли дизайнерская? ведь блоки могут поменяться, удалиться …

    Asked by raptor-dm, December 26, 2014

    0 votes
    2 answers
16. Как переключить текст в фотошопе

    Здравствуйте. Искал в гугле ответ, но не нашел. Открыл я на макете кусок текста (выбрал инструмент "горизонтальный текст" и кликнул по тексту на макете, могу его редактировать), вопрос в том как мне сразу же, не меняя инструмент переключиться на другой кусок текста (другой текстовый слой) на макете, чтобы я мог его редактировать (скопировать)?

    Asked by Andrew_007, December 26, 2014

    • Photoshop
    0 votes
    0 answers
17. li + li выбирает два элемента

    Подскажите, пожалуйста, почему буду красным выделены 2 элемента li после первого? Ведь по определению, насколько я понял, данный селектор выбирает первый соседний элемент, а тут выбраны, почему так? <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Пример страницы</title> <style> li + li { color: red; } </style> </head> <body> <ul> <li>text 1 <li>text 1 <li>text 1 </ul> </body></html>

    Asked by mastermedia, December 26, 2014

    0 votes
    4 answers
18. не понятно с float

    http://jsfiddle.net/3ac5c88a/ почему block1 вылез вверх? не пойму совсем

    Asked by laliev, December 26, 2014

    • float
    0 votes
    4 answers
19. Инпуты внутри списка

    Сделал вёрстку с четырьмя инпутами внутри списка с моноширинным шрифтом. http://jsfiddle.net/bmv123yd/ Почему длинна четвёртого инпута меньше, чем сумма первых трёх включая отступ? Я использовал для всего единицы ch и моноширинный шрифт. Почему не отображается символ, написанные через :after?

    Asked by PavelTkachev, December 26, 2014

    0 votes
    10 answers
20. Футер и Хэдер хорошо, но между ними не то

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

    Asked by Vodovarov, December 26, 2014

    0 votes
    5 answers
21. web developer

    подскажите пожалуйста где в плагине web developer к современному firefox отключается javascript? раньше всё было просто и удобно - была панелька с инструментами web developer, или был доступ через верхнее меню UPD: вот нашёл расширение, которое возвращает старую удобную панельку, но всё таки вопрос остался https://addons.mozilla.org/en-us/firefox/addon/js-switch/

    Asked by cyklop77, December 26, 2014

    0 votes
    4 answers
22. Элемент вылезает на 1px вверх относительно текста

    Здравствуйте! Возникла проблема: элемент span "вылезает" на 1px относительно текста, код: <div id="console"> Press any key... <span id="cursor">|</span></div>CSS: #console { word-wrap: break-word; font: 14px monospace; }#cursor { font-size: 14px; }Скрин (увеличен): Можно ли уравнять элемент с текстом?

    Asked by Laxilef, December 26, 2014

    0 votes
    2 answers
23. Отображение шрифтов Google Chrome, Opera, Yandex

    Здравствуйте! Столкнулся с проблемой различного отображения в браузерах. Но дело не только в различной ширине и высоте, хром, опера и яндекс рендерят как-то не так или я в чём-то ошибся? Сталкивался кто-то? Вот сравнение: https://yadi.sk/i/CQ21YKOaddS2Z

    Asked by Torawhite, December 26, 2014

    0 votes
    14 answers
24. Смена маркера при выборе элемента списка

    Есть нумерованный список. Нужно, чтобы по клику цифра превращалась в галочку, и наоборот. Скажите, это возможно реализовать без JavaScript, только на CSS3?

    Asked by PavelTkachev, December 26, 2014

    0 votes
    12 answers
25. Скачет вертикальное меню

    Сделал вертикальное меню.... хочу "подсвечивать" элемент по событию hover. Точнее, выделять его шрифтом большего размера ... но у меня при этом начинает прыгать меню, потому-что li меняет свою высоту. Как можно обойти этот косяк....? пробовал magrin-ы и паддинги во всех мыслимых и немыслимых комбинациях, и для li, и для роительского ul, но ничего не получилось.... Пример кода здесь: http://jsfiddle.net/Lbrc1n94/ *{ margin:0; padding:0; } html, body{ height:100%; width:100%;} div.main{ border:1px solid black; width:400px; height:80%; margin:auto auto; position:absolute; top:0px; bottom:0px; left:0px; right:0px; text-align:center; } ul.m…

    Asked by suvolod, December 26, 2014

    0 votes
    3 answers