HTML Coding

29542 questions in this forum

1. Проблема с ссылками в Chrome

   Столкнулся с такой проблемой уже второй раз. Код примерно такой <a href="#"><div class="head-left">проектно-строительная компания</div></a> в стилях прописываю .head-left a{ text-decoration:none; } .head-left{ background:url('img/logo.png') no-repeat; height:60px; padding:5px 0 0 160px; float:left; color:#fff; text-decoration:none; } все везде прекрасно выглядет во всех браузерах, кроме Google Chrome. уже обшарил интернет и не могу найти решение этой проблемы!! пример такой проблемы есть на сайт http://autonote.su/ если зайти на него с Chrome, то у каждого пункта меню будет вид…

   Asked by Trayanez, October 24, 2011

   0 votes
   4 answers
2. Overflow-y: Scroll

   Была раньше задача, что бы при открытие фотки с комментами скролился всплывший блок с фоткой, проблема была решена при помощи overrflow-y: scroll и убирания скролла у body. А так как сайт зафиксирован по центру, что бы он не дергался добавлялся padding-right к body. Но случился в шизни косяк... и убрали в iOS Lion, скролл... в итоге на маках теперь сайт прыгает в лево-право... Может знает кто решение этой проблемы? Как сделать кросбраузерно и под все OS что бы не было дерганий сайта?

   Asked by GeSTaM, December 7, 2011

   0 votes
   0 answers
3. Абсолютно независимые блоки

   Говорят об этом много, но конкретных примеров построения сайта с использованием такого принципа в сети почему катастрофически мало. А рекомендации ограничиваются общими словами. Наверняка же есть люди с опытом такой вёрстки? Можете поделиться какими-то рецептами? Мне вот что в голову приходит навскидку: - отказываемся от раскладки на float, потому что если я блок с флоатом воткну в новое место, там, вполне вероятно, всё развалится к чертям - стараемся поменьше пользовать position: relative, потому что это создаёт контекст позиционирования, который при определённых условиях может выйти боком Не получается у меня всё в голове в систему выстроить. Чего нельзя делать — в общ…

   Asked by Gaspode, January 4, 2012

   0 votes
   0 answers
4. Как бы это отцентрировать вертикально

   Здравствуйте. Посоветуйте пожалуйста, как отцентрировать здесь вертикально относительно изображения с "?" слова "Вопросы" и " 2 Subcategories" Если например делать таблицей div с классом parent_left и применять vertical-align:middle для блока со словом "Вопросы", то блок с классом parent_right(2 Subcategories) уходит на следующую строку...

   Asked by borus, June 16, 2013

   0 votes
   9 answers
5. Меню LI

   Доброго времени суток! В очередной раз зашёл в тупик и вынужден просить Вашей помощи. Проблема заключается в том, что при графическом строительстве менюшки, я столкнулся с проблемой визуализации некой графики, а именно с "hover" отображением. делаю меню. назначаю "LI" делать отделение ссылок 2-х пиксельной полосочкой. назначаю "LI:hover" отображать другую картинку при наведение мышки и вот тут и начинаеться баг. или даже возможно кривизна моих рук. При наведение на ссылку, срабатывает "LI:hover" и тем самым, убирает полность визуализацию "LI", а именно ту саму, разделительную полосочку в 2 пикселя. измучился весь, самостоятельно не могу найти выход из ситуации. Код прило…

   Asked by oscora, May 12, 2012

   0 votes
   4 answers
6. Оформление шапки сайта

   В общем, такая проблема. Я не знаю или тупо забыл как изменить картинку в шапке сайта в данном случае.

   Asked by St.Jimmy, March 31, 2013

   0 votes
   3 answers
7. Помогите разобраться с полем!

   Всем доброго времени суток. Только начал свой путь верстальщика. Сейчас работаю над одним из учебных шаблонов данного форума. Мой style.css html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote { padding: 0; margin: 0; font-size: 100%; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } td, th, caption { font-weight: normal; text-align: left; } img, fieldset { border: 0; } ol { padding-left: 1.4em; list-style: decimal; } ul { padding-left: 1.4em; list-style:square; } q:before, q:after { content:''; } #header { height: 401px; background: url(images/header_bg.png) repeat-x; } #header .contact…

   Asked by west456, June 7, 2013

   0 votes
   3 answers
8. repeating-linear-gradient

   Хочу сделать зебру. background: repeating-linear-gradient(to right bottom, #E9E9E9 0 2px, #000000 2px 4px) ; С левого верхнего угла в правый нижний, серый-черный цвет.. Не работает что не так ?

   Asked by rpmcmerphy, December 6, 2013

   0 votes
   8 answers
9. Растягивающийся div

   Добрый день, форурчане! Нужен немного необычный спойлер. Нужно сделать div, который будет иметь высоту картинки, которая резиновая, а при нажатии на него(div) или лучше внизу на кнопку, растягивался по высоте на размер всего содержимого этого div.

   Asked by lersen, December 10, 2013

   0 votes
   5 answers
10. Плавающие блоки

    Нужно сделать так что бы блок main был резиновым но при этом обтекал справа. код ниже http://jsfiddle.net/PMJqZ/ очередность блоков не должна меняться.

    Asked by Gootler, April 2, 2014

    0 votes
    5 answers
11. Стартовый кадр в iframe видео

    Здравствуйте, подскажите пожалуйста, как растянуть вот эту стартовую картинку iframe видео из вконтакте? т.е сейчас он отображается вот так: если начать воспроизведение то он становится во весь размер и в нормальном качестве, а как задать эту стартовую картинку на полный экран ? Спасибо.

    Asked by cruel09, October 22, 2014

    0 votes
    1 answer
12. Как сверстать вот такой блочок

    Столкнулась с небольшой проблемой при верстке вот такого блока http://prntscr.com/56kp3s Макет: http://prntscr.com/56kovy Особенность в том что картинки подставляются прямоугольные, а не квадратные (тут проблем нет). Помогите сверстать красивое кроссбраузерное решение. Вот что пока у меня получилось http://azharova.ru/test/kruglyash.html#

    Asked by Anna Zharova, November 15, 2014

    0 votes
    5 answers
13. Прозрачный цифры на фоне

    Здравствуйте! Столкнулся со следующей задачей. Надеюсь, вы мне подскажите, как быть. Имеется 4 (цифры), выполнены как прозрачные. Сзади цифр и по бокам фон разный. Вся идея в том, что это не статичная картинка, а цифры меняются в зависимости от наполнения сайта контентом. Подскажите, пожалуйста, как проще реализовать. https://yadi.sk/i/7j25fW-6pPFqC

    Asked by greenastra, February 23, 2016

    0 votes
    1 answer
14. Проблема со слайдером при отдалении

    Вот слайдер в обычном разрешении А вот если отдалить страницу Как это исправить? Ниже предоставлен весь код слайдера. И кстати, использую CMS IPS 4.1.18.2 Скрытый текст .wrapper { height: 290px; position: relative; width: 940px; margin-bottom: -10px; } .slider { background-color: #ddd; height: inherit; overflow: hidden; position: relative; width: inherit; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -o-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); } .wrapper > input { display: none; } .slides { height: inherit; position:…

    Asked by Haspid, June 22, 2017

    0 votes
    6 answers
15. Баг с плавающим блоком в IE 6,7

    Собственно, проблема. Сверстал макет. В IE 8 и отличных от IE браузерах (FF, Chrome, Opera) блок с текстом обтекает блок с картинкой. вот так: В IE 6/7 же блок с текстом смещается вниз: ХТМЛ код: <div id=mainframe> <div id=corner> <img class="ugol_right" src="ugol_right_small.gif" alt="" /> </div> <div id=content> <p>This is a tool for finding friends in real life. </p> <!-- бла-бла-бла--> </div> CSS код: * { margin: 0; padding: 0; border: 0; } html, body {height: 100%;} body{ background: #fff; color: #333; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } #container {overflow: auto; padding-bot…

    Asked by nefarious, May 6, 2010

    0 votes
    1 answer
16. Динамические всплывающие меню

    Здраствуйте. Я недавно занимаюсь версткой и сейчас передо мной стоит серьезная задача, справиться с которой, увы, пока не могу. Ка мне реализовать меню,как наэтом сайте http://shakhtar.com/ua/. именно всплывающие динамические меню. Буду очень благодарен за пример с обьяснениями, что-бы я егонетолькоскопировал но и понял))) Заранее спасибо!

    Asked by supervaleha, August 27, 2010

    0 votes
    3 answers
17. Фон общий страницы ( проблема )

    Здравствуйте! Кто соображает в html и css подскажите, как сделать что бы весь макет сайта тянулся на весь экран по оси х. То есть width стоит 1280px, на маленьком мониторе появляется горизонтальная прокрутка, а на большом мониторе ( С разрешением примерно 1300px ) остается белое место ( остальные 20px ). Вот собственно вопрос, как сделать что бы весь сайт тянулся на всех мониторах на весь экран при это что бы его ширина была 1280px ?

    Asked by Lakont, June 5, 2011

    0 votes
    5 answers
18. Ключевые слова: способы, хитрости, опасности.

    Вопрос следующий: как правильно выделять ключевые слова в тексте и нужно ли? Самым действенным способом такого выделения вроде является заголовок <h1> (после TITLE). Если я прямо в тексте поставлю ключевое слово в тег заголовка (без вложенности в другие теги), а потом уберу жирность и выравнюю размер под основной текст, не будут ли на это ругаться поисковики?

    Asked by Kalisnik, May 10, 2011

    0 votes
    2 answers
19. Проблема с валидностью php файла

    Всем привет подскажите пожалуста, как правильно в php файле должны писатся стилевые значения чтоб проходили валидность в <!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" xml:lang="ru-ru" lang="ru-ru"> Вот отрывок кода с файла(//Записи, картинка if ($conf[26]==1) if ($conf[29]=='left') echo "<td valign=".$conf[30]." width=10% align=left><img src=/user_count/admin/img/us".$conf[27].".png border=0 /></td>"; echo "<td>"; ) Ошибка валидности вот тут в нуле border=0, как…

    Asked by vadimcucherencko, September 15, 2011

    0 votes
    2 answers
20. глючит фон

    подскажите пожалуйста что делать див shapka почемуте неадекватно работает далее привожу код CSS .shapka { background: url('image/vse.jpg'); height:300px; } HTML <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="index.css"> <title>Договор</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div class="shapka"> </div> <div class="knopki"> <a href="index.html"><img src="image\dom.jpg" ></a> <a href="bet.html"><img src="image\bet.jpg" ></a> …

    Asked by voin545, March 18, 2012

    0 votes
    2 answers
21. Не работает vertical align в ИЕ 9

    Сайт: http://vhost-2549-1.hosting-service.in.ua/ В хедере справа от лого блок навигации. Во всех браузерах работает нормально, но в ИЕ ведёт себя не адекватно, текст ползёт вверх. Вот код: <div id="menu" class="floatR"> <table> <tr> <td><a href="http://localhost/dle/news/" title="Новости">Новости</a></td> <td>|</td> <td><a href="http://localhost/dle/articles/" title="Статьи">Статьи</a></td> <td>|</td> <td><a href="http://localhost/dle/advises/" title="Советы">Советы</a></td> <td>|</td> <td>&lt…

    Asked by Vlad_kot, March 22, 2012

    0 votes
    2 answers
22. загрузкa

    привет, подскажите пожалуйста как сделать, чтоб сайт не так долго грузился ... не уберая его содержимое.. как ускорить загрузку... url : officialbuddyleeblog.com

    Asked by VioletaMeynell, June 24, 2012

    0 votes
    2 answers
23. Проблемы с заливкой фоном

    Здравсвуйте всем!Я совсем начинающий верстальщик,помогите пожалуйста решить такую проблему:есть три колонки,хедер и футер,футер по умолчанию должен быть прижат к низу,при большом количестве контента сдвигаться вниз.Я написал следующий код,но не могу решить проблему с фоном для колонок(нужно чтобы фон был на всю колонку независимо от контента).Очень жду вашей помощи. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Страница Васи Пупкина</title> </head> <style type="text/css"> html,body{ margin:0; padding:0; height:100%; } #header{ height:50px; text-align:center; background:#cf9; } #all{ min-height:100%; margin-bott…

    Asked by Dimanchik87, July 28, 2012

    0 votes
    2 answers
24. Как сделать такой градиент?

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

    Asked by nikki4, August 11, 2012

    0 votes
    1 answer
25. Помогите разобраться (размер картики)

    Не могу понять как выставить фиксированный размер картинки. Демотиватор создается 800px а если смотреть на сайте то он растягивается до 900px, что плохо влияет на качество. В css настроек нет, если смотреть в php файле то: echo '<img src="'.$url.'" width="100%"></a>'; Меняю на: echo '<img src="'.$url.'" width="800px"></a>'; Картинка смещается влево, а как сделать по центру?)

    Asked by whisky, September 6, 2012

    0 votes
    4 answers