HTML Coding

29542 questions in this forum

1. Сколько нужно файлов CSS

   Подскажите пожалуйста, если верстается многостраничный сайт, то для каждой страницы CSS создавать отдельно?

   Asked by Yarkaya, January 3, 2012

   0 votes
   6 answers
2. Как правильно  верстать многостраничные сайты?

   Объясните как правильно жить верстать многостраничные сайты? Я покажу вам на примере того как это делаю я. Это наверное глупый\неправильный метод, просто я не знаю как нужно\можно делать это проще. Вот допустим у меня есть маленький сайт на котором есть 3 пункта меню. То есть в редакторе я создаю скелет сайта, внутри body я помещаю эти самые кнопки, подключаю их к форме, затем создаю Огромный блок где будет располагаться Весь контент. Но внутри этого блока я не помещаю контент, а помещаю PHP переменную, в которой и хранится весь этот контент вместе со всеми остальными блоками и стилями. То есть таким образом стараюсь разбить HTML код на функции PHP. …

   Asked by Denzell97, August 9, 2018

   • php
   • html
   0 votes
   2 answers
3. Как сделать навигационное меню?

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

   Asked by RIVA, November 27, 2007

   0 votes
   16 answers
4. Отрывается блок от потока

   Есть сайт, в котором закругление углов, сделано отдельнм блоком идущим сразу же за основным. (ширина фиксированная, поэтому картинка одна, на оба угла) В ИЕ, это отображается првильно, а в Лисе, появляется лишний пробел, котороый "отрывает" низ от основной части. http://yaolga.thekip.ru Можно конечно по мудозаться, и задать отрицательный маржин, что бы блок подскочил на верх, а что бы текст не налазил, сделать основному блоку внизу паддинг с запасом, но это не решеение. Просто интересно из за чего появляетс подобный эффект. Ведь между этими блоками ничего не стоит, и ни одному из блоков не заданны отступы и никакие другие коварные свойства.

   Asked by TheKIP, January 7, 2010

   0 votes
   46 answers
5. Растянуть изображение по вертикали

   Есть изображение (не фоновое) которое нужно растянуть по вертикали на n-число раз. Наглядно выглядит так: На примере 1 красное - фон страницы, белое - то изображение которое нужно растянуть (в оригинальном не растянутом виде) На примере 2 то что нужно получить. Нужно чтобы изображение растягивалось пропорционально количеству текста в нем. Таблицами пока не хочу пробовать, может кто подскажет другой способ. Если стандартными методами html и css нельзя добиться пропорциональной растяжки изображения к тексту подскажите просто как растянуть изображение по вертикали n-ое кол-во раз

   Asked by gadjet, June 19, 2013

   0 votes
   4 answers
6. Прозрачный PNG в background

   Есть проблема - ссылки имеют фон с прозрачным PNG, и в 6м эксплорере не удается заставить его быть прозрачным. для всех остальных картинок PNG, в том числе и для изображений PNG, положеных как фон, срабатывает, а для ссылки - нет Ссылка в коде выглядит так: <a class="png mnu m01" id="act" href="/company/">компания</a> Обработчик в коде, обрабатывающий ПНГ (взято у Лебедева): <!--[if lt IE 7]> <style> .png{ filter: expression(fixPNG(this)); } </style> <script type="text/javascript" src="/ie6-fix.js"></script> <![endif]--> Содержимое файла ie6-fix.js: try{ document.execCommand("BackgroundImageCach…

   Asked by d0ublezer0, November 7, 2008

   0 votes
   5 answers
7. Коммерческая верстка

   Здравствуйте друзья. У меня такой вопрос, какой именно должна быть коммерческая верстка, чтобы знания верстальщика не нуждались в сомнениях как о хорошем специалисте? Если знаете может подскажете в письменном виде требования, не требования к конкретной задачи, а вообще к "хтмл верстальщику". Какие именно пункты в вашем сознании говорят вот эта страница сделана хорошо, а эта плохо? Извините заранее за некую за мудреность вопроса, я просто хочу знать критерии в данной области P.S. коммерческая верстка - я так думаю это верстка в коллективе, в какой нибудь веб-студии.

   Asked by vgulchik, October 28, 2010

   0 votes
   63 answers
8. Как правильно называть блоки при верстке?

   Подскажите как правильно называть блоки при верстке, есть ли какие то стандарты?

   Asked by Sergey410, August 30, 2011

   0 votes
   11 answers
9. как вставить картинку в Div и чтоб ничего не разехалось

   как вставить картинку в Div правильно и чтоб ничего не разехалось? на что нужно обратить внимание? какие атрибуты особенно важны? <html> <head> <title> Сайт </title> <style> BODY { min-width: 100%; } #wrap { background-color: #9999cc; width: 100%; margin: 0} #header { background-color: #9c9; width: 100%; height:50 px;} #main { background-image: url(01.JPG); width: 19%; height:500 px; float: left; } #nav { background-image: url(02.JPG); width: 60%; height:500 px; float: left; padding: 1%; } #sitebar { background-image: url(03.JPG); width: 20% ; height:500 px; float: left; } #footer{ background-color: #9c9; width: 100%; } </style> <…

   Asked by yummi, November 30, 2008

   0 votes
   2 answers
10. div заезжает под другой div

    В общем имеется такой макетик <div style='min-width:650px;'> <div style='float:left;'>1</div> <div style='float:right;'>2</div> <div style='width:100%;clear:both;'></div> <div style='float:left;'>3</div> <div style='background-image:url'>Заливка картинкой</div> </div> При уменьшении масштаба страницы (ширины браузера) 2-й див заезжает под первый, то есть оказывается над 3-им. Как от этого избавиться?

    Asked by RiG, April 16, 2011

    0 votes
    10 answers
11. нарезка шаблона

    здравствуйте. расскажите пожалуйста о основных принципах и правилах при нарезке psd-макетов для дальшейшей верстки. в идеале в реальным примером. спасибо. извиняюсь если не туда написал.

    Asked by Serpiko, May 14, 2007

    0 votes
    12 answers
12. Bootstrap Carousel

    Добрый день! Прошу прощения есть обратился не в ту ветку. Нужно сделать адаптивный слайдер с помощью bootstrap 3. До этого мне еще не приходилось сталкиваться с bootstrap. Покурив немного литературку мне удалось сделать самый простой слайдер, <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> …

    Asked by alex.kv, June 17, 2014

    0 votes
    4 answers
13. HR - отступы, цвет

    Подскажите, плиз, как сделать, чтобы у тэга не было отступов - нужно чтобы линия плотно прилегала к верхнему бордеру div-а, в котором находится.Margin и padding помогают, но только не для IE :/

    Asked by Ladoga, June 13, 2007

    0 votes
    12 answers
14. Не работает box-shadow в Chrome

    У меня есть форма, к полям которой применяется box-shadow. Так вот во всех браузерах, кроме Chrome, это св-во работает. Версия Chrome: 35.0.1916.153 form-1 input[type="text"] { width: 240px; height: 46px; background: #dcebff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); border: none; color: #6dabff; font-family: 'pf_din_text_comp_promedium', sans-serif; font-size: 1.176em; outline: medium none; padding-left:…

    Asked by helio, July 13, 2014

    • box-shadow
    • css3
    • chrome
    0 votes
    2 answers
15. Проблема с PNG

    Доброго времени суток! Хотелось бы понять почему происходит следующий баг. Имеем PNG-картинку с градиентом от #ccc до полной прозрачности: Теперь берем эту картинку и накладываем поверх фона с цветом #ccc. Код страницы такой: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div style="background: #ccc url(gradient.png) no-repeat 0 0; width: 200px; height: 200px;"></div> </body> </html> Получаем вот такую картину: Если присмотреться (или воспользоваться color picker'ом )…

    Asked by VJiK, August 12, 2010

    0 votes
    29 answers
16. 3 равных по ширине блока

    Скажите, а как разместить 3 DIV'a по всей ширине страницы, при этом у всех них должна быть равная ширина? Можно, конечно, написать для каждого width: 33%. Но тогда останется 1%. Есть ли какой-то красивый способ?

    Asked by brainiac, May 3, 2010

    0 votes
    30 answers
17. Можно ли с помощью css сделать hover на несколько элементов?

    например есть кнопка из 3 div и нужно чтобы при наведении на любой из них срабатывали все 3

    Asked by nds, January 5, 2010

    0 votes
    4 answers
18. чё означает слеш в конце тега...

    чё означает слеш в конце тега... не закрывающего.. вот например вот так: <td width="19" height="19"/>

    Asked by Nekromancer, December 28, 2008

    0 votes
    14 answers
19. Как сделать задержку между циклами анимации css?

    Приветствую! Есть анимация: .animation { width: 212px; height: 261px; background-image: url(sprite.png); animation: animation 5000ms steps(30) infinite; } @keyframes animation { from { background-position: 0 -2328px; } to { background-position: 0 -10158px; } } Как сделать задержку несколько секунд между циклами? Есть вариант просто добавить пустых кадров в конец, но как то это быдлокодом веет.

    Asked by Dave7044, June 16, 2016

    0 votes
    4 answers
20. Формы.

    Помогите найти поисковую форму для сайта. Пожалуйста. Заранее благодарен.

    Asked by gomer, May 11, 2008

    0 votes
    5 answers
21. Раздвинуть строки таблицы

    Есть таблица, нужно увеличить расстояние между третьей и четвертой строкой, т.е. только одно расстояние. margin-top не работает. Сделать два tbody тоже не получается, т.к. одна из клеточек таблицы должна "расширяться" на 4 строки. <table> <tr><td>row 1 cell 1</td><td>row 1 cell 2</td><td rowspan=4>row 1 cell 3<br>must contain<br>several lines</td></tr> <tr><td>row 2 cell 1</td><td>row 2 cell 2</td></tr> <tr><td>row 3 cell 1</td><td>row 3 cell 2</td></tr> <tr style="margin-top: 10px"><td>row 4 cell 1</…

    Asked by Dmitry33, June 19, 2023

    0 votes
    8 answers
22. Отступ в <select>

    <select> <option>111</option> </select> <p>222</p> Между этиим блоками в фоксе 2.0.0.20 непонятной большой отступ! И самое что в этом проблематично, непоятно откуда( Помогите, плиз

    Asked by Spidey, December 2, 2009

    0 votes
    11 answers
23. SCROLLBAR - расположение полос прокрутки

    Вопрос такой: имеется страница из двух фрэймов, при этом требуется чтобы при появлении в левом фрэйме вертикальной полосы прокрутки она появлялась с левой, а не с правой стороны. Во втором фрэйме так и оставалась справа. Таким образом чтоб полосы прокрутки не разделяли фрэймы а были по бокам страницы.

    Asked by daymos, June 14, 2007

    0 votes
    6 answers
24. Цветная подложка под текст как при выделении?

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

    Asked by Mihail2205, December 29, 2016

    • selection
    • background
    0 votes
    2 answers
25. Пчему не работает <map>?

    Я пишу: <img src="/images/cartfinfin1.jpg" usemap="#kartfin"> <map name="kartfin"> <area shape="rect" coords="1, 1, 200, 500" href="/educat/fin/" alt="Университет Лапландии, г. Ровоаниеми"> </map> Картинка 289 на 600 в этом вряд ли есть стандартная ошибка, т.к. наш штатный программист тоже развел руками, типа должно было работать...

    Asked by lena vereschagina, November 16, 2007

    0 votes
    26 answers