HTML Coding

29,542 questions in this forum

1. разместить footer при помощи position

   помогите пожалуйста поместить footer под область основной информации сайта. я пытаюсь сверстать позиционированными блоками вот этот сайт вот что у меня получается http://narod.ru/disk/19397755001/index.php.html. как видите, footer1 находится не на своём месте. использовать не position, а другие способы пожалуйста не предлагайте. так как я хотел бы разобраться именно с position(при помощи float я уже сверстал это же). ps высота блоков с основной информацией меняется, поэтому не могу жестко прописать положение footer-а.

   Asked by cyklop77, July 18, 2011

   0 votes
   6 answers
2. ссылки

   в папке 'bla' лежит файл 'index.html' и в нём такой код: <a href="../bla/pivo.html">ссылка</a> <a href="pivo.html">ссылка</a> две ссылки работают одинаково, как правильнее?

   Asked by boyarsky, August 11, 2011

   0 votes
   6 answers
3. Вставка социальных кнопок на сайт джумла 1,5

   Всем добрый день. Только пожалуйста не смейтесь с моих познаний. Проблема №1 Имеется сайт http://ciferkom.ru Я на него пытаюсь установить кнопки соц сетей. Кнопки поделится от яндекса (блоком) я поставил. Теперь хочу поставить кнопки голосования. Если Вы зайдете в любую статью на моем сайте, вы увидите, что под кнопкой (блоком яндекса), Я расположил кнопку "+1" от гугла и кнопку "мне нравится" от вконтакте. Вопрос: кнопка в контакте находится под кнопкой гугла. Как их поставить рядом. Код кнопок выглядит так: <!-- Google+1 --> <br> <g:plusone></g:plusone> <!-- Vkontakte --> <div id="vk_like"></div> <script type="text/javascr…

   Asked by serg450453, July 18, 2011

   0 votes
   6 answers
4. Тормоза Оперы при фиксированном позиционирваннии

   Доброго времени суток. Такой трабл: решил прикрутить на одной странице фиксированный блок с якорями и прочими побрякушками. Использовал position:fixed. Отображается всё нормально, но вот при прокрутке страницы через Оперу возникают тормоза. Отсюда собственно и вопрос: это распространённый баг Оперы или попросту я гдето запорол?

   Asked by SunChase, July 19, 2011

   0 votes
   6 answers
5. Заблокирована навигация

   Здравствуйте! После установок кнопок счетчиков в футере темы появилась проблема с навигацией. Т.е., возникает какое-то "мертвое пространство" выше этого блока размером примерно 5 см, в котором навигация, кнопки, ссылки, переходы и пр. не работают. Отображаются, но блокированы. Вот, код блока: <div class="clear"></div> <div style="width: 495px; height: 187px; position: relative ; left: 50%; top: 50%; margin-left: -248px; margin-top: -150px;"> Здесь скрипты счетчиков </div> Изменяя значение в position, кстати, проблема с навигацией пропадает, но тогда ломается архитектура сайта. Перепробовал в этом смысле все. Так же, заметил, что навигация возобнов…

   Asked by Santorin, July 20, 2011

   0 votes
   6 answers
6. сместить вниз пункты меню

   помогите пожалуйста решить проблему. попробовал для тренировки сверстать под opera/chrome/ff в самом общем виде вот эту страницу. получилось у меня вот что проблема в том, что пункты меню расположены выше чем нужно. если я их при помощи padding-top опускаю ниже, то выделение пункта меню зелёным при наведении курсора тоже съезжает вниз и получается некрасиво.

   Asked by cyklop77, July 21, 2011

   0 votes
   6 answers
7. Не могу установить высоту ячеек таблици

   Hi all! В далёком 2008 году купил один сайтик, с тех пор постоянно его переделываю. Собственно вот он: http://www.wm-monitor.ru/ Недавно решил устроить очередную переделку. Одна из задачь была сменить его родную табличную вёрстку на блочную и перевести его на HTML 5. В CSS я плохо розбираюсь, вот заодно решил и освоить стили. Новую вермию сайта я выложил на субдомене: http://new.wm-monitor.ru/ И в принципе мне удалось добиться пратичиски полного сообветствия новой и старой вёрстки, за исключением таблиц. (граници таблици я специально нарисовал, чтоб было видно проблему) Ячейки, в которых нахобятся картинки с точками, должны иметь размер 9х9, как и размер картинки в них. И…

   Asked by Andreyy21, July 22, 2011

   0 votes
   6 answers
8. Проблема с менюшкой

   Ссылка Хочу сделать, чтобы при клике менюшка раскрывалась. У меня при нажатии она раскрывается и быстро закрывается, почему так? что делать?

   Asked by Rustick, July 23, 2011

   0 votes
   6 answers
9. Выравнивание в блоке

   есть родитель блок: .content-internal {position: relative; margin: 0 auto; width: 775px; vertical-align: top; padding-bottom: 310px;} в нем ещё блок второй: .block-info .page {position: relative; margin: 0 auto; display: block; font: normal 14px 'Trebuchet MS'; color: #46342c;} .block-info .page a {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; text-decoration: none; left: 2px; top: -8px; float: left; padding: 8px 0 0 16px; width: 42px; height: 37px; margin-bottom: -2px; background: url('../images/page_yellow.png') no-repeat;} .block-info .page span {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; left: 2px; top: -8px; float…

   Asked by okunev2, July 23, 2011

   0 votes
   6 answers
10. вертикальное выравнивание

    картинка находится внутри рамки, надо чтобы горизонтально и вертикально стояло по центру, но БЕЗ таблицы, блоками <style type="text/css"> .box{ width: 200px; height: 200px; border: 1px solid #000; text-align: center; vertical-align: middle } </style> <div class="box"> <img src="img.jpg" alt="" align=""/> </div>

    Asked by jumancy, July 25, 2011

    0 votes
    6 answers
11. Скрипт для слайда

    Всем привет! По требованиям макета нужно сделать слайдшоу, т.е. при наведении на определенный участок внизу, фон сзади должен меняться: Подскажите пожалуйста скрипт, который по вашему мнению лучше бы подошел для такого задания. Первый раз сталкиваюсь с такой задачей, не знаю как подойти к решению. Ссылка

    Asked by amelice, July 26, 2011

    0 votes
    6 answers
12. internet explorer 7 и 8 не подхватывают css

    Доброго времени суток! У меня возникла такая проблема. IE 7 и 8 версии не подхватывают css стили. Все остальные браузеры идеально работают в том числе 9 и 10 IE. Может быть я что-то упустил или что я не так сделал.... сам форум. Прошу подсказать как это исправить

    Asked by sedrik, July 27, 2011

    0 votes
    6 answers
13. Странная проблема, нужна помощь

    Здравствуйте, столкнулся с проблемой, подскажите пожалуйсто. www.имя.ру заходит на сайт имя.ру не заходит. Раньше все было ровно, в чем проблема?

    Asked by Bandyy, August 13, 2011

    0 votes
    6 answers
14. Выравнивание img по центру

    Всем привет! Помогите с такой проблемой, нужно выровнять div с картинкой внутри, чтобы она отображалась по центру на всех мониторах. Уже несколько часов бьюсь, никак не выходит... p.s в гугл не посылать, только что оттуда)

    Asked by 4 e k, August 10, 2011

    0 votes
    6 answers
15. помогите с функцией onclick

    такая вот проблемка ... имеется код: <img src="http://localhost/11.png" onclick="this.src=(this.src=='http://localhost/11.png')?'http://localhost/21.png':'http://localhost/11.png'" /> по сути меняет изображение на другое и при повторном нажатии меняет на предыдущее, вот как ни крутил не дописывал не могу сделать чтобы работало на 3 картинки,тоесть при нажатии менялось на вторую при повторном на третью и при третем нажатии на первую и так по кругу, подскажите что можна сделать?

    Asked by System, July 28, 2011

    0 votes
    6 answers
16. Социальные кнопки в ряд

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

    Asked by moss, August 13, 2011

    0 votes
    6 answers
17. select

    Здравствуйте Не подскажите как можно изменить знак выпадения у тега select Изначально он такой (например в вин7) А мне нужно сделать такой Нашел как сделать на jq, вот например тут http://www.jqueryscripts.ru/scripts/jquery_forms/jnice/ Но можно ли это сделать на сss?

    Asked by Temiks, August 8, 2011

    0 votes
    6 answers
18. Проблема со фоном в футере

    Ситуация. В шапке сайта фоном лежит изображение, прописанное в css: body { padding: 0; margin: 0; background: #003D73 url(img/bg2.jpg) no-repeat center top; width: 100%; display: table; } Макет простой и состоит на данный момент буквально из двух таблиц (которые лежат на фоне img/bg2.jpg): ————————-- | основной контент сайта | ————————-- ————————-- |футер | ————————-- Вот в футер, в отдельную таблицу, хочу добавить еще одно фоновое изображение, поверх которого вывести телефоны, контактные данные и пр. Но это фоновое изображение не появляется ибо body забивает собой всю страницу. Как решить эту проблему?

    Asked by wcp, July 30, 2011

    0 votes
    6 answers
19. Полоса прокрутки.

    Здравствуйте, у меня такой вопрос, При появлении вертикальной полосы прокрутки, дизайн страницы сдвигается влево на 10рх, как можно это исправить с помощью css?

    Asked by an1401, August 3, 2011

    0 votes
    6 answers
20. Вёрстка поля для поиска

    Моя задача: сверстать поле для поиска такое же как на картинке(рис.1) Моя проблема: При вёрстке поля для поиска вылезает какая-то непонятная белая рамка (в IE рамка чёрного цвета)(рис.2) Мой вопрос: Как избавится от рамки белого цвета и как ещё можно улучшить мой свёрстанный текстбокс, чтобы он был похож на текстбокс с картинки ? Страничку в браузере можно посмотреть по ссылке:http://web-luck.ru/horner/search.html? Вот весь исходный: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Текстбокс</title> <script src="jquery-1.6.2.min.js"></script> <script s…

    Asked by averin13, August 4, 2011

    0 votes
    6 answers
21. position: absolute перекрытие

    Есть для примера 2 блока. <div style="background: green; height: 71px; width: 800px; position: absolute; top: 0; left: 0; z-index: 2;"></div> <div style="color:red; z-index: 999;">bla bla bla</div> По какой-то необьяснимой причине первый блок перекрывает второй закрывая текст, игнорируя z-index. Помогите пожалуйста, что здесь происходит и как с эти бороться? Изначальная идею состояла в том, чтобы поместить несколько бэкграундных изображения под текст.

    Asked by graf, August 4, 2011

    0 votes
    6 answers
22. Как выравнять по центру инлайновые дивы?

    Вот код: <style> #inners{ width: 400px; margin: auto; background-color: red; text-align: center; } #inners .inner{ display: inline; float: left; margin-right: 10px; background-color: green; } </style> <div id="inners"> <div class="inner">11111<br>11111<br>1111</div> <div class="inner">222222</div> <div class="inner">3333</div> <div style="clear: both;"></div> </div> Хочу выравнять эти инлайновые блоки по центру. Думал, что text-align: center сработает для инлайновых элементов, но не сработал Может кто знает?

    Asked by E5000, August 4, 2011

    0 votes
    6 answers
23. Проблема при верстке формы

    Есть форма: <div class="yapoisk" > <form action="http://ast.ru/poisk.shtml" method="get"> <input type="hidden" name="searchid" value="120203"> <input name="text" class="yapoisk1"> <input type="image" src="/images/searsh.png"></form> </div> .yapoisk{ border: 1px solid #7dbae9; background-color:#7dbae9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/ssi/PIE.htc); position: relative; z-index: 100; text-align: center; width: 260px; height: 27px; } .yapoisk1{ border: 1px solid #cee7fa; background-color:#ffffff; width: 210px; margin: 0px 0px 0px 0px; } в IE все норм а в остальных съезжает вн…

    Asked by Loed, August 6, 2011

    0 votes
    6 answers
24. background-position

    Здрасте, есть нубовский вопрос: Нужно обложить таблицу бэкграундом повторяющимся по горизонтали, но таким образом, чтоб слева и справа он не доходил до края на определенное колличесво пикселей. (причем слева и справа разные значения) Можно ли это сделать средствами css, без лишних ячеек, применяя класс ко всей таблице? А еще желательно без background-size.

    Asked by bioz00, August 8, 2011

    0 votes
    6 answers
25. Меню как на Google

    Здравствуйте. Решил сделать меню как на Google. Но пока получилось только вот это: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Пример горизонтального CSS списка</title> <style type="text/css"> body {margin: 0;} #nav_menu {width: 100%;} #nav_menu ul {list-style: none;} #nav_menu a { float: left; height: 100%; background-color: #2d2d2d; text-decoration: none; text-align: center; padding:7px; font-family: arial; font-size: 10pt; color: #cccccc } #nav_menu a:hover {background-color: #4c4c4c; color: #cccccc;} span {border-top: 2px solid #dd4b39;} </style…

    Asked by weqy, August 6, 2011

    0 votes
    6 answers