HTML Coding

29,542 questions in this forum

1. Наглый наезжающий блок

   Здравствуйте. Стоит передо мной задача сделать так, что бы один блок наезжал поверх другого в зависимости от вертикальной прокрутки страницы. Иными словами есть это —проблэм . Нужно что бы блок с картинками наезжал на блок с таблицей. Даже наверное что бы блок с картинками начинал двигаться вниз от определенного отступа (Без скриптов никак?)...

   Asked by Bondarov, June 30, 2011

   0 votes
   2 answers
2. Резиновый горизонтальный список

   Подскажите каким образом сделать, чтобы пункты горизонтального списка располагались на всю ширину списка(задана фиксированно).

   Asked by hoggerty, July 6, 2011

   0 votes
   3 answers
3. Помогите type="imege" сделать текстом

   Помогите <input type="image" src="/buy.gif" name="go" alt="В корзину" class="subm" /> сделать обычной ссылкой типа <a href="">. Мне подсказали что это стилями можно сделать, только я не знаю как, очень надо

   Asked by frost18, June 29, 2011

   0 votes
   5 answers
4. как разместить 3 дива горизонтально

   Всем привет! как разместить 3 дива горизонтально без float!

   Asked by kent666, July 6, 2011

   0 votes
   8 answers
5. Подскажите с версткой, пожалуйста

   Добрый день участникам! Сразу уточню, что я не суперспец в верстательных делах, но задача была поставлена, нужно реализовать. Итак, на главной странице вот этого сайта был добавлен блок с табами (ближе к низу страницы). В нормальных (старых, объезженных) браузерах - FF 3, Opera 9, IE 8 - этот блок, как и требовалось встает в центр макета. В новых браузерах - FF 4, Chrome - разъезжается по всей ширине. Я подозреваю, что, возможно, что дело в html5-секциях, которые старые браузеры не поддерживают, но не знаю... Коллеги, подскажите, как исправить. Бьюсь уже третий час. Спасибо

   Asked by Ololo74, June 30, 2011

   0 votes
   3 answers
6. onmouseover

   Добрый вечер! Скажите. а можно ли через событие onmouseover поменять бэкграунд у блока? И если да, то как прописатьв стилях чтобы он ещё и repeat был. Пробовала, не получается

   Asked by htmlbr, June 30, 2011

   0 votes
   14 answers
7. всплывающая подсказка в HTML (addthis код)

   в следуйщем коде при наведении на иконку показывается стандартный текст сервиса addthis. что нужно дописать чтоб можно было по русски ввести нужные подсказки ? <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_vk"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a> <a class="addthis_button_odnoklassniki_ru"></a> <a class="addthis_button_compact"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script> <script type="text/javascript" src="http:…

   Asked by wernbloom@ukr.net, June 30, 2011

   0 votes
   3 answers
8. Вопрос об отступах

   Доброго времени суток! Возник вопрос, как задать отступ элемента на странице абсолютный не зависящий от других элементов(т.е. других блоков)? Вся проблема в том, что когда страница без наполнения копирайт блок прыгает вверх, то есть как зделать что бы даже при отсутцтвии других блоков, блок с копирайтом не поднимался. П.с: уже всё позабывал) Зарание спасибо!

   Asked by iloveforever, June 30, 2011

   0 votes
   9 answers
9. position:absolute; - на всех мониторах одинакого?

   Всем привет. Подскажите пожалуйста : Задаю обЪекту стиль css position:absolute; top:200px; left:250px; У меня всё ровно на сайте , относительно других объектов. А на других мониторах всё будет правильно ??

   Asked by d4a1, June 30, 2011

   0 votes
   10 answers
10. Выпадающее меню

    Криво работает вот здесь http://test1.xenot.ru/ КОгда нажимаешь на главный пункт то подменю наезжает на следующий пункт!

    Asked by NeoMurderer, June 30, 2011

    0 votes
    3 answers
11. Кнопка для открытия изображения в ajax-окне.

    Здравствуйте! Увеличенные изображения и их превьюшки используются сейчас достаточно широко, чтобы не быть не упомянутыми. Вид кнопки : <a href="картинка">Посмотреть</a> Нужно, чтобы при клике на ссылку картинка открывалась в ajax-окне. Заранее благодарю.

    Asked by Xelborg, July 1, 2011

    0 votes
    10 answers
12. автоматически активировать поле ввода

    Делаю страницу авторизации. Не подскажите, как сделать так, чтобы после завершения загрузки можно было начать вводить логин (чтобы поле input для логина становился активным)?

    Asked by MasterP, June 30, 2011

    0 votes
    5 answers
13. Как семантически правильней?

    Фамилия: Иванов Имя: Иван Отчество: Иванович Возраст: 25 и т.д. Как семантически правильней? див со спанами, таблицей или же dl, dt, dd?

    Asked by vikusik, July 6, 2011

    0 votes
    17 answers
14. Meta

    Вот такой вопрос по тегу <meta>. 1)Почему такой сайт как facebook использует <meta name="robots" content="noodp,noydir" /> ,который как я прочитал запрещает индексацию. Зачем? 2)И почему он не использует <meta ...ключевые слова? 3)Какие <meta> надо использовать? Я выбрал вот эти. <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <meta http-equiv='Content-Language' content='ru' /> <meta name='description' content='' /> <meta name='keywords' content='' /> Скажите правильно ли?

    Asked by new01, July 6, 2011

    0 votes
    3 answers
15. absolute относительно окна внутри relative

    Привет! Подскажите пожалуйста, как задать позиционирование слоя #d2 относительно всего документа, а не относительно #d1 <div id="d1"> <div id="wrap"> <div id="d2">Хочу быть вверху всей html-страницы</div> </div> </div>

    Asked by warobushek, July 6, 2011

    0 votes
    3 answers
16. Разъезжается содержимое блока

    <style type="text/css"> #text { width: 580px;} </style> </head> <body> <div id="text"><p> 22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 </p> </div> Содержимое блока вылазит за его пределы, как сделать что бы о…

    Asked by Udyr, July 6, 2011

    0 votes
    3 answers
17. Увеличение картинки при наведении

    Делаю чтоб картинка увеличивалась при наведении. Делаю так: <style type="text/css"> body{padding:10px 100px;} .zoom{ position:relative; cursor:pointer; left:0; top:0; } </style> <? if (!empty($picture)) {?> <script type="text/javascript"> $(function(){ $('.zoom').hover(function(){ $(this).stop().animate({width:"250px",left:"-25px",top:"-25px"}, 400); $(this).attr("src","<?=$picture?>"); }, function(){ $(this).stop().animate({width:"100px",left:"0",top:"0"}, 400); $(this).attr("src","<?=$picture?>"); }); }); </script> <a href="#"><img border="0" width="100px" class="zoom" src="<?=$picture?>"…

    Asked by Tchorteg, July 6, 2011

    0 votes
    10 answers
18. ширина изображения

    задача такова: есть картинка: <img src="bg/1.png" id="main-bg"/> и такой вот стиль для нее: #main-bg {width:100%; display:block} .wide #main-bg {width:1092px; display:block} необходимо, чтобы картинка занимала 100% отведенного под нее пространства в <div>, покуда разрешение экрана в ширину не превышает 1300 пикселей (то есть у пользователя экран 4 к 3, "квадратный"). если же экран широкоформатный (в ширину больше 1300), то нужно, чтобы картинка была шириной в 1092 пикселя. для этого в конце боди пишу скрипт: <script type="text/javascript"> function checkWindowSize() { if ( $(window).width() > 1300 ) { $('body').addClass('wide'); } else {…

    Asked by MasterP, July 1, 2011

    0 votes
    4 answers
19. Не могу достичь кроссбраузерности

    Здравствуйте! Я начинающий веб-дизайнер, и, собственно, чтобы поднатореть начал с редизайнов. Оригинал сайта: http://pskov.izbirkom.ru То, что я сделал: http://sie-club.ru/design/ Но так как задумано сайт выглядит только в Опере. Остальные браузеры выдают мне черте что. Пожалуйста, помогите, я уже не знаю что делать. Вот например margin-top: -17px; для таблицы работает только в Опере. В остальных браузерах таблица не двигается.

    Asked by 7ion, July 1, 2011

    0 votes
    8 answers
20. рандомный фон из предложенных

    Необходимо сделать так, чтобы имг выбирался рандомно из предложенного массива. Сейчас это выглядит совсем криво: <img src="bg/.png" id="main-bg"/> <script> var bg = ['bg/1.png', 'bg/2.png', 'bg/3.png', 'bg/4.png', 'bg/5.png', 'bg/6.png'], n while(n == undefined){ n = Math.round(Math.random()*7) if(n==0||n==7) n = undefined } document.getElementById('main-bg').src = bg[--n] </script> раздражает то, что пока скрипт грузится проходит полсекунды и заметно, как браузер сначала грузит пустую область (bg/.png - специально положил битую ссылку), а потом - нужную картинку на ее место. Это критично, т.к. положение остального содержимого страницы зависит от н…

    Asked by MasterP, July 1, 2011

    0 votes
    4 answers
21. background vs text

    Добрый день. Верстаю макет, и заметил ошибку в отображение background в браузерах google chrome, ie7, ошибка в том что например background таблицы, который выровнен по середине экрана, и background дива который тоже выровнен по середине экрана расходятся на 1пх при нечетной ширине экрана Пример на скрине, как не должно быть И как должно быть Надеюсь на вашу помощь ps. помню что такую тему уже задавали на форуме, но так и не смог ее найти

    Asked by Temiks, July 1, 2011

    0 votes
    6 answers
22. navi

    Всем привет! Подскажите пожалуйста решение такой проблемы: Имеется навигация: вот css код: #navi li {float: left; list-style-type: none; border-right: 1px solid #006699; font-size: 15px;} #navi a {text-decoration: none; /* удаляем подчеркивание ссылок */ margin: 0px 10px 0px 10px; /* создаем пространство с обеих сторон текста пункта меню */ color: #006699; /* задаем цвет шрифта */ } вот html: <div id="navi"> <ul id="navi"> <li><a href="index.html">Главная</a></li> <li><a href="#">Подбор тура</a></li> <li><a href="#">Туры из Уфы</a></li> <li><a href="#"…

    Asked by Aidakaev, July 1, 2011

    0 votes
    25 answers
23. Сайт фиксированной ширины по центру

    Постоянно сталкивался с 1 проблемой и все не могу найти хорошего решения. Есть основной блок который фиксирует сайт по центру при помощи margin: 0px auto; но возникает проблема что когда контента мало сайт на 1 позиции как только контента больше высоты окна появляется скролл и соответственно сайт дергается в лево. Обычно избавлялся от этого при помощи body {overflow-y: scroll;}. Но хотелось бы узнать как это сделать при помощи js что бы не добавлять скролинг. Я так понимаю поверх всего нужен еще 1 div который будет прижат к левому краю но его ширина будет размером с окно -20px на скролинг. Или есть еще другие варианты? Подскажите плиз решение проблемы.

    Asked by GeSTaM, July 1, 2011

    0 votes
    8 answers
24. Блок лезет за пределы

    Немогу понять почему блок sidebar вылазиет за пределы. Надо, что бы он растягивался в нутри, а он наружу лезет. Может кто подскажет? Вот код HTML: <!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"> <head> <title>[title]</title> <link href="imgdiyan/style.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="shortcut icon" href="/files/favicon.ico" type="image/x-icon"> </head> <body> <div id="wrap"> <div id="masthe…

    Asked by Alben, July 1, 2011

    0 votes
    6 answers
25. инлайн!

    #vk_like { float:right; margin:0px 143px 0px 0px; display:inline; } #fb-root { display:inline; border:0px #FFF solid; } Привет. почему кнопки #vk и #fb не хотят быть рядом?

    Asked by htmlbr, July 1, 2011

    0 votes
    12 answers