HTML Coding

29,542 questions in this forum

1. План изучения верстки

   Здравствуйте у меня есть типо стратегия изучения верстки Сначала книги: 1)HTML & XHTML. Подробное руководство(не устарела ли данная книга?) 2)CSS. Каскадные таблицы стилей. Подробное руководство(не устарела ли данная книга?) 3)Верстка веб-страниц Автор:Влад Мержевич(не устарела ли данная книга?) 4)Затем изучить информацию которая находиться на сайте htmlbook.ru(то есть на этом) После этого скрипты: 5)Бер Бибо, Иегуда Кац - jQuery. Подробное руководство по продвинутому JavaScript(не устарела ли данная книга?) 6)JavaScript. Подробное руководство(не устарела ли данная книга?) Ну и конечно это все будет сопровождаться тренировками Сколько все это займет времени примерно и…

   Asked by LXVDXXXVI, August 23, 2012

   0 votes
   3 answers
2. Автоматическая мультибраузерная подгонка ширины div под картинку

   На страницу вставляются иллюстрации, они имеет комментарий внизу, и все это дело обводится рамочкой. <div class="illustration"> <img src="image.jpg"> Комментарий </div> Следующий стиль .illustration{ width: 540px; _width: 556px; text-align: center; border: 1px solid #B0B0B0; padding: 8px; } Это ныне работающий мультибраузерный вариант. Но хочется, чтобы можно было вставлять картинки не только стандартной ширины 540px, но и меньшей ширины. И чтобы при этом рамочка вокруг была всегда на расстоянии 8px, то есть чтобы div уменьшался по ширине. Проблема в следующем. Если поставить width:0, то в IE это работает, а в FF и в Опере нет. Каким об…

   Asked by extruder, May 26, 2008

   0 votes
   3 answers
3. Меню с меняющимеся фоновыми изображениями средствами css

   Доброго времени суток от начинающего создателя сайтов . Подскажите плз как лучше реализовать данную идею...а то у меня походу руки вместе с головой не оттуда растут есть(будет?) меню Html <link href="../1.css" rel="stylesheet" type="text/css"> <link href="1.css" rel="stylesheet" type="text/css"> <table align="left" valign="top" class="mainmenu"> <tr align="left" valign="top" > <td height="33"align="left" valign="top"><a href="index.php">Главная </a></td> </tr> <tr> <td align="left" valign="top"><a href="index.php">Услуги </a></td> </tr> <tr> <td align="left" val…

   Asked by lokotosh, November 23, 2007

   0 votes
   8 answers
4. Открытие картинки в том же окне, на появляющемся слое.

   Есть ли отработанные методы создания подобного открытия картинок?

   Asked by 100kd, July 21, 2008

   0 votes
   5 answers
5. Вопрос специалистам

   Прошу прощения,вопрос конечно не по теме,просто надеюсь что есть знающие люди. Дело в том, что при каждом запуске Windows требует указать путь к файлу status.msi и спрашивает на каком он носителе. Причем закрыть это окно можно только через "диспетчер задач" Пытался найти его самостоятельно,но безрезультатно. Может кто знает что это за файл такой status.msi и как с этим боротся. Буду признателен за совет.

   Asked by bravada j, January 15, 2009

   0 votes
   5 answers
6. как диву присвоить высоту другого дава?

   Знаю что на чистом CSS это почти невозможно, так как у меня два дива внутри другого, и один из них float, а вот как это сделать хотя бы через JS?

   Asked by kich, October 27, 2009

   0 votes
   5 answers
7. Почему Mozilla FireFox отображает шрифты шире чем все остальные браузеры

   Доброго времени суток, я начинающий верстальщик, и я всегда сталкиваюсь с одной проблемкой, практически любой шрифт если он на английском отображается шире в Firefox чем в Google Chrome, то есть если написать какую нибудь строку на английском то он будет гораздо шире в Firefox чем в Chrome, и наоборот если это русский текст то тут уже в Firefox текст короче чем в Chrome и вторая картинка с английским текстом я понимаю что это всё не так критично просто хочется чтобы шрифты отображались одинаково во всех браузерах.

   Asked by Special One, November 16, 2014

   • шрифты в mozilla
   • верстка
   0 votes
   5 answers
8. Не работает AutoPrefixer sublime text 3

   Даже на знаю, где эту тему разместить. В общем, такая проблема. Устанавливаю плагин AutoPrefixer через Install Packages. Перезапускаю программу, пишу например border-radius: 5px; и нажимаю сочетания клавиш ctrl+alt+p - ничего не происходит. Пробовал и так запускать, и эдак - ничего не помогает. Node.js установлен. В чем может быть проблема? Заранее спасибо

   Asked by IvanRu08, July 3, 2016

   0 votes
   2 answers
9. Посоветуйте книгу по HTML&CSS для изучения с нуля

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

   Asked by fofan, November 29, 2011

   0 votes
   6 answers
10. Премодерируемый форум на PunBB

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

    Asked by bozhkov, July 24, 2008

    0 votes
    16 answers
11. Меню - плашка при наведении

    Как сделать такое меню? А точнее плашку при наведении. У меня получается так http://jsfiddle.net/zfQQX/1/ Я понимаю, что где-то пробел в знаниях здесь, или метод впринципе неверен. Подскажите пожалуйста

    Asked by Imperil, May 30, 2013

    • меню
    0 votes
    2 answers
12. Таблица + дивы

    В общем такая ситуация: Есть макет из таблицы типа: шапка, лево, центр, право, подвал. В общем обычная трехколоночная структура. В левой ячейке, 2 блока, по середине - один, справа - тоже 2. Суть проблемы в том, что в опере и мозиле блок который посередине, накладывается на блоки слева и с права. Вот код: <body> <style type=text/css> body{ margin: 5px; } .main_table{ width: 100%; height: 100%; border-collapse: collapse; } .logo_cell{ width: 100%; height: 105px; background: url('images/logo_fon.gif'); } .left_cell{ width: 15%; height: 100%; vertical-align: top; } .center_cell{ width: 70%; height: 100%; vertical-align: top; padding-right: 5px; padding-left: 5…

    Asked by ros.pro, March 10, 2008

    0 votes
    14 answers
13. Семантика. Номера телефонов

    В прошлую тему видимо уже никто не заглядывает, поэтому создаю новую. Мне нужно ещё одно наставление по семантике. Правильно ли я закодировала нижележащую информацию, правильно что поместила в тег address? или же лучше сделать в диве со спанами? Контакты: - 8 (111) 11-11-11 главный менеджер - 8 (111) 22-22-22 - 8 (111) 33-33-33 - 8 (111) 44-44-44 факс <div class="contacts"> <h2>Контакты:</h2> <address> - 8 (111) 11-11-11 главный менеджер <br /> - 8 (111) 22-22-22 <br /> - 8 (111) 33-33-33 <br /> - 8 (111) 44-44-44 факс <br /> </address> </div>

    Asked by vikusik, July 10, 2011

    0 votes
    31 answers
14. option disabled не работает в IE

    есть некоторые поля option, свойство disabled которых задается функцией на javascript. В мозиле всё ок, в ие не работает. и еще... есть кнопка вывода результатов, по нажатию она перекидывает вниз страницы, что в ие не работает помогите пожалуйста!!! <!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=windows-1251" /> <title>Untitled Document</title> </head> <body> <div style="width:636px; margin:auto" id="text"> <h3 align="center" …

    Asked by koxa, October 9, 2008

    0 votes
    9 answers
15. Вертикальное выравнивание в li

    Парни, второй день не могу понять, в чём дело. Есть горизональная менюшка (headermenu), нужно сделать так, что бы текст в ней выравнивался по вертикали, в IE всё красиво, но в Опере и ФФ текст меню прижимается к низу. вот код css: #headermenu { position:absolute; right:0px; top:231px; height: 33px; background: #d60000 url(images/menu_bg2.gif) repeat-x; line-height: 33px; z-index:2; } .headerm { padding: 0; text-transform: uppercase; font-weight: 100; } .headerm li { float:left; list-style-type:none; } .headerm li a { display:block; padding:0 11px; text-decoration:none; color: #fff; letter-spacing:1px; letter-spacing: -1px; font-size: 11px; } .headerm li a:hover { color:…

    Asked by mirabo, October 20, 2008

    0 votes
    7 answers
16. Масштабирование youtube видео на сайтах

    Вставляю видео на сайт через iframe (Поделиться --> HTML код). Там получается фрейм идет фиксированной ширины и когда я открываю страницу сайта с таким видео на мобильном устройстве, то у меня видео выходит за границы экрана. Как сделать чтобы такие видео масштабировались на мобильных по ширине экрана? Видео тут https://cafecomplect.ru/oborudovanie/tehnologicheskoe-oborudovanie/pily-dlya-myasa?manufacturer=Sirman

    Asked by smirn0ff, November 24, 2016

    0 votes
    3 answers
17. Рейтинг материала на ucoz

    Ребят подскажите! Вот у меня есть скрипт рейтинга материалов для ucoz <script type="text/javascript" src="http://helper.ucoz.ru/_ld/0/47_rate.js"></script> <?if($RATE_FORM$)?><a href="#" onclick="rateForm(-1,$ID$);return false">-</a><?endif?> <b title="Голосов: $RATED$" id="rate_$ID$" class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?> <?endif?>"><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b> <?if($RATE_FORM…

    Asked by tema, January 4, 2012

    0 votes
    7 answers
18. национальные шрифты

    как?... есть вордовский файл с документом, где кириллица, но вместо некоторых букв буквы с крышечками, с хвостиками и т.д. В принципе есть локализованный шрифт ариал, но как его прицепить?...

    Asked by Staisy, February 13, 2008

    0 votes
    3 answers
19. Табуляция с точками

    как сделать такой вот макетик резиновый div —————————————— | Машин..............................10| | Велосипедов.....................5| | Мотоциклов.......................4| | | —————————————-- Тоесть получается что часть текста выравнивается по левому краю, часть по правому а между ними всегда должно быть много много точечек чтобы закрывали пустое пространство. Есть ли какие нибудь стандартные средства для реализовки такого, или придется выкручиваться танцами с бубном ??

    Asked by human, April 21, 2009

    0 votes
    9 answers
20. Список по горизонтали

    Есть пациент: http://diystores.ru/ Суть проблемы - ниже шапки идут 5 блоков градиентом (1,2,3,4,5). В IE 6,7 съезжает 5ый блок на след. строку. Сам блок: <div id="sellPan"> <ul> <li><h2>1</h2></li> <li><p>2</p></li> <li><p>3</p></li> <li><p>4</p></li> <li><p>5</p></li> </ul> </div> CSS для блока #sellPan{width:100%; height:230px; position:relative; margin:0 auto; padding:0; background: url(images/top-bg.gif) 0 0 repeat-x #FFFFFF; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;} #sellPan ul {width:100…

    Asked by daykkin, July 23, 2009

    0 votes
    12 answers
21. Оцените работу новичка

    Здравствуйте всем. Я начинающий верстальщик, мне 22 года. Изучил HTML, CSS, в javascript еще полностью не вник, и все. Недавно сверстал один бесплатный шаблон для практики, нашел в сети, где то дня 3 или 4 потратил, делая понемногу. Проверял только на пяти браузерах последней версии. Хочется оценки со стороны профессионалов, и конечно же критики по больше, по строже. Этот примерный сайт не доделан до прям рабочего состояния. Сверстан приблизительно. Ну, короче, выставляю на всеобщее обозрение Вот ссылка: http://mdop.yolox.net/ Ссылка на макет (картинка): http://mdop.yolox.net/NatGeo-Redesign.jpg PSD отсюда: http://www.freepsd.ws/104-psd-maket-national-geogra…

    Asked by modfop, July 27, 2014

    • начинающий
    0 votes
    30 answers
22. Как сделать элемент на всю ширину страницы с прокруткой

    Здравствуйте. Хотел бы выяснить один вопрос, стоящий на грани разметки и javascript. Есть такой эффект на javascript, называемый lightbox, и служащий для того, чтобы при щелчке на миниатюру изображения открывалось изображение в реальном размере. Пример такого эффекта можно посмотреть, например, на этой странице http://rostovstrojtorg.tiu.ru/p176712-gips...agostojkij.html (кликните на изображение) или же скачайте данный архив http://ifolder.ru/17079448, распакуйте все файлы и откройте страницу index.html Эффект работает нормально, но есть одна некрасивость. Когда эффект запущен и в центре появилось изображение, то если уменьшить размеры окна до появление горизонтальных пол…

    Asked by clavin, April 1, 2010

    0 votes
    4 answers
23. вопрос в расположении блоков.

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

    Asked by GreenR, June 8, 2008

    0 votes
    10 answers
24. Почему Могут Не Отображатся Картинки?

    http://www.jam-tver.com/index.php?case=friends Там должны отображаться картинки и линии, ссылки вроде правильные, и файлы в нужной папке есть. В чём может быть проблема?

    Asked by W. Watson, August 26, 2008

    0 votes
    7 answers
25. Глюк в Опере

    Чудеса, но на этот раз глючит Опера 9.26, а в IE 6 всё нормально. Вот эта страница отображается нормально, как просили: http://www.trinity-bridge.221b.ru/index.htm Обратите внимание, что поле контента отстоит от нижней рамки на 10 px (bottom: 10px;), независимо от разрешения экрана. Теперь делаем невинную вещь: вставляем в контент ещё одну картинку с обтеканием. И всё - поле контента уезжает вниз за край экрана: http://www.trinity-bridge.221b.ru/index2.htm В IE 6 при этом всё нормально, но это, видимо, оттого, что для IE там прописаны костыли, по совету Searcher: *height: expression(parentNode.offsetHeight - 165 + 'px'); *width: expression(parentNode.offsetWidth - 344 + '…

    Asked by Pinguin, April 18, 2009

    0 votes
    16 answers