HTML Coding

29,542 questions in this forum

1. Переход между страницами без обновления шапки

   Полазил по одному сайту и вот на что обратил внимание. Там при переходе со страницы на страницу, длительность загрузки может составлять до 2-х секунд, но при этим шапка и левая колонка даже на миг не пропадают с экрана. Обычно, на других сайтах, в такой момент старая страница пропадает, а новая появляется в нескольких разных вариантах, соответствующих разному объему загруженной информации. Количество этих вариантов зависит от продолжительности загрузки и частоты обновления рабочей области браузера. Здесь же вариации испытывает только содержимое центрального, блока. Я сначала было подумал AJAX, но приглядевшись к коду, понял, что это чистый HTML. И суть эффекта, таким обра…

   Asked by freeneutron, March 6, 2011

   0 votes
   8 answers
2. Грамотная резиновая верстка

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

   Asked by flagreit, March 7, 2011

   0 votes
   8 answers
3. Делаю сабе визитку... Вопрос относительно меню и центрирования дива

   Доброго всем времени суток... Делаю себе сайт визитку... пока есть две страницы ( http://berkutmail.narod.ru http://berkutmail.narod.ru/gallery01.html ) появились вопросы на которые сам не могу найти ответ.... 1 не могу понять, что за сообщение вылезло в левой стороне страницы (от куда оно взялось и как от него избавиться)??? это сообщение отсутствует только в Хроме... - в остальных браузерах проявляется... хотя когда смотришь сайт с жесткого диска а не с хоста - сообщения - нет.. 2 подскажите как отцентрировать див в котором находится изображение / галерея по центру экрана по вертикали.... 3 каким образом делается, чтоб меню открывалось/закрывалось по клику... заранее б…

   Asked by Night Man, March 8, 2011

   0 votes
   8 answers
4. псевдо-класс в классе

   Хочу оформить две разные ссылки по разному (свойства a:hover a:visited и a). Вот не знаю как. можно ли юзать псевдо-класс в классе???

   Asked by che guevara, March 8, 2011

   0 votes
   8 answers
5. Списки

   Всем привет! Есть идея реализовать вот это: Но каждый вот этот блок (текст сверху и три текста сбоку, а так же картинка слева), должен быть сделан через <li></li>. Ну а расположение уже текста и картинок внутри <li></li>, как лучше это сделать? Начал пихать внутрь списка тег <div>, чтобы расположить как хочу текста и картинку, так вообще ахинея какая-то вышла. Заранее спасибо за любую помощь.

   Asked by boompaw, March 8, 2011

   0 votes
   8 answers
6. 1px сдвиг вправо, в IE 7

   Помогите решить мего проблему пожалст Вот сайт: http://wow-bc.3dn.ru/

   Asked by Xorigan, March 8, 2011

   0 votes
   8 answers
7. Алноритм вёрстки сайта на div'ах.

   Здравствуйте. Почитав теории на htmlbook.ru про блочную вёрстку решил перейти к практике. Как всегда начиная пробовать верстать на дивах, появлялись проблемы и поэтому сразу возвращался к таблицам. Сейчас решил всерьёз заняться этим делом и сверстать свой первый сайт на дивах. Решил начать верстать с этого макета http://forum.htmlbook.ru/index.php?showtopic=13276 Начинаю: 1 - для начала макет нужно разрезать в фотошопе, вот как я решил его разрезать (http://s53.radikal.ru/i141/1103/3b/00ccb1be7b3c.jpg) Пункт 1,2,3 это шапка сайта, для её быстрой загрузки я решил её разрезать на 3 части. В средней части, с помощью ксс, незная как =), сделаю ссылки и надпись сверху. Пункт …

   Asked by Bayanruby, March 8, 2011

   0 votes
   8 answers
8. Нужна помощь в создании сайта

   Обращаюсь к тем ,кто реально умеет делать ,верстать и т.п. сайты. Прошу помощи,пытаюсь сделать сам сайт и всё время выходит какая-нибудь фигня ,дошел до такого момента .что думаю уже будто ничего не понимаю в html css и т.п. Я прошу не сделать мне сайт,а помочь ,хотелось бы уточнить несколько вопросов ,но в личной пересписке .Пожалуйста,пишите сюда new011@mail.ru

   Asked by new01, March 17, 2011

   0 votes
   8 answers
9. overflow: hidden, плюс кнопка

   Возможно ли на блоке в котором указано overflow: hidden поставить на кнопку прокрутку блока с помощью html? Или все же придется искать решение в JS?

   Asked by Pumych, March 17, 2011

   0 votes
   8 answers
10. Таблица в ячейке (Opera и IE)

    Вот код: //———————————————————————————————————————— <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Тест1</title> </head> <body> <style> body, html { width: 100%; height: 100%; } body { margin: 0px; } </style> <table style="width: 100%; height: 100%;"> <tr> …

    Asked by Metus, March 19, 2011

    0 votes
    8 answers
11. Помогите подобрать шрифт

    Доброго времени суток Уважаемые господа веб-мастеры, а так-же дизайнерам и начинающим мой хеллоу! Попал в руки шрифт Swis721 BT , но вот беда, не понимает кириллицу, отображается иероглифами если на русском писать. Подскажите рабочую альтернативу для кириллического пожалуйста. P,S, вкладываю так же картинку с этим шрифтом, в действии так сказать П.П.С. Дайте пару названий похожих шрифтов.

    Asked by xlife, March 21, 2011

    0 votes
    8 answers
12. выравнивание блоков в ячейках таблицы

    Добрый день. У меня есть таблица, в ячейках которой сидят блоки: (границы таблицы - синим цветом, дивов - чёрным) Только не надо спрашивать, зачем я запихиваю в бедную таблицу блоки. Меня интересуют 2 блока, выделенные красным цветом. Я хочу, чтобы они были выровнены по нижнему краю строки таблицы. То есть, при любом увеличении/уменьшении окна браузера или разрешения экрана вся эта хрень принимала следующий вид: Задача вроде элементарная, но я не силён в CSS и не знаю как её решить. Будьте добры, подскажите.

    Asked by drasute, March 22, 2011

    0 votes
    8 answers
13. Ява Скрипт, азы

    В учебнике Макфарланда, по которому я изучаю язык, был дан пример вывода даты при помощи функции dateString() Я этот пример перекатал, заменив английские названия месяцев и дней на русские. Не идёт у меня скрипт и всё. Раз десять проверил. Искал ошибки сразу на двух браузерах. В конце концов они у меня выделили строчку, которую я здесь выделил красным. ИЕ утверждает, что определение отсуствует. Я буду очень благодарен, если кто-нибудь объяснит, где моя ошибка.

    Asked by beze, March 22, 2011

    0 votes
    8 answers
14. Помогите правильно разместить обьекты

    Здрасьте! Не могу правильно разместить обьекты в div. Помогите пожалуйста имеются обьекты: 1 div (контейнер) 2 h2 (заголовок) 3 img (картинка слева) 4 p (описание картинки) Делаю так: <div style="border:1px solid #bbb;"> <h2>Заголовок</h2> <img src="" style="float:left;width:100px;height:100px;" /> <p>теkст описание картинки</p> </div> Все бы хорошо, но как только текст не превышает высоты картинки, то нижний бордюр перекрывает картинку. Подскажите как правильно решить эту проблему? Спасибо.

    Asked by kukurikan, March 23, 2011

    0 votes
    8 answers
15. Пара скругленных углов

    Уважаемые, подскажите как сделать выборочное скругление углов у блока? А именно верхний левый угол и нижний правый. Я решения пока не нашел. Буду крайне признателен за информацию. Блок должен быть фиксированным по ширине и тянуться по высоте.

    Asked by Goldie, March 27, 2011

    0 votes
    8 answers
16. Можно ли скрыть информацию от различных групп?

    Мне интересно а можно ли каким либо образом скрыть любую информацию от пользователей различных групп!? например: я хочу чтоб ссылку :<li><a href="Url" >URl</a></li> видили только пользователи или только админы

    Asked by Joko, March 29, 2011

    0 votes
    8 answers
17. Картинки вместо текста в навигации

    Есть менюшка, которую можно сделать только картинками. Но, можно ли так делать? ведь в этом случае название пунктов меню будет только в классах, из ссылок придётся удалить. Не знаю, может это неправильно по семантике, или для будущего продвижения... <li><a class="home" href="#"></a></li> <li><a class="portfolio" href="#"></a></li> <li><a class="about" href="#"></a></li>

    Asked by 1284metra, March 30, 2011

    0 votes
    8 answers
18. Помогите с шапкой для фиксированного шаблона

    Помогите с версткой шаблона.Проблема в следующем..Левая и правая часть в шапке=баннере и футере разная.Вот картинка.. http://nds09.narod.ru/images/shapka.jpg Область где шапка расположена строго на своем фиксированном месте - область Шаптель- сам баннер.. Область №1 - этот div я просто перед div баннера и выкинул его левее margin-left:-107px;..таким образом она чётко сместилась влево...А вот область №2 должна идти до самого конца сайта как бы резоновая не зависимо от разрешения монитора или его размера..Т.Е напрашивается сделать repeat-x, но тогда не могу понять если делать для body..то и слева естественно вылезит эта картинка..перед областью 1..А мне там нужен другой ф…

    Asked by Demon_gms, March 31, 2011

    0 votes
    8 answers
19. @font-face

    Есть шрифт вот такой, решили вставить его в проект. Генерю CSS и шрифты разных форматов при помощи сервиса fontsquirrel.com. Возникают проблемы с кириллицей причем как-то странно - кириллица не отображается только в ИЕ7 (с латинницей все в порядке). Пока проверял в ИЕ8, ИЕ9 и Хроме, там все нормально (не знаю как в остальных браузерах). В чем может быть проблема в ИЕ7? Вариант отказа от ИЕ7 не подходит ни под каким предлогом. Шрифт заюзать надо позарез. Кто что подскажет? P.S. Хоть в этом сервисе заявлена поддержка ИЕ5+, но в ИЕ6 (на виртуальной машине) у меня ничего не работает, даже латинница. Интересно почему. Поддержка ИЕ6 в общем не особо нужна, но как бонус было бы …

    Asked by Great Rash, April 1, 2011

    0 votes
    8 answers
20. Куда IE9 съел фон?

    Проблемная страница здесь. Задача: взять уже имеющуюся вёрстку (оригинал этой же страницы здесь), и средствами только одного файла css развернуть страницу так, чтобы она выглядела естественно для арабского языка. За исключением нескольких нюансов это означает, что нужно просто зеркально отразить. Возникла маленькая, но непонятная проблема. В таблице результатов есть ссылки Bid Now, Add to WatchList, Remove from WatchList. В оригинале им задан фон цветом и маленькие иконки фоновым изображением, но для IE8-, который не умеет скруглять уголки, фоновое изображение задано во всю ссылку и включает эти самые круголки. Делаем просто: ту же самую фоновую иконку размещаем не слева,…

    Asked by swetlana, April 2, 2011

    0 votes
    8 answers
21. Скорость работы

    Я 1.5 года занимаюсь версткой, сначала из любопытства html изучил, потом увидев csszengarden.com занялся изучением css и верстки в целом. На сегодняшний день вроде бы не плохо справляюсь, много читаю и практикуюсь и собираюсь в этом году заняться версткой как основным видом деятельности, и вроде бы, все хорошо, но волнует один вопрос: какое время нужно тратить на выполнение той или иной задачи? Просто я привык все делать медленно, отдавая внимание разным мелочам, порой даже с каким-то извращенным педантизмом могу весь выходной ковырять простой макетик, пытаясь довести его до субъективного совершенства что, конечно, не радует. Тут вот 3 макета форумных, хотелось бы унзнать…

    Asked by zSpx, April 8, 2011

    0 votes
    8 answers
22. Выпадающее меню с помощь списка определений

    Здравствуйте! Я задалась вопросом как сделать выпадающее меню не с помощью вложенных списков, а используя список определений. Только он, зараза, не хочет выпадать. Собственно говоря, в этом и проблема. Буду рада помощи. Код CSS: body{ font-family: Georgia, Times, 'Times New Roman', serif; } #nav, #nav dl{ margin:0; padding:0; border: 1px solid #000; background: #515151; float: left; width:auto; } #nav dt{ float:left; position:relative; background: #515151; } #nav dd{ display:none; position:absolute; padding:8px 0; width:138px; background: #515151; } #nav a{ color:#fff; text-decoration:none; display:block; width:120px; padding:4px 10px; } #nav a:hover…

    Asked by Lisitsa, April 8, 2011

    0 votes
    8 answers
23. Высота div-ов

    Здравствуйте... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style > body { margin:0px; text-align:center; } .box { width:500px; margin: auto; border:1px solid #990000; background-color:#fff; } .menu { width:200px; background-color:#f6d95b; float:left; text-align:left; } .text { margin-left: 200px; …

    Asked by G6CFfy, April 11, 2011

    0 votes
    8 answers
24. Как растянуть родительский div?

    Имеется страничка: <div id="cover"> <div id="top"> ......... </div> <div id="bottom"> .......... </div> </div> Для cover прописано в css background шириной в сайт и высотой в 1 пиксель с репитом y. Для top и bottom соответственно background верхней и нижней части сайта. Идея была в том, что бы когда контент больше высоты top, то он двигает bottom, а пустое место заполняется background'ом от cover. Но оно не работает, т.е. если я явно прописываю высоту какого-нибудь вложенного div'а, то всё ок, а если нет, то контент просто налезает на bottom и лезет дальше вниз. Как сделать правильно?

    Asked by webstark, April 12, 2011

    0 votes
    8 answers
25. Лишние 2px от верхнего края body в Opera и FF

    Добрый день! Есть вот такой сайт. В Safari, Chrome, IE6, IE7 всё хорошо. НО. В FF и Opera появляется разница в 2px по высоте между верхними левым правым блоками и центральным. Как это победить? Голова уже квадратная. На просторах интернета не смог найти похожего. Почти лечится хаками для Oper'ы, но тогда такой же косяк в IE7 появляется. HTML <div id="top"> <div id="menuLeft"> <img src="/pics/topMenuLeft.png" class="png" width="225" height="150" border="none" alt="MenuLeft" usemap="#MenuLeftMap"> </div> <div id="menuRight"> <img src="/pics/topMenuRight.png" class="png" width="225" height="150" border="none" alt="MenuRight" usemap="…

    Asked by Gorynch, April 14, 2011

    0 votes
    8 answers