HTML Coding

29,542 questions in this forum

1. Кроссбраузерность.

   Сверстал диз, когда верстал использовал хром. Когда все закончил решил просмотреть в разных браузерах (IE,Firefox). В IE и FireFox страница выглядит меньше по размеру. Верстка фиксированная 960px.В Хроме страница выглядит лучше.Можно ли сделать ка кто чтобы в IE,Firefox страница была как в Хроме? Вот CSS body{ margin: 0px; padding: 0px; } #container{margin: 0 auto; width: 960px; } А вот картинки: 1.Chrome 2.Firefox 3.IE Например: Сравните какой отступ у хром от границы браузера,и какой в Firefox'e и в IE

   Asked by azarkin7, August 27, 2011

   0 votes
   7 answers
2. подскажите с меню

   вот файл: html <div id="menu_news" <div class="news"> <img src="img/fon_menu.gif" width="249" height="30" class="news_head" /> <ul class="menu_news"> <li><a href="#">Пять дизайнерских правил применяемых в Web</a><p>01</p></li> <li><a href="#">10 принципов эффективного веб-дизайна</a><p>02</p</li> <li><a href="#">Дизайн пользовательских интерфейсов и юзабилити</a><p>03</p</li> <li><a href="#">Меняем дизайн сайта в зависимости от погодных условий.</a><p>04</p</li> <li><a href="#"&…

   Asked by montana, August 26, 2011

   0 votes
   4 answers
3. Посоветуйте хостинг

   Здравствуйте! После долгих поисков нужного хостинга и в итоге с никаким результатом я решил создать эту тему. Мне нужно простой хостинг чтобы разместить всего лишь одну html страницу. Не охото переплачивать допустим за php и mysql когда они мне не нужны или еще за гигабайты памяти которые они предлагают, зачем мне это? Ребят, нужен самый простой хостинг но чтобы и в плане работы был нормальный и по удобству и без всяких лишних для меня вещей. Посоветуйте если знаете такой хостинг. Спасибо за внимание.

   Asked by AP311, August 26, 2011

   0 votes
   12 answers
4. <table>

   имеется таблица <table> <tr> <td></td> <td></td> </tr> </table> как можно сделать такую структуру: ________________ |Фото |Описание | | | | | | | |_____| | | | | | _________________

   Asked by Ledniy, August 28, 2011

   0 votes
   11 answers
5. Активная ссылка меню

   Не могу понять почему отходит вниз... http://di-asouls.ru/minecraft/ Я понял, что виновато "padding-top: 20px;" и мои кривые лапки, но как выровнять текст без такого проблемного состояния? \\\ [left] #menu { padding: 0; list-style-type: none; background-image: url(../page_img/menu/menu_bg_repeat.png); font-size: 30px; height: 70px; } #menu li { padding-top: 20px; float: left; margin: 0; } #menu li a { text-decoration: none; display: block; padding: 0 20px; line-height: 70px; color: #ffbf00; } #menu li a:hover, #menu li.active a { text-align:center; color: #ffbf00; background-image: url(.…

   Asked by Diasouls, August 27, 2011

   0 votes
   2 answers
6. картинка под ссылкой

   Подскажите пожалуйста, как сделать обычную ссылку, но при наведении на нее, под ней появлялось изображение? Через onmouseover как это реализовать?

   Asked by Motoko Kusanagi, August 27, 2011

   0 votes
   3 answers
7. Как правильно верстать

   Интересует именно общий подход. Как я вижу: 1) Для начал делаем разметку страницу: определяемся с кол-во блоков, секций, слоёв; решаем что фикисрованно, а что тянется и т.д. И выстраиваем общую структуру страницы (я обычно делаю пустыми блоками с разным цветом бэкграунда). Проверяем на кросс-браузерность и косяки. Если нормально - переходим к наполнению. 2) Заполняем контентом, вставляем менюхи и т.д. - более трудоёмкий процесс, ибо каждый элемент надо отдельно выравнивать (а они иногда очень не желают этого делать при заданных условиях). И вот тут обнаруживается первая засада: вроде общая структура у нас готова и зафиксирована, но наслдеование или overflow какого-нибудь …

   Asked by Nanto, August 27, 2011

   0 votes
   1 answer
8. Вопрос по дизайн шапки сайта DLE

   Привет всем! Возник такой вопрос, есть сайт _http://www.zkarate.org/ - задумка сделать шапку была такая: В результате получилось: Я так понял, что шапка имеет три блока, с первым проблем вроде как нет, а блоки 2 и 3 мешают друг другу - сдвигают, или загоняют друг друга вверх вниз. 1-й вопрос - как сделать так, чтоб картинка с каратистами растянулась по высоте 2-й вопрос - чтоб картинка с каратистами не мешала тексту по середине. Часть кода main.tpl {AJAX} <body> <div id="container_wrap"> <div id="header"> <div class="logo"><a href="/" title="На главную"><img src="{THEME}/images/logo.png" alt="" /></a></div> <div id="…

   Asked by mafusail1900, August 28, 2011

   0 votes
   1 answer
9. НУЖНА ПОМОЩЬ!

   РЕБЯТА ВЫРУЧАЙТЕ КАК СДЕЛАТЬ? модуль/компонент для InstantCMS. Функции модуля: 1. загрузка пользователями через личный кабинет на сайт аудио-файлов в формате mp3, создание краткого описания для файла (название, исполнитель, жанр и т.п.) 2. отображение в личном кабинете списка своих загруженных файлов с возможностью прослушивания их с помощью плеера прямо на сайте, удаление загруженных треков, редактирование атрибутов файла. Список дорожек доступен для просмотра другими пользователями 3. отображение на главной странице списка файлов, загруженных другими пользователями, с возможностью прослушивания прямо в списке (без перехода в отдельное окно) и в окне подробной информац…

   Asked by mihei, August 28, 2011

   0 votes
   3 answers
10. IE6+ и graceful degradation

    Решив провести субботний вечер за просмотром полезного видео о веб технологиях и верстке в частности, натолкнулся на замечательный доклад «Когда хуже — лучше» Юрия Артюха с конференции «РИТ 2011» проходившей весной в Москве. Эту запись я увидел как только она была слита в интернет, но почему-то не принял ей особого значения. И вот вчера, пересмотрев ее еще раз, осознал все великолепие его доклада. Понимаю, что часть форумчан его видела, возможно даже бОльшая, а те кто не видел обязательно посмотрите. Но я все же хочу немного написать о теме, которую он затронул. Так сказать, закрепить материал. Итак, что же предлагал Юрий? Скорее всего вы уже знаете о таком подходе как gr…

    Asked by zSpx, August 28, 2011

    0 votes
    7 answers
11. Flv Player

    Здравствуйте! У меня возникла следующая ситуация: После долгого и изнурительного выбора видеоплеера для сайта решил остановиться на Flv Player. Всё бы хорошо – но как всегда есть "НО"! 1) Полностью не отображается в ie-7,8,9!(по крайней мере у меня... не знаю что с этим делать?) 2) По углам плеера видны видны 4 белых треугольничка(1-2px)-следы от бэкграунда какого-то блока на заднем фоне!(от какого именно понять не удаётся...) 3) когда проигрываеться 70-80% ролика- в левом верхнем углу появляется надпись "буферизация"!(к сожалению на данном ролике от этого последствия виднеется только черное обозначение "%". Остальная надпись не видна из за чёрных краёв по бокам ролика...…

    Asked by Yamaradg, August 28, 2011

    0 votes
    1 answer
12. атрибут hreflang тэга a, и его работа.

    Здравствуйте. Изучая этот замечательный сайт я наткнулся на атрибут hreflang у тэга <a>. Прочитал его описание вот на этой странице и впал в ступор. В таблице поддержки браузеров четко указано, что не один браузер не понимает этот атрибут. И сразу возник закономерный вопрос. Для чего нужен такой атрибут? Как он работает, если браузер не способен его понять? Надеюсь вопрос был достаточно ясно задан. Жду ответа.

    Asked by biz87, August 28, 2011

    0 votes
    2 answers
13. Ширина блока динамическая, в резине

    У меня есть верстка , прикладываю скриншот что было понятней,есть блоки(с анонсами) с у них float: left и задана определеная ширина примерно 45%. Если на 1600px то они располагаются в 2 колонки если окно уменьшаюшь то они в одну колонку получаются, и правого баннера пустое пространство, которое не хорошо смотрится. Как сделать так что бы в случаее когда его товары в одну колонку то они бы растягивались на всю ширину

    Asked by chiffenok, August 28, 2011

    0 votes
    4 answers
14. Названия категорий "спадают" при изменении разрешения экрана

    Следующая ситуация. Есть блок archive_of_ratings width: 708px; В нём есть блок titles_of_archives width: 708px; В блоке titles_of_archives лежите четыре ссылки: <a href="#" class="category">Text1</a> <a href="#" class="category">Text2</a> <a href="#" class="category">Text3</a> <a href="#" class="category">Text4</a> Где стили класса category: .archive_of_ratings a.category { background: url("../img/archiveratings_grey.jpg") repeat-x; border-left: 1px solid #aab7c7; border-right: 1px solid #e9ecf1; color: #0068D0; font-family: Tahoma,Arial; font-size: 12px; height: 20px; line-height: 15px; …

    Asked by SkyTrace, August 28, 2011

    0 votes
    4 answers
15. Условные комментарии IE

    И снова здравствуйте уважаемые Люди. У меня к Вам есть новый вопрос, простой для Вас и не понятный для меня. Вот допустим у меня есть условный комментарий: <!--[if lt IE 9]>Текст который будет показываться во всех версиях IE кроме 9.<![endif]--> Куда правильней всего вставлять этот код? И как сделать так чтобы выводился не мой сайт с текстом который написан в комментарии а чисто один текст из комментария на чистой странице? Если Вы меня плохо поняли то сообщите, я объясню всё поподробней. Спасибо за внимание.

    Asked by AP311, August 28, 2011

    0 votes
    8 answers
16. Синхронизация галереи и описания

    Здравствуйте! Очень нужна ваша помощь! Подскажите пожалуйста как реализовать, такую штуку: Есть картинки, и описание для каждой. Нужно сделать так, чтобы при переходе к следующей или предыдущей картинке, вместе с ней менялось и описание для каждой из них. Как это реализовать, может быть есть готовые решения. м?

    Asked by Lemo, August 28, 2011

    0 votes
    2 answers
17. Убрать блок из поля видимости

    Здравствуйте, когда я убираю блок из поля видимости методом position: absolute; top: 9999px left: 9999px Появляется скролл, как от нее можно избавиться?

    Asked by like2dev, August 29, 2011

    0 votes
    6 answers
18. Проблемма с двухколоночным макетом

    Здравствуйте, делал двухколоночный макет, как в статье на сайте через border. Но почему-то отображается во всех браузер адекватно, кроме IE6. Посмотреть можно здесь, я сам программист, версткой никогда не занимался. Поэтому прошу отчаяно помощи =)

    Asked by like2dev, August 29, 2011

    0 votes
    7 answers
19. Структура заголовков в XHTML

    Расскажите, пожалуйста, о выборе структуры заголовков применительно к XHTML. Должны ли они располагаться в документе строго по порядку, от большего уровня к меньшему? Как следует расставлять заголовки, если в коде сначала идут несколько второстепенных секций, а после них основная? Может ли быть в документе несколько h1? Если может, то в каких случаях?

    Asked by troll, August 29, 2011

    0 votes
    4 answers
20. валидатор глючит?

    помогите пожалйста разобраться в ситуации. есть страница с валидным html-кодом. заливаю её на один хостинг и проверяю(в подвале страницы кнопка есть) при помощи валидатора, в результате получаю сообщение об отсутствии ошибок. заливаю на другой хостинг. повторяю проверку и вижу, что валидатор нашёл ошибки. причем мне непонятные даже после перевода с английского. вот эти страницы: раз, два

    Asked by cyklop77, August 29, 2011

    0 votes
    4 answers
21. Слишком большой CSS

    Сабж, как делают на крупных интернет-проектах? А то css такой большой, что достаточно геморойно что-то найти подправить, создаются новые стили, чтобы подправить старые, css становится еще больше

    Asked by AquaGen, August 29, 2011

    0 votes
    12 answers
22. Margin-right в блоке

    Здравстуйте,есть блок(резиновый) нужно вставить в него 2 картинки с отступом справа вот так: http://itmages.ru/image/view/269207/0cb2979a , подскажите как это сделать? #content { height:400px; margin: 40px 75px 40px 63%; padding: 3px; border: none; min-width:350px; max-width:550px; } .conten { background: transparent;line-height:35px ;height:400px ; } .conten h1, .conten p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#9c9eb2; border-left:1px solid #9c9eb2; border-right:1px solid #9c9eb2; margin:0 5px; font-size:1px; } .conten …

    Asked by Rambo2045, August 29, 2011

    0 votes
    2 answers
23. Подборка гарнитуры

    Здравствуйте, я начинающий верстальщик, вот решился на свой первый макет и столкнулся с проблемой подборки гарнитуры, например как определить что за шрифт и размер?

    Asked by fragilewelldone, August 30, 2011

    0 votes
    3 answers
24. div в правом нижнем углу

    Надо разместить див в правом нижнем углу другого дива. Если писать position:absolute; right:0; bottom:0. Он размещается, где надо, но текст внешнего дива прячется под этот див, а нужно, чтоб он обтекался. Если написать margin-top:-250px; float:right; — аналогично: блок размещается, где надо, но не обтекается текстом.

    Asked by anatoliy86, August 29, 2011

    0 votes
    11 answers
25. Выравнивание изображения по вертикале в строке

    Помогите выровнять изображение по середине(по вертикали) строки. Если использовать vertical-align: middle, то изображение немного смещено от центра по высоте. Вот пример Вот код: <!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> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <style type="text/css"> body { font: 0.86em/1.5 Arial; } div { background-color: #eee; font-size: 2em; } img.img-middle { vertical-align: middle; display: inline-block; } spa…

    Asked by CoDy, August 29, 2011

    0 votes
    0 answers