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
29542 questions in this forum
-
Подскажите курс по bootstrap
Всем привет ! Хотел бы поинтересоваться знаете ли вы курсы где с нуля создаются сайты с помощью bootstrap ? просто хочу использовать его для своей верстки, и хотел бы посмотреть как создаются вообще сайты с помощью bootstrap. Заранее спасибо
0 votes3 answers -
Есть ли такой сервис?
Всем привет! Подскажите, есть ли такой сервис, который генерирует названия для цветов? Например, даешь ему шестнадцатеричный код цвета, а он тебе то, как его можно обозвать по-человечески.
0 votes5 answers -
Таблица цен. Реализация в виде списка.
День добрый! Помогите пожалуйста реализовать такую таблицу цен: http://joxi.ru/DmBDBaZfNJMdKA. Заранее спасибо.
0 votes4 answers -
Резиновая верстка работает, но почему?
Друзья, всем добрый день! Я полный новичок. Взял первый для себя макет и решил реализовать резиновую верстку. 3 колонки: левая фиксированная (width: 300px), центральная и правая резиновая. При этом центральная и правая делит пространство оставшееся от левой колонки между собой в отношении 70% (центр) на 30% (правый). Вчера бился полдня, облазил весь гугл, нашел несколько решений, но они у меня почему-то не работали. Сегодня с утра потыкал самостоятельно и получилось реализовать. Вот код html: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="wrapper"> <div class="left-sidebar"&g…
0 votes4 answers -
Пустое место когда убираю рекламный блок Adsense
Здравствуйте! На сайте, когда убираю рекламный код Adsense появляется пустое место. Когда рекламный блок на месте, то разрыва между футером и контентным блоком нет. Рекламный блок подключается через функцию include <!--таблица комментарии--> <?php include("blocks/komments2.php");?> <!--таблица комментарии--> Код CSS: Скрытый текст /* Timeweb test comment */ /* Timeweb test comment new*/ /* Vadim comment new2*/ /* Vadim comment new3*/ /* new */ /* Vadim comment new4*/ body{ margin: 0px; padding: 0px; max-width: 1000px; background: url(./bg3.jpg) repeat center top fixed; } html, body, #wrapp…
0 votes4 answers -
background
Не работает... почему не понимаю #headerSlogan{ background: url('img/headerSloganBg.jpg') #FFffFF top left no-repeat; float:left; } <!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"> <head> <meta http-equiv="Content-Type" content="text/html;" charset="win-1251" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> <title>Untitled Document</title> </head> <body> <div id="headerSlogan">Slogan</div> и еще вопрос при использоании чарсета UTF-8 все браузеры не корректно отоб…
0 votes2 answers -
Событие по onclick
Подскажите, пожалуйста, начинающей Есть меню, каждый элемент которого состоит из таблицы. По событию onclick по таблице заменяются некоторые элементы таблицы, а также некоторые свойства элементов. Но никак не пойму как сделать так, чтобы при следующем щелчке по другой таблице в первой все менялась обратно? Код такой пока function paint(table1) { var img1 = table1.firstChild.firstChild.firstChild.firstChild; var td1 = table1.firstChild.firstChild.firstChild.nextSibling; var img2 = table1.firstChild.firstChild.firstChild.nextSibling.nextSibling.firstChild; var tr1 = table1.firstChild.firstChild; img1.setAttribute('src', 'images/Copy-of-maket_10.jpg'); img2.setAttribute('…
0 votes1 answer -
Проблема с тянущимися блоками и использование Max-width
Привет всем. Мой прошлый ник - sotnikov (если кто помнит.) Уважаемые профессионалы, верстальщики, буду благодарен, если кто поможет в данной проблеме. А проблема такая. (смотрим аттач) Пример здесь http://sotnikovs.com/new_irr/test/ Сейчас, все тянется.. как надо, но при разрешении 1600, это тоже все тянется.. и выглядит не очень прикольно. Я уже пробовал использовать max-width.. для блоков, но с IE экспрешшон не хочется ставить.. могила для сайта. assap help.
0 votes2 answers -
О верстке дивами
Привет! Недавно решил попробовать сверстать страничку дивами. На странице слева колонка фиксированной ширины, справа - на всю оставшуюся ширину страницы. Как я сделал: body { margin: 0 0 0 80px; } #left { float: left; margin-left: -80px; width: 60px; /* Между колонками отступ 20px */ } #right { float: left; width: 100%; } Проблема, как водится, с IE6: не отображается левая колонка, видимо, именно потому, что вылезает за границы поля. Я проверил: если сделать колонку чуть шире, чем поле (например, 90px), то отображается именно торчащий 10px кусок. В связи с этим вопрос: как исправляется подобное поведение? Если никак, то какие еще способы реализации вы можете пре…
0 votes4 answers -
как это сделать?
Доброго времени суток! У меня возник вопрос: каким скриптом осуществляется переезд фона ссылки по соседним ссылкам (как тут - иконки слева). Пробовал погуглить, перебрал десятка два различно сформированных запросов, но так и не нашел ответа.. мб кто знает? подскажите.. заранее спасиба)
0 votes5 answers -
Масштабирование бэкграунда
Всем привет! Помогите разобраться, как пропорционально масштабировать фон всего сайта в зависимости от разрешения экрана и клеить его по центру или по краям. Скажем на монике в 1680 картинка будет один в один, а на 1280, к примеру, уже в два раза меньше. Знаю, что во фэше есть реализация подобного, но еще не дорос. Благодарю!
0 votes2 answers -
Float vs Position
В разделе "Верстка с помощью слоев" (_htmlbook.ru). Описаны два метода расположения блоков (слоев) с помощью обтекания (Float) и позиционирования (Position). Оба метода мной испробованы. Хотелось бы уточнить, каким методом верстают профессионалы и в чем разница этих методов? Их достоинства и недостатки.
0 votes2 answers -
Как уменьшить блок
Добрый день. Помогите сделать, чтобы скролл не зарезался снизу. http://jsfiddle.net/RQfGm/ HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> </head> <body> <div id="wid">fixed</div> <div id="wrapper"> <div style="height: 1000px;"></div> </div> </body> </html> CSS: html, body { overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; } #wid { height: 40px; background: red; z-index: 10; width: 100%; } #wrapper { height: 100%; overflow: auto; position:relative; width: 100%; }
0 votes4 answers -
Почему один стиль главнее другого?
Здравствуйте. Вот страница. Внизу страницы есть бар с рекламой, имеющей класс dorusbar. Через layout.css в самом конце файла пытаюсь задать правое расположение этому значку с помощью стиля .dorusbar { float:right !important; } Если убрать !important, то стиль этого же файла #footer div { float: left; font-size: 0.8em; line-height: 1.7em; } не позволяет сместить иконку вправо, хотя и находится выше по файлу. Отчего так?
0 votes4 answers -
Защита блога на WordPress
Здраствуйте! Я начинающий веб-мастер. Сейчас я занимаюсь созданием собственного блога на WordPress. И вот что меня заинтересовало: В сети есть множество плагинов на WP для повышения уровня защиты блога. И я хотел бы спросить насколько остро стоит эта проблема и какими способами можно обезопасить свой сайт и одновременно не захламлять его всеми подряд плагинами. Посоветуйте какими плагинами или методами пользуетесь вы. )
0 votes10 answers -
Как реализовать подобную секцию?
Подскажите как правильно такое нарисовать? Может быть canvas? Пробовал на нем, но линия какая-то размытая получается и не знаю как в произвольных точках этой кривой рисовать круги Возможно за это отвечает какой-нибудь jquery плагин? Вот скриншот http://www.fotolink.su/v.php?id=03b5a0c45dd734ab866094f13307e8a5
0 votes3 answers -
Схлопнуть padding и убрать border-radius у подряд идущих inline
Есть блок, внутри которого текст, размечаемый юзером. У тега <i> задан цвет фона, padding, background-color. Сказка кончается, когда юзер в сообщении делает, например, [ i ]та[ /i ][ i ]к[ /i ]. В итоге у нас слово, порванное посередине отступом и border-radius. Нормализовать код на стороне сервера нельзя, только css, только хардкор. Я изрядно поломал голову. Нужно, если у элемента <i> есть непосредственный сосед <i> - без любых нод между ними - соседу обрезать padding и border-radius слева, а элементу - справа. При помощи вспомогательного <span>, :first-of-type, :last-of-type и селектора-плюсика я нагородил что-то похожее на правду:…
0 votes6 answers -
css CSS анимация с текстом
Особо не вдавался в подробности анимации, поэту прошу у вас. Нужно сделать так, чтобы буква при загрузки страницы, после 3с (ПРИМЕРНО) с центра экрана переместилась на 300px (ПРИМЕРНО) в любое из четырех направлений. P.S. Лишнего не пишите, и ссылки на темы не надо кидать.
0 votes0 answers -
Как сверстать этот блок?
blok.psdмогу ни как сверстать этот блок помогите пожалуйста, очень нужно для ДЗ blok.psd
0 votes3 answers -
png отбрражается с непрозрачным фоном
Одни проблемы с этим сайтом.В Опере и Мозиле все отлично , без фона png отображается , а этот никчемный ie с фоном отображает. В чем проблема :/ ? Кстати выложил шаблон, можете посмотреть. Все видно, попробуйте с оперы зайти (отображается все, что надо), с мозилы (неотображается текст(так как стиль внешний не действует на него и он черный на черном фоне не виден, писал о проблеме в другой теме)), и интрнет эксплоера-отображается полный отстой. Буду рад совету. www.medovik.info
0 votes2 answers -
Трабл со сторонним шрифтом
На сайте использую сторонний шрифт (Terminator Cyr 4), на мо?м локальном сервере вс? нормально отображается, но с реального сервера сайт шрифт не берет, в ч?м трабла (мой серв http://93.100.33.176/tscc/, реальный http://moonlight.nx0.ru/)
0 votes6 answers -
Ссылка
http://www.cosmocard.ru/ Как можно сделать такие ссылки без попиксельного подбирания? Допустим карта космополитан или журнал, т.е. ссылка идёт по краю картинки, а картинка наклонена.
0 votes5 answers -
Проблема со слоями...
Прохожу практику, вот заставили делать корп-сайт. Не могу понять в чем проблема, подвал "наезжает" на текст. Подскажите пожалуйста как поправить, уже 2-й день бьюсь. Вот ссылка для примера: http://www.mir-media.ru/services/
0 votes1 answer -
first-letter Альтреантива?
Воспользовался методом first-letter, для изменения первой буквы текста, везде все отлично, но в опере оно не работает. Есть ли альтернативы, кроме выделения первой буквы в отдельный тег? И почему оно не описано в свойствах на сайте?
0 votes5 answers -
чем отличается?
1 div#mainmenu от #mainmenu div 2 а можно так писать div.mainmenu
0 votes6 answers