HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Как сверстать такое
Здравствуйте, коллеги Стоит такая задача: Нужно сверстать это http://skrinshoter.ru/s/021118/W9m2mQjv При этом при клике на разные части, они будут закрашиваются в разные цвета Например кликаешь на колесо один раз - оно желтое второй раз - оно красное третий раз - оно опять белое Кликаешь на ось - оно закрашивается в другой цвет Как это сделать? Прежде всего интересует как сверстать это. А над js-ом потом буду думать
0 votes2 answers -
Jade. Избавиться от дублирования кода
Есть код. Он дублируется. Как можно избавиться от этого дублирования в данном случае? .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18 .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell …
0 votes1 answer -
Коды символов, как правильней
Вопрос из разряда "просто интересно" Все знают про коды символов, в основном они указываются примерно так: но иногда указание с ";" на конце. Работает и так и так. Но как правильней? (или без разницы) Во, заметил уже одно отличие - без ; - форум отображает просто код символа (), с ; изображает его ().
0 votes2 answers -
Вот Вам пара книг для ответов на Ваши вопросы
Вот Вам пара книг для ответов на Ваши вопросы! По крайрей мере мне они весьма помогли: http://depositfiles.com/files/sxslfqm7l http://depositfiles.com/files/nje5g119h
0 votes0 answers -
Нужна помощь
Имеется скрипт, имеется шаблон...вроде все сделал осталось пару недоработок (косяков) помогите подправить, в примере показать немогу так как все на денвере..... если можно пишите в аську 193672261
0 votes2 answers -
таблица в таблице
Помогите плиз чайнику как сделать чтобы таблица в левой таблице основной таблицы выравнивалась по верху (а не по центру высоты) Заранее спс <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=content="text/html; charset=windows-1251"> <title>Untitled Document</title> </head> <body> <table width="100%" border="1"> <tr> <th width="60%" height="166" scope="col"><table width="100%" border="1"> <tr> <th scope="col"> </th> <th scope="col"> </th> </tr> <tr> <th scope="row"> </t…
0 votes2 answers -
Таблицы стилий. Одна или несколько.
Интересует такой вот вопрос. Есть ли разница сколько таблиц стилей используется при написании сайта? Я имею ввиду, весь код css писать в один файл (напр. base.css) или для каждой страницы использовать отдельную таблицу стилей и импортировать ее в основную (напр. base.css, news.css ...).
0 votes3 answers -
Проблема с выравниванием DIV блоков по вертикали
Проблема такая делаю шаблон к сайту. Сделал правый и левый сайдбары с помощью DIV блоков одинаковыми. Проблема заключается в том что если внести в один из сайт баров информацию, то другой блок выравнивается по низу. В общем "пляшут" у меня оба блока. Подскажите как их зафиксировать вертикально, чтоб не "плясали" при добавления в сайдбары информации. З.Ы. сами блоки входят в строку таблицы, которая поделина на два столбца сайдбара и столбец с контентом.
0 votes8 answers -
Два элемента и содержимое.
Добрый день! Есть элемент #a с фиксированным размером и следующий за ним элемент #b. Код: <style> div { height: 10px; width: 10px; } #a { background: #fcc; } #b { background: #ccf; } </style> <div id="a">1<br/>2</div> <div id="b"></div>Как при помощи css сделать так, чтобы второй элемент #b шел после содержимого первого элемента #a, выходящего за его границы? Как есть и как должно быть: Порядок элементов менять нельзя, создавать другие элементы тоже. Размеры содержимого элемента #a произвольны (неизвестны), поэтому просто задать margin для элементов нельзя.
0 votes7 answers -
Проблема с div или еще с чем?
Доброго времени суток, уважаемые форумчане. Я начинающий в этом деле. подскажите, если кто заметит в чем моя ошибка. Буду безмерно благодарен. http://hogw.ru/catalog/ адрес тестовый. Проблемы в следующем. В браузере Explorer блок с содержимым сайта съезжает влево, при сжатии браузера (уменьшении ширины браузера)картинка показывает нормально. Тот же самый блок в Firefox и Chrome остается по центру, как и должно быть. Все вроде бы ничего, но в Chrome появляется другая ошибка, которой нет в других браузерах. В Chrome блок обрывается не доползая до конца страницы. Пытаюсь найти решение так чтобы при написании текста в этом блоке фон (пергамента) доходил до самого подвала стра…
0 votes3 answers -
расположение кнопок спрайта
Всем доброго времени суток. Легкий вопрос на который я не могу найти ответ...Взял спрайт с кнопками и не могу эти самые кнопки разместить горизонтально,display:inline-block прогорел. Может это я что не так делаю? Ниже прилагаю код. CSS док: .button{ cursor:pointer; display:inline-block; height:55px; width:220px; line-height:70px; text-align:center; background-image:url('photo/sprite.png'); background-repeat:no-repeat; } .button.white{ background-position:0 12%; } .button.white:hover { background-position:0 66%; } хтмл: <div id="centerb"> <a href="index.html" title="Главная" class="button white">b1</a> <a href="kontacti.html" title="К…
0 votes3 answers -
Надежно ли хранить свои фото в picasaweb.google.com?
У меня статический сайт, статический потому что не научился работать на CMS. Добавил сайту динамику с помошью сторонних сервисов, персональный поиск, disqus, хранение фоток в гугл. Места на хостинге 1 gb, а фоток много, решил попробовать на деле picasaweb.google.com, фото физически там а ссылка на моем сайте. Может ли быть так что google станет недоступным? Сайт состоит из частей, если какой то сервис не заработает сайт потеряет функциональность. Можно ли надеяться на бесперебойную работу сторонних сервисов?
0 votes4 answers -
прижать футер
напомните пожалуйста как футер прижать к низу экрана jsfillde
0 votes10 answers -
Прямоугольник со скруглёнными сторонами (полуэллипс-полупрямоугольник)
Возник вопрос как сверстать без картинок (с картинками я знаю как делать) блоки на картинке: http://li.tl/i/j/xwpEi.png Мучался с border-radius, стороны получаются в определённый момент прямыми (на картинке прямых частей почти не видно). Гуглил SVG - тоже ничего похожего, либо эллипс, либо просто углы скруглены. Также отдельно буду благодарен за совет про пимпочку снизу.
0 votes1 answer -
Тень
Помогите, пожалуйста, разобраться с тенью. Я где-то не верно прописываю очевидно, но у меня никак не получается сделать тень которая нужна... http://clip2net.com/s/3haDhu1 Полуется плохо http://clip2net.com/s/3haCUqC box-shadow:0 1px 1px rgba(194, 194, 194, 0.45), 0 2px 1px rgba(210, 210, 210, 0.45), 0 3px 1px rgba(228, 228, 228, 0.45), 0 4px 1px rgba(241, 241, 241, 0.45);
0 votes3 answers -
Помогите выровнять текст по середине ячейки в меню
Здрасте, не судите строго я новичок)и могу не очень внятно объяснять. В общем ситуация такая: Главное меню сайта выполнено таблицей. Главная Бла бла Бла ла улю лю бэкграунд задан картинкой, Проблема в том что текст "главная" выравнивается по верху ячейки а мне нужно по центру. помогите пожалуйста. html/ <div id="topmenu"> <table> <tr> <td> <a href="index.html">Главная </a> </td> <td> <a href="about.html">О нас </a> </…
0 votes3 answers -
Как выровнять среднюю колонку по центру (3 колонки)
https://goo.gl/ygY6HF 3 колонки, сейчас каждая по 33% в ширину. Но логотип #logo по середине почему-то криво стоит по отношению к меню, которое отцентровано при помощи text-align:center;. Можно конечно логотипу margin-left: 30px; сделать - но это вроде как не адаптивный вариант и придется под разные разрешения разные отступы делать.
0 votes1 answer -
трёхколоночная вёрстка
помогите ! есть два сайдбара, left и right (float:left и float:right соотв.) посреди них есть таблица, которая должна тянуться при растягивании сраницы что нужно ей прописать чтобы она растягивалась и при этом не лезла под сайдбары ( width:100% не работает )
0 votes2 answers -
GIF анимация
Здравствуйте. Помогите советом плиз. Создал в Photoshop CS3 gif с анимацией. Если запустить на локальной машине все отображается нормально, но только заливаешь на хостинг картинка не цепляется.
0 votes3 answers -
Проблемы с блоком
Помогите пожалуйста с блоком контента. Не могу понять, почему он не растягивается вместе с содержимым. Растягивается только если указать height конкретный размер. А с auto не хочет. #content { height: auto; width: 698px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #d6d6d6; border-left-color: #d6d6d6; border-right-width: 1px; } screenshot
0 votes4 answers -
Проблема с растягиванием по высоте.
Помогите пожалуйста, чтоб все блоки тянулись на максимум по высоте. Просто получается, один блоки тянутся, другие статичны. Вот само место боевых действий: _http://profshopping.ru/index.php?show_aux_page=6 И еще если кто знает, хелпаните при наведение на товар, появляется увелич. картинка не на своем месте. До этого верстал, табличной версткой все прекрасно работало ( _profshoping.ru ) .
0 votes3 answers -
text-shadow vs ie
Здравствуйте Можно ли получить такой результат в ие8+ ? http://htmlbook.ru/sites/default/files/images/css/css_text-shadow.png Пробовал сделать по вот этой статье(http://htmlbook.ru/css/text-shadow), не получилось добиться того результата что на картинке
0 votes5 answers -
Позиционирование блоков
Имеется код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <title>Позиционирование</title> <style type="text/css"> <!-- html, body { margin: 0px; padding: 0px; border: 0px; } body { color: #000; background: #fff; } div { width: 150px; height: 150px; padding: 20px; border: dashed 3px; } #first { background: #ccf0ff; border-color: #0cf; } #second { position: relative; top: 0px;…
0 votes3 answers -
Проблема с валидностью html 4
Доброго времени суток! Подскажите пожалуста можно ли как нибудь на страницах сайта подключить данную строку <script language="javascript" src="http://r1.wmlink.ru/?id=295119"></script> в отдельном файл? или исправить ошибку валидности она выделена цветом.
0 votes10 answers -
цвет фона для текста
как реализировать кто знает??7 нашел нормальный рабочий вариант для вебкидов Кому интересно <!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> body{padding:10px;} #wrapper{ color:red;/*для старых браузеров*/ background:url(1.jpg) repeat;/*фон текста!!!*/ -webkit-text-fill-color:transparent; -webkit-background-clip:text; } </style> </head> <body> <div id="wrapper">…
0 votes2 answers