HTML Coding

29,542 questions in this forum

1. Какое разрешение брать за основное при верстке?

   Подскажите пожалуйста ответ на такой вопрос: у меня есть шаблон сайта(картинка), которую необходимо перевести в верстку. Как правильно определить размер всех объектов? Я, например, беру за эталон разрешение 1024*1280, масштабирую по 100% ширины и нарезаю. Это верный путь?

   Asked by Foress, October 19, 2011

   0 votes
   2 answers
2. выравнивание блоков(2 в 1)

   Научите как правильно выравнивать блоки. У меня есть блок с черным контуром в который нужно поместить красный и синий блок с растоянием между ними, например 10px Для наглядности есть макет:

   Asked by atew, October 18, 2011

   0 votes
   7 answers
3. как сделать?

   Подскажите пожалуста, как правильно порезать http://clip2net.com/s/1fznk? делать ввиде меню? версткой только начинаю заниматься.

   Asked by Sergey410, October 18, 2011

   0 votes
   10 answers
4. Не работают стили для div

   Есть div-елемент вроде хедера . В нем задан фон(картинка) . Внутри этого елемента должно быть еще 4-и елемента (переключатель(разделитель)страниц и три тега <p>) Кадый едемент я взял в div и задал ему стиль. И так сам корневой div отбражается коректно(имеет position:reletive;) , пока в него не вставить другие . После этого он сежджает немного вниз. В это время сами елементы (те которые внутри) имеют значение position:fixed; Чтобы корневой div не сежджал в низ ему тожэ присваеваю position:fixed . Но тут другая проблема. Весь контент снизу начинает его перекрывать. Чтобы исправит это , делаю поверх него пустой div с position:reletive . Но снова неудача так как пустой …

   Asked by Vandeko, October 18, 2011

   0 votes
   3 answers
5. Выбранный пункт меню

   В общем такая штука. Есть меню из картинок: <a><img></a> Нужно выставлять прозрачность для картинке, по ссыке которой мы сейчас перешли. В предыдущем проекте было так: .menu a.selected > img{ filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

   Asked by systemiv, October 18, 2011

   0 votes
   6 answers
6. Проблема масштабирования

   Привет, есть код html: <div id="content"> <div id="content_1"> <div class="text1"> <div class="t1">Lorem ipsum dolor</div> <div class="date">13.10.2011</div> <div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div> </div> <div class="text2"> <div class="t1">Lorem ipsum dolor</div> <div class="date">13.10.2011</div> <div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div> </div> …

   Asked by Lakrein, October 14, 2011

   0 votes
   5 answers
7. знания PHP

   Привет всем. У меня возник такой вопрос : Обязательно ли знать php для того что бы верстать шаблоны (Я верстальщик , но с cms ещё дела не имел, посмотрел на готовый шаблон Joomla там увидел много php кода , вообще не понятного для меня) под ту или иную cms ? Вообще хочу начать свое изучение cms с Joomla т.к. слышал что эта кмс легка в обращении , и в ней легко разобратся новичкам. Или возможно вы мне посоветуете .. с чего лучше начать , изучать php или сразу переходить к изучению верстки под cms. И Спасибо всем прочитавшим за затраченое время

   Asked by MaferoK, October 19, 2011

   0 votes
   1 answer
8. Вывод значение массива через smarty

   Доброго времени суток. Ребята, что-то не могу никак понять как разделить вывод. Есть массив примерно такой (убрал лишнее) shopcart Object ( [tax] => Array ( [1] => Array ( [value] => 2684.27142857 [desc] => Включая налог ) ) ) в шаблон передается $tpl->assign('UST', $_SESSION['cart']->show_tax()); Мне в шаблоне нужно получить в виде двух меток Например {$UST_DESC} - Включая налог {$UST_VALUE} - 2684.27142857 Т.е., чтобы удобнее было ими в шаблоне оперировать. не могу понять как сделать

   Asked by dropoff, October 18, 2011

   0 votes
   0 answers
9. margin-right:-100%

   В этом примере, в слое с классом leftblock margin-right:-100% (видимо для резины??) Как понять margin-right:-100% ??

   Asked by DrStrangeLove, October 18, 2011

   0 votes
   2 answers
10. Проблема с padding

    Добрый вечер! При выставлении параметров padding левая колонка наезжает на центральную. Не пойму в чем дело. Подскажите, пожалуйста. Мой сайт + код ниже .sidebar1 { padding: 15px 15px 10px 10px; float: left; width: 20%; height: 100%; background: #d3de97; padding-bottom: 0px; background-image: url(); } .content { padding: 0px 0; width: 60%; float: none; margin:0 150px 0 180px; background: #e4ecb8; padding-bottom: 0px; background-image: url(); }

    Asked by st2b, October 18, 2011

    0 votes
    2 answers
11. Браузер расширил таблицу

    проблема решена. удалите тему, пжл.

    Asked by McArcher, October 18, 2011

    0 votes
    0 answers
12. html5: attr hidden

    Всё таки море возможностей даёт нам последняя версия html Порой кажется что все их освоить и использовать просто не хватит рук. Вот сегодня наткнулся на hidden. Задумался. Стоит ли использовать? Текущий контекст, куда хочу впихнуть - скрыть с его помощью одно из полей формы, которое должно отобразиться при определённых условиях. Что вызывает сомнения? 1. По назначению это ли будет? 2. С точки зрения семантики, где его стоит использовать? Почему хочу? 1. Легко добавить его поддержку там где её пока нет (стилями/js). 2. Заморочился последнее время на "сумасшедших формах", внедряю в новый проект по полной. Раньше бы сделал: diplay: none, и по событию сменить. Или вт…

    Asked by Быколай, October 15, 2011

    0 votes
    4 answers
13. Последовательность загрузки контента сайта

    При загрузке сайта, первый начинает грузится слайдер(это заметно при маленькой скорости интернета) т.е. сначало картинки грузятся в столбик(список ul), только потом в слайдер. www.picnic-abakan.ru

    Asked by Bandyy, October 18, 2011

    0 votes
    2 answers
14. Математические выражения и HTML

    Уважаемые пользователи форума! Подскажите, пожалуйста, каким образом лучше всего вставлять в HTML-код страницы сложные математические выражения? Мне советовали создавать изначально в LaTeX, а потом конвертировать в HTML. Но нормальный удобный конвертер пока найти не удалось. Поскольку мне нужно довольно-таки много математических текстов размещать в сети, то я хотел бы сразу набирать весь текст статьи в каком-то редакторе, а затем конвертировать и получать готовый HTML-код. Очень прошу совета! Заранее спасибо!

    Asked by denisnb, June 8, 2011

    0 votes
    5 answers
15. Вложенные DIV-ы

    Доброго времени суток!В общем проблема такая!На сайте есть вертикальная тень.Сверху она "притухшая" в середине идёт нормальная а к низу опять угасает.Нужно сделать так чтобы средняя часть тени тянулась по высоте контента.Посоветовали сделать вложенные DIV-ы.Подскажите как это примерно реализуется или ссылку на материал киньте.Буду очень признателен.

    Asked by Digidie, October 18, 2011

    0 votes
    3 answers
16. Как это работает.

    http://www.artlebedev.ru/kovodstvo/business-lynch/2011/09/21/ Очень понравилась фишка, когда жмешь с коментариями - появляется сопроводительный текст рисунки ттд... Также можно нажимать сочетанием клавишь на клавиатуре.. Пытался смотреть ХТМЛ - ничего не понятно CSS идет в середине кода.. Хотелось бы услышать от мастеров в двух словах - как это реализовано..

    Asked by veromi, October 17, 2011

    0 votes
    4 answers
17. Как реализовать такой футер?

    В общем нужно сделать футер такой как в этом шаблоне Ссылка на шаблон с футером Футер прозрачный на всю длину окна постоянно внизу экрана не зависимо от полосы прокрутки. Спасибо.

    Asked by BupycAP, October 18, 2011

    0 votes
    5 answers
18. Как выровнять три блока для ИЕ 5.5 и 6 ?

    Всем доброго здравия, хорошего дня и прекрасного настроения. Мои познания = 0.0001. Прошу не пинать, а если все-таки, то, пожалуйста, не ногами и не по голове. Вопрос. Имеем три <div>. Задаем одному float:left, другому - float:right и отступ слева третьему и во всех браузерах они встают - как и ожидается - на одно линию по горизонтали. Однако в ИЕ 6 (и ниже) третий блок всегда смещается на "строку" - т.е. на высоту др. блока - вниз. Как с этим бороться? Вот код: HTML: <body> <div id="div-raum"> <div id="div-cont-links"> </div> <div id="div-cont-mitte"> </div> <div id="div-cont-rechts"> …

    Asked by copyright, October 17, 2011

    0 votes
    8 answers
19. Отступ между элементами LI

    Всем привет! Не могу понять почему между тегами li остается расстояние: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> ul { margin: 0; padding: 0; } ul li { display: inline-block; list-style-type: none; list-style-position: inside; height: 24px; margin: 0; padding: 0; border: 1px solid red; } </style> </head> <body> <ul> <li><a href="#">раз</a></li> <li><a href="#">два</a></li> <li><a href="#">три</a></li> </ul> </body> </…

    Asked by optimismous, October 15, 2011

    0 votes
    6 answers
20. link вместо XHR

    Можно ли использовать тег link вместо XMLHttpRequest? И если да, то как? И вообще, какие возможности у тега link, кроме как встраивание стилей, каналов и поисковиков?

    Asked by SiPlus, October 15, 2011

    0 votes
    6 answers
21. селектор атрибута в IE

    такой css: .modCont td[rowspan]{ text-align: left; } .modCont td, .modCont th{ border-left: 1px black solid; border-right: 1px black solid; text-align: center; } и такой html <tbody> <tr> <td rowspan="7"><strong>bla-bla-bla</strong></td> </tr> <tr><td>60</td><td>0,26</td><td>-</td><td>22</td><td>50</td><td>92</td><td>129</td></tr> <tr><td>100</td><td>0,43</td><td>-</td><td>13</td><td>30</td><td>55</td><td>77</td></tr> <tr&gt…

    Asked by Быколай, October 18, 2011

    0 votes
    9 answers
22. -webkit-text-size-adjust -ms-text-size-adjust

    html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } гугл по этому молчит!!что это и для чего его задают?

    Asked by dostel1, October 18, 2011

    0 votes
    9 answers
23. На могу сделать полосу прокрутки.

    Здравствуйте специалисты по верстке! Сабж: http://poligon.webmaster.arvixe.ru/frontpage там у меня внизу картинки прокручиваются. В firefox работает все как надо. В других браузерах ерунда какая-то. Возможно из-за display: -moz-grid-group; Для этих картинок у меня в CSS прописано: #views_slideshow_thumbnailhover_breakout_teasers_vslider-page_1 { display: -moz-grid-group; overflow: auto; height: 150px; }

    Asked by VasyOK{!}, October 15, 2011

    0 votes
    6 answers
24. Chromium добавляет пиксельную solid-рамку только для textarea

    Привет всем! Намедни столкнулся с интересным багом(?) при создании форм на сайте. Было замечено, что при создании в Chromium (Ubuntu 10.04/MacOS X, во всех браузерах под Windows не замечено) поля textarea, браузер автоматически создает рамку вокруг этого элемента, то есть он перестает быть нативным. Мне кажется это началось с тех версий, когда появились именно resize-textarea. Думал, что проблема в resize, но убрав его (resize:none) ничего не поменялось. Вопрос принципиальный для клиента, а переделывать все формы под "1px solid" не хотелось бы, к тому же select-боксы выглядели бы уродливее. Кто сталкивался с подобным, к чему пришли в итоге? Заранее спасибо!

    Asked by slava_bjj, October 17, 2011

    0 votes
    1 answer
25. Как сделать картинку ссылкой?

    не пинайте плз за детский вопрос, я не веб программист, просто надо быстро подправить кое-что в моем сайте. есть такой код: <div class="container_12"><img src="images/logo.png" class="test" alt="" /> класс определяет местоположение картинки: .test{ position:absolute; top:310px; left:585px; z-index:-1; } куда мне тут надо зашить тег <a href></a>, чтобы картинка стала ссылкой? по-разному пробовал, ничего не работает... если сделать стандартно <a href> ссылка <img src="images/logo.png" class="test" alt="" /></a> - не работает, мешает класс. т.е. без него ок, с ним - не работает...

    Asked by chump, October 10, 2011

    0 votes
    8 answers