HTML Coding

29542 questions in this forum

1. загадочный border-collapse

   подскажите пожалуйста как связано правило border-collapse: collapse и появляющаяся линия сверху table? убрать линию можно, используя значение separate, но хотелось бы понять логику разработчиков стандарта

   Asked by cyklop77, August 2, 2013

   0 votes
   3 answers
2. Почему padding вокруг текста в разных браузерах ведет себя по-разному

   .one { padding: 0.3em; } <span class="one">Hello, everyone</span> Почему в разных браузерах по-разному рисуется плашка (верхний отступ скачет)? И как сделать, чтобы она располагалась, как в Safari (центр по строчным буквам, а не прописным)?

   Asked by Artem Narushevich, August 2, 2013

   • css
   • верстка
   • padding
   0 votes
   1 answer
3. transform:rotate кривое отображение текста

   Если применять transform:rotate, то текст в firefox (в опере чуть лучше) выходит кривой и нечитабельный. Можно это как-то исправить?

   Asked by apexis, August 2, 2013

   0 votes
   0 answers
4. Проблема кроссбраузерности формы поиска

   Сверстал форму поиска, хотел освоить технологию вставки кнопки-картинки в поле поиска (имитация вставки), во всех браузерах все выглядит нормально, а в chrome поле почему-то находится ниже по уровню, чем кнопка... Никак не могу найти решение... Вот, собственно, ссылка http://sibarit.pusku.com/ И еще, при ресайзе страницы кнопка скачет вниз туда-сюда, есть ли решение и этой проблемы?

   Asked by Sibarit, August 2, 2013

   0 votes
   0 answers
5. Как сверстать такое...

   Добрый день, у меня возникли вопросы, как сверстать такое ... Расстояние инпута должно быть разне от текстов, инпуты должны быть в один ряд,как ето делать? Или давать каждому инпуту разное расстояние? http://cs310531.vk.me/v310531727/1a08/RgEiVmLNBjA.jpg

   Asked by Ghost86421, August 2, 2013

   0 votes
   1 answer
6. Нужен совет бывалых. Посоветуйте матчасть пожалуйста.

   Всем доброго времени суток. Суть дела в том, что я намерен обучиться html-верстке. Есть тестовое задание и мне нужны Ваши советы по поводу того, что мне необходимо изучить и почитать для того, чтобы я был способен это задание выполнить. Заранее всем спасибо за содействие. Вот ссылка: https://docs.google.com/file/d/0B6sGLd4R5HYAUkNXRG96Z1prRjA/edit?usp=sharing

   Asked by Strider, August 3, 2013

   0 votes
   11 answers
7. Текст независимый от div

   Здравствуйте. Подскажите пожалуйста. Как сделать что бы текст не переходил на другую строчку на границе div?

   Asked by webmario11, August 3, 2013

   • div
   • текст
   0 votes
   3 answers
8. Неполный бордер

   Друзья, а как реализовать такой бордер? Подскажите пожалуйста

   Asked by ghrd, August 3, 2013

   • border
   0 votes
   6 answers
9. float

   как можно сделать, чтобы плаваюший div#center учитывал пустой div#left ? body{ margin: auto; } #left{ float: left; width: 200px; background: yellow; } #center{ float: left; width: 200px; background: #ccc; } <div id="left"></div> <div id="center">center</div>

   Asked by valera, August 14, 2013

   0 votes
   3 answers
10. Помогите пожалуйста решить CSS задачки.

    Есть тестовый сайтик один. Задача номер 1 - корректное отображение паспорту у картинок с выводом заголовка title в этом же паспорту. Пример по адресу - test.chocolate-kiss.ru/tvorozhnye-oladi-s-yablokami Особенно криво съезжает паспорту вправо в Опере. В Хроме справа отступ больше, чем слева у паспорту. Вот код, который отвечает сейчас за это дело: /* Captions */.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{ padding: 20px; /* Ширина паспарту */ background: #f0f0f0; /* Цвет фона паспарту */ } .wp-caption img{ padding: 20px; /* Ширина паспарту */ background: #f0f0f0; /* Цвет фона паспарту */ } .wp-caption p.wp-caption-text{fon…

    Asked by LBM, August 3, 2013

    0 votes
    6 answers
11. убрать верхнюю полосу

    Всем привет, Если зайти на страницу http://oherron.com/backend.php/login и кликнуть на "login" без ввода мейла/пароля то сверху над полем мейла будет выведен серый прямоугольник с ошибкой, но также будет серый прямоугольник сверху страницы - который нужно убрать. Для вывода этой ошибки выводится код <div class="ErrorLine margin"> Enter email and password! </div> с описанием в стилях .ErrorLine{ color:red; margin:0 auto 13px; width:356px; height:20px; background-color:#eeeeee; text-align:center; padding-top:4px; position:relative; top: 260px; left:0px; } Верстка там не моя Все мои попытки убрать верхнюю полосу никчему не привели. На странице только 1 эле…

    Asked by mstdmstd, August 15, 2013

    0 votes
    5 answers
12. XML тэги в svg файле

    Здравствуйте уважаемые посетители форума. Нужна Ваша помощь. Есть SVG файл в котором находятся как xml так и svg тэги. Задача - отобразить в браузере тэг <g>, который находится внутри xml тэга <XXX:Signal>. Данная задача вообще решаема? <svg width="600px" height="400px" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> <YYY> <XXX:Signal> <link linkFrom='LINK_SIGNAL_TO'/> <g class='xxx:signal-class' transform="translate(270, 300)"> <circle fill='#00bf00' stroke='#bfbfbf' stroke-width='1' cx="32.00" r="9.00" cy="8.00"></circle&g…

    Asked by Kosty@n, August 13, 2013

    0 votes
    2 answers
13. не отображается картинка

    не отображается картинка (hot job online), т.е отображается, но не везде (зависимости между браузерами не нашел) просмотреть картинку сайт

    Asked by pupil, August 3, 2013

    0 votes
    6 answers
14. Повергнуть Myriad Pro

    Myriad Pro очень любят наши ру дизайнеры, словно не замечая миллионы нецензурных коментов по этому поводу. Кто-нибудь сумел разобраться с этой напастью? Как отконвертировать во все форматы этот замечательный шрифт для вэб бесплатно, что бы счастливые верстальщики могли на всех ру сайтах радостно и кроссбраузерно использовать фонт фэйс такого вида: @font-face { font-family:'MyriadPro-Regular'; src:url('../fonts/MyriadPro-Regular.eot'); src:local('O'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.svg') format('svg'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.eot') format('embed…

    Asked by Alarr, August 4, 2013

    • Myriad Pro
    • шрифт
    0 votes
    18 answers
15. проблема с позиционированием в IE9

    спасибо сам разобрался , тему можно удалить.

    Asked by taloverov, August 4, 2013

    0 votes
    0 answers
16. Проблемы с отображением

    Привет народ! Я в верстке не силен, но вот как-то наговнокодил что-то вроде этого: www.goodrest.info У меня проблема в следующем: некоторые браузеры , в частности последняя версия Хрома, тормозит неправильно отображая топ меню (посмотрите сами), в опере часом тоже наблюдается, в чем причина такого бага? Я понимаю что сам один сплошной баг, но все же , может кто-то поймет причину? я не пойму...=( Спасибо!

    Asked by Joe May, August 4, 2013

    • Jquery
    • CSS
    • HTML5
    0 votes
    16 answers
17. Всплывающая кнопка в блоке при наведении на его

    Есть блок с картинкой. Как сделать, что бы при наведении на этот блок на картинке в центре всплывала другая картинка?

    Asked by realyhead, August 4, 2013

    0 votes
    4 answers
18. Firebug

    Доброго времени суток. Я чет не пойму почему при наведении на body, page выделяеться не вся рабочая область а только header. Обьясните пожалуйста почему так http://itmages.ru/image/view/1151048/b9ef46da http://itmages.ru/image/view/1151049/5b3aa4cc

    Asked by T001, August 4, 2013

    0 votes
    2 answers
19. Div, надпись и поле ввода

    Всем привет. Подскажите, как можно сделать следующее: в одном div одной строкой разместить поле ввода по ширине этого дива и справа от него кнопку. То есть получается, кнопка находится справа и ее размер соответствует ее реальной ширине, а поле ввода растянуто от левого края дива, до края кнопки. Как можно реализовать такое? Заранее благодарен.

    Asked by Charm0nt, August 4, 2013

    0 votes
    12 answers
20. Английские и русские термины.

    Какие существуют правила употребления терминов? Например слово "валидация" является калькой английского слова "validation". С одной стороны нехорошо засорять русский язык и перевести как например "проверка синтаксиса", но с другой стороны при чтении документации на английском языке нужно будет сделать обратный перевод и угадать с точным термином. Может писать русский термин и в скобках английский вариант?

    Asked by АнатолийМ, August 5, 2013

    • перевод термин
    0 votes
    5 answers
21. Мобильная версия

    Здравствуйте! У меня такая проблема. При верстке мобильной версии (320px фиксированная) в мозиле и ие 10 получаются вот такие чудеса (В др. броузерах не смотрел, в Сафари все нормально!). Вот ссылка на скриншот http://itmages.ru/image/view/1151725/3324b252. Кому не трудно посмотрите, очень нужно! Заранее огромное спасибо.

    Asked by Gasherez, August 5, 2013

    0 votes
    3 answers
22. Ссылка, картинка, не работает.

    Джамбо. Тема очень простая, но что то мне в голову ничего дельного не приходит. Не работает ссылка на картинку, картинка открывается как пустая, но если открыть картинку в новом окне, то загружается нужная страница..Вроде ссылку описываю правильно, единственное, сомневаюсь конечно что это как то влияет, но картинка с ссылкой засунута в див. <a href='http://blablabla.com/'><img src="http://7.arhwus.zxg8.ru/wp-content/uploads/2013/07/logo1.png" class="alignnone size-full wp-image-3738" /></a>

    Asked by CatInTheBread, August 5, 2013

    0 votes
    2 answers
23. Дергание блока при раскрывании в FireFox

    Вот ссылка на мой раскрывающийся блок подписки на рассылку, работает во всех основных браузерах кроме FireFox любой последней версии, если на странице есть вертикальный скролл раскрывающийся блок дернется вправо и становится на место и также при сворачивании, как это пофиксить? перепробовал все что на ум приходило, прощу помощи професионалов

    Asked by ilyas, August 5, 2013

    0 votes
    3 answers
24. Сильно растягивается таблица

    http://nt-reklama.ru/prajs-list-karmany-pod-pechatnuyu-produktsiyu Поясните почему таблица себя так ведет, хотя текст абсолютно нормально выглядит.

    Asked by aquapasha, August 5, 2013

    0 votes
    5 answers
25. По горизонтали фиксировано, но по вертикали должно ездить

    Здравствуйте! Есть страница сайта: http://gorenje.desig...u/produkty.html На ней есть внизу две (красные) плашки. В общем надо, чтоб при прокрутке в окне браузера они по оси Y оставались на одном месте (как сейчас и есть), а по оси X сдвигались вместе с серой рамкой (если меняем ширину окна). Тоесть чтоб они были прикреплены к серой рамке статьи (по оси X) и при резайзе окна браузера никуда не убегали (по оси X). Возможно ли это сделать с помощью CSS ?

    Asked by sc_creator, August 5, 2013

    • css
    • position
    • fixed
    0 votes
    1 answer