HTML Coding

29,542 questions in this forum

1. col + table + элементы внутри

   Привет народ! как долго меня тут не было, и скорее всего не скоро буду еще, но! Народ прошу совета у вас, появилось задача поработать с таблицами и получилось, что то похожее: <table class="table" cols="5" rules="groups"><colgroup><col class="name"/><col class="solo price" /><col class="alt price" /><col class="alt price" /><col class="alt price" /></colgroup><tbody><tr><td>Слово <span>(слово в скобках)</span></td><td>....</td></tbody></table>При помощи ксс, я могу задать нужные правила ширины для первой колонки (исп. col.name ), все замечательно. Но! почему не полу…

   Asked by RodgerFox, May 16, 2015

   0 votes
   0 answers
2. Масштабирование сайта и проблема

   Есть тестовый сайт http://libertyprint.ru/lencon/lencon/about. На нем нужно смаштабировать весь сайт (класс all). Но при этом теряется фон ( класс bg-about). Может кто знает как вылечить сайт? Заранее спасибо за помощь.

   Asked by psics, May 14, 2015

   0 votes
   13 answers
3. Поисковик Яндекс и Google

   Есть сайт. В нем 2 поисковые системы. На данный момент Гугл открывает пользовательский поиск. Можно ли как-то сделать, чтобы он открывал саму страницу гугл с заданным значением поиска и дальше искал по самому гуглу. Это что касается гугла... Теперь по Яндексу: Яндекс открывает страницу поиска с рекламой моего сайта. Можно ли как-то сделать чтобы он открывал поиск в самом Яндексе с заданным значением.... Вот в принцыпе и все. Заранее спасибо...

   Asked by Mestniy96, May 14, 2015

   0 votes
   5 answers
4. Из-за положения div'а меняется текст в коде ниже

   На моём сайте когда я блок .modal выношу в начало страницы (перед #content), весь текст на сайте (после .modal) портится: Что вообще происходит? И как с этим быть?

   Asked by iBars, May 15, 2015

   0 votes
   2 answers
5. Title изменить в php

   Добрый день! Подскажите пожалуйста, есть Landing, у него на главной странице нормальный php шаблон в котором простои понятно меняется title. А есть дополнительные страницы: "пользовательское соглашение", "форма регистрации" и "privatу policy". У этих страниц одинаковый title и выглядят они так: <? include('../includes/sql.class.inc');include('../includes/utilites.inc');include('../cnf.inc');include('../includes/pattern.inc');include('../includes/pages.inc');include('../includes/menu.inc'); $body = show_page('privacy'); $pattern = Array('pattern'=>'../patterns/login.html','menu'=>show_menu(),'title'=> 'Privacy Policy','body'=>$body); echo show_pattern($patt…

   Asked by seo@bitteaser.com, May 11, 2015

   • title
   • php
   • изменить title
   0 votes
   3 answers
6. Валидатор ругается на тег - table.

   Здравствуйте. Валидатор ругается на тег - <table>, подскажите как устранить эту ошибку ? https://validator.w3.org/check?uri=http%3A%2F%2Fxn--b1aaib2asvk.xn--p1ai%2Fkustom.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices , а также говорит про устаревшую запись - <p><a name="lst1"></a></p>, как её правильно переписать ? Адрес страницы - http://велосвет.рф/kustom.html . Спасибо !

   Asked by Kompilator, May 12, 2015

   0 votes
   24 answers
7. Прошу оценить вёрстку макета по заданию работодателя

   Макет сайта ссылка http://my-files.ru/k4alck Вёрстка макета ссылка http://my-files.ru/iuzcv6 Пояснение работодателя к макету сайта В приложенном файле вы найдёте макет, который вам необходимо сверстать (валидно, кросбраузерно, оптимизированно (вес, код)), без реализации активных элементов. По нашим оценкам это не должно занять у Вас боле 4-5 часов. Ограничение на верстку к тестовому дизайну: Сверстать кроссбраузерно (IE9+). Для ie8 - graceful degradation. При верстке не использовать таблицы для нетабличных данных и джаваскрипт. Пояснения на верстку к тестовому дизайну: В макете два несв…

   Asked by eremeevd, May 15, 2015

   0 votes
   3 answers
8. Как добавить ссылку?

   <object style="Margin-top:50px"; align="left" type="application/x-shockwave-flash" height="200" width="200" data="http://agitki.ru/flash/template/globus.swf"><param name="movie" value="<!--http://agitki.ru/flash/template/globus.swf"--> /><param name="wmode" value="Transparent" /><param name="flashvars" value="&in_title=РеКом" /></object>Как сюда добавить ссылку?

   Asked by Mestniy96, May 15, 2015

   0 votes
   6 answers
9. Прижать элемент вправо

   Нужно в одной строке (ширина фиксирована) разместить два текстовых элемента и кнопку, причем текст прижать влево, а кнопку разместить как можно правее. Пусть вся строка - div, где text-align: left а у кнопки float: right И вопрос - в каком порядке размещать элементы в коде? Вроде интуитивно хочется в том же порядке, что и на экране, т.е. текст, текст, кнопка. Но вижу что применяют другой порядок, кнопку в коде размещают вначале. Оба варианта вроде работают, есть ли какая-то причина предпочитать второй? <style type="text/css"> div { text-align: left; width: 600px } input[type=button] { float: right }</style><!-- первый вариант, в коде в том же порядке что …

   Asked by rgl, May 15, 2015

   0 votes
   1 answer
10. Не понятки с SetTimeout

    Здравствуйте, Я читал “Современный учебник JavaScript ->Документ и объекты страницы->Навигация по DOM-элементам”. Там в статье есть интерактивный пример навигации в главе “ Интерактивное путешествие”. Вот прямая ссылка https://learn.javascript.ru/traversing-dom#интерактивное-путешествие Мне стало интересно как он работает, и я его вытащил. И странно что у меня он не заработал так как был реализован на сайте. Я его немного исправил и он заработал. А точнее в конце скрипта файла travel.js, я заменил строки. Закомментировал setTimeout, и написал просто init: if (iframe.contentDocument.readyState == 'complete') { //setTimeout(init, 2000); init(); …

    Asked by like-nix, May 14, 2015

    0 votes
    2 answers
11. Данные для формы в ссылке

    Добрый день! К примеру на сайте есть страница с обычной формой с одним полем для заполнения. Можно ли сделать ссылку на эту страницу чтобы данные для заполнения поля формы были в этой самой ссылке? Заранее спасибо за ответы)

    Asked by Scorplion, May 14, 2015

    0 votes
    4 answers
12. Используется ли в мобильном дизайне кнопка для быстрому возвращению вверх?

    Здравствуйте. Думаю над дизайном мобильной версии. Пытаюсь вспомнить и не вспоминаю, чтобы в дизайнах под мобильники использовались кнопочки, нажимая на которые страница прокручивается к верхней части. Это так, обычно такая прокрутка не используется на малоформатных устройствах?

    Asked by borus, May 13, 2015

    0 votes
    4 answers
13. съезжает меню

    http://immersprint.tk/(не реклама) вот сайт, если входу под логином и паролем, то верхняя менюшка нормально располагается, фиксированная позиция, а если я как гость на сайте, то меню съезжает вверх, да и вообще сейчас влево уехало... #container { margin: 0 auto; padding: 30px 30px 0; width: 930px; background:rgba(0, 0, 0, 0.6); border-radius: 5px 5px 0 0; box-shadow: 0 0 5px 0 #555555; overflow: hidden;}#top-menu-container { margin: -32px auto; width: 990px; height: 55px; position: fixed;}#top-container { background: #333333; background: rgba(51, 51, 51, .95); border-radius: 0 0 5px 5px; padding: 0 30px; width: 930px; border-bottom: 1px solid #999999; positio…

    Asked by palomig, April 17, 2015

    0 votes
    5 answers
14. как решить обрезку меню с position: fixed, при сужении окна браузера

    Искал решение и встретил какой-то сайт с такой же проблемой. http://immersprint.tk/(не реклама). ВОПРОС: А возможно сделать так, чтобы верхнее меню, которое position: fixed, при сужени браузера не резало правый его край? Может есть какой плагин?

    Asked by veremey, May 13, 2015

    • position: fixed
    • fixed
    0 votes
    1 answer
15. Текст на картинке

    Собственно такой вопрос, вот сайт: http://aquakop.ru/ , в header изображение и на нём номера телефонов, надо сделать так, чтобы номера телефонов были текстом,а не картинкой. (с изображения могу стереть номера, есть исходники) Вот style: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2015/02/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; min-width: 940px; height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование…

    Asked by Dizred, May 11, 2015

    • header
    0 votes
    24 answers
16. Инпут с выпадающим списком

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как реализовать такое, что бы при клике в инпуте выпадал список?

    Asked by stan07, May 13, 2015

    0 votes
    10 answers
17. текст ккнопки hello world вырисовывается снизу. Как выровнить текст по центру?

    текст ккнопки hello world вырисовывается снизу. Как выровнить текст по центру? вот код http://jsfiddle.net/meyrjtvn/1/

    Asked by riaron, May 13, 2015

    0 votes
    4 answers
18. Кто может помочь?

    Добрый день. Необходимо написать HTML\CSS - код, с пояснениями, для вертикального меню.

    Asked by Alex Trend, May 13, 2015

    0 votes
    9 answers
19. Что должен знать и уметь начинающий HTML-верстальщик?

    Всем привет) Решил заняться изучением HTML-верстки .Знаю ,что 80% важных знаний и навыков вырабатываются в ходе практики . Но все же хотелось бы выделить для себя список обязательных навыков и знаний ,использующихся в HTML-верстке. К примеру ,в обязательном порядке нужно знать HTML ,CSS ,Photoshop ,принципы кроссбраузерной верстки и т.д. Помогите мне расширить этот список ,чтобы понимать в общем ,с чем придется столкнуться на пути самообучения))) Так же было бы неплохо иметь представление о том: - Сколько в среднем требуется времени на верстку одного проекта средней сложности - За какое примерно время можно научиться верстать сайты среднего уровня сложности…

    Asked by nikrab95, May 12, 2015

    0 votes
    9 answers
20. Зачем в бутстрапе для navbar есть Static top?

    Здравствуйте. В бутстрапе есть класс navbar-static-top, поясните пожалуйста зачем, если по умолчанию у всех элементов и так position: static;

    Asked by borus, May 13, 2015

    0 votes
    2 answers
21. Не работает svg в маке

    хотел написать не работает svg в маке в чем может быть причина? версия safari 7.1.5

    Asked by raptor-dm, May 10, 2015

    0 votes
    7 answers
22. Как прикрепить виджет соц. сетей к левому краю экрана?

    Здравствуйте! На блоге Free-pc.ru решил установить вертикальный плавающий виджет соц. сетей от Share42.ru. Вот его код: <div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>" data-top1="650" data-top2="650" data-margin="-135"></div><script type="text/javascript" src="http://free-pc.ru/share42/share42.js"></script> Но при разных разрешениях экрана он сдвигается влево-вправо. Подскажите пожалуйста как прикрепить виджет соц. сетей "намертво" к левому краю экрана? Как виджет "Отзывы и предложения" Спасибо!

    Asked by Марат, May 6, 2015

    0 votes
    20 answers
23. Изменить ширину таблицы из блоков DIV

    Не получается вместить всю таблицу в ширину примерно 450-500px http://codepen.io/anon/pen/jPWReM

    Asked by Guesto, May 12, 2015

    • DIV
    0 votes
    3 answers
24. Какая должна быть разметка в данном случае?

    Здравствуйте. Пытаюсь освоить адаптивный дизайн с bootstrap. Но пока не понимаю какая должна быть html разметка. С толку сводит например то, что на широком экране лого, телефон, магазины и корзина идут выше строки с меню, а в компоновке для узкого экрана - после меню. Или например поиск находит в сайдбаре на широком экране, но на узком в верхней строке после кнопки меню. Вот схема широкого экрана: А вот узкого: Объясните пожалуйста как решаются такие противоречия в адаптивной вёрстке? С помощью разного абсолютного позиционирования в медиа запросах css?.. Буду благодарен если вы покажите, какая должна быть html-разметка в данном случае.

    Asked by borus, May 11, 2015

    0 votes
    4 answers
25. кросбраузерность меню

    Парни,такая проблема в Мозиле и в експлорере вижу так http://hostingkartinok.com/show-image.php?id=d6835b578a152b12ab213fe53c2fe2ed В хроме и опере так http://hostingkartinok.com/show-image.php?id=3201d239d5ae5147daddefd96882e80c Почему мозила портит все,я не могу понять(( Дайте совет,спасибо.

    Asked by vitaxastifler, May 7, 2015

    0 votes
    2 answers