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
-
Css свойства нескольких блоков
Прошу прощения за, может быть, глупый вопрос: https://jsfiddle.net/Ser8191/h86vtx6h/ Имеется три блока с одинаковыми свойствами,разное лишь: margin: 10px 0 0 10px; background-image:url(prib1.jpg); Как сделать так, чтобы один раз прописать: width:35px;height:50px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; position: absolute; для всех блоков https://jsfiddle.net/Ser8191/d0g7kr5e/ Так будет правильно?
0 votes3 answers -
Выбор колличества полей в форме.
Доброго дня. Хочу реализовать такую вещь. Мне нужно сделать форму с некоторым количеством полей. Но количество полей должно быть вариативным. Как я это себе представляю, есть поле для ввода с выпадающим списком, в котором я выбираю например число 4. И у меня под ним появляется 4 поля для ввода, например textarea. Как это можно реализовать? Я не прошу всё расписывать за меня, но прошу хотя бы указать направление в котором можно копать. Заранее всем спасибо.
0 votes2 answers -
Вопрос по размеру текста в комбо-боксах
Вот что написано здесь Вопрос: какой размер текста браузер установит в этом случае для комбо-боксов ('select")? Практически я наблюдал, что размер довольно крупный.
0 votes3 answers -
Как сделать "внешне-внуреннюю" ссылку?
у меня в документе есть список сверху страницы , Я хочу с другой страницы сделать ссылки не на всю страницу, с попаданием на е? начало, а на е? соответствующие "куски". Подскажите п-ста как? Заране всем спасибо!!
0 votes2 answers -
line-height меньше 100%
Скажите пожалуйста, как сделать расстояние между строчками меньше 100%. Пробовал указывать его и в процентах и в px - не помогает.
0 votes2 answers -
Съезжает таблица
Здравствуйте! Вопрос вот в чем - тестирую в FF - нормально, в IE7 и Opera получается первая запись съезжает вправо. Вот код case 'sale_kv' : $result = mysql_query("SELECT id,s_kv1,s_kv2,s_kv3,s_kv7,s_kv8,s_kv9,s_kv10,s_kv12 FROM sale_kv ORDER BY id DESC",$db); $myrow = mysql_fetch_array($result); printf ("<table cellspacing='2' cellpadding='0'>"); printf ("<tr>"); printf ("<th id='table_sale_header'>Кол-во комнат</th>"); printf ("<th id='table_sale_header'>Район</th>"); printf ("<th id='table_sale_header'>Ориентир</th>"); printf ("<th id='table_sale_header'>Общ.пл.</th>"); prin…
0 votes1 answer -
png vs IE6
посогите решить проблему, перепробовал все способы описаные на форуме не получается правильно подключить скрипты вот код частично: html ?> <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="shortcut icon" href="media/favicon.ico" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <div id="container"> <table border="0" width="1004" cellsp…
0 votes3 answers -
Теги в селекторах
Часто слышу про то, что мол надо избегать употребление селекторов типа. Например, вместо div.block div.sub-block писать .block .sub-block. В этом, конечно, есть смысл, поскольку теги иногда приходится менять при вёрстке/программинге или в угоду SEO, сохраняя при этом структуру документа. Однако этак можно дойти до маразма. Вот, скажем, у меня есть список, в котором десять элементов, в каждом элементе — ссылка, а в каждой ссылке — спан. Вешать классы на всю эту радость — сущий дурдом. То есть от подобных селекторов: ul.primary-nav li a span никуда не денешься. Ну ладно, li можно выкинуть — если считать, что код у нас по умолчанию валиден. Да и вообще, я вот верстаю в…
0 votes12 answers -
Выравнивание счетчиков
Нужно выровнять счетчики в блоке, но чет не получается Просмотреть счетчики можно на картинки выше, нужно чтобы счетчики были в центре блока и были выровнены в одну строку, а чуть ниже тоже по центру, но уже на другой строке был текст. Помогите пожалуйста
0 votes6 answers -
UTF-8
Здравствуйте, вопрос покажется всем глупым: почему когда я делаю кодировку utf-8 браузер не распознает мои слова на русском, нужно или менять кодировку на windows-1251 или в utf-8 писать на англ языке, чтобы все было нормально. Просто я заметил что все пишут на кодировке utf-8.Заранее спасибо за ответ.
0 votes4 answers -
Блок с аудиоплеером невидим
Здравствуйте. Уже несколько дней ломая голову над одной проблемой. Есть сайт, который работает на isotope (masonry). В одним из блоков помещается аудио плеер (jwplayer). Вместе все работает исправно. Но встала задача перевести сайт на ajax переключение страниц. Для того, чтобы после перехода на страницу с masonry блоки вставали на своим месте, подключил повторную инициализацию скрипта после .load(): $('#main').isotope({ itemSelector : '.post-item', masonry: { columnWidth: 390 } }); Переинициализация работает, однако блок с аудиоплеером перестал отображаться. Причем при загрузке страницы он появляется на доли секунд, а затем исчезает, т.е. ведет себя так, будто ему присво…
0 votes1 answer -
Эффект перелистывания страниц
Мне нужно сделать эффект переслистывания страниц, в инете много решений, но мне нужно, чтобы это все еще с планшетов работало. Подскажите есть ли плагины или что-то еще, что может мне помочь?
0 votes1 answer -
Проблема с блоками в IE
Добрый день! Подскажите пожалуйста в чем может быть проблема,что в IE все летит к чертям?Вроде свойства довольно простые,не понимаю где IE портит картину. В хроме все нормально (как должно быть):http://niveau.nerevarin.ru/index.php/mezhkomnatnye-dveri/design А при открытии в IE - большинство div`ов перекашивает.
0 votes7 answers -
window.close и брандмауэр
Доброго времени суток! Люди добрые, спамажите :-) начинающему) перелопатил поиском все что можно, здесь и в поисковиках, и что не можно тоже, но решения проблемы не нашел: итак, использование Закрить окно или Закрыть окно или ЗАКРЫТЬ приводит к и блокировке самой функции закрытия окна, пока этому чуду-антивру не скажешь 50 раз "можно!" суть проблемы: забота о посетителе в первую очередь, т.е. вот эти вот фокусы брандмаэра имо просто отталкивают и пугают людей. Есть ли решение этого "танца с бубном" или просто забыть и забить на это в пользу [X] в правом верхнем углу? Заранее признателен, Волк.
0 votes2 answers -
проблема с представлением страницы в firefox
Добрый день всем ! Сломал голову . Ниже я приведу свой код IE все как надо а в FireFox все ломается . Будте так добрв помогите . Здесь ссылка на сайт http://www.bgraf.biz/php_doc/test.html <!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=iso-8859-1" /> <title>Untitled Document</title> </head> <style type="text/css"> .color_block { border: 1px #111B64 solid; background: #FFFFFF; width: 296px; } em.bt, em.bb { display: block; height: 4px; font…
0 votes4 answers -
Подскажите элегантное решение без таблиц
Доброго всем! Есть вопрос для опытных.... Есть задача сверстать макет с центральной колонкой фиксированной ширины, растянутой по вертикали -- чтобы она располагалась по центру окна броузера. Приблизительно так, как изображено на этой схемке: ┌───┬───────┬───┐ │ ┤ ├ │ │ ┤ ├ │ └───┴───────┴───┘ Вокруг центрального блока есть хитрая тень-текстура (шириной около 200 пикселей с каждой стороны), нарисованная дизайнером - именно из-за нее весь сыр-бор и приключился. Нужно чтобы эта тень-текстура была именно на фоне (из-за ее ширины появление горизонтального скролла недопустимо), и чтобы вплотную окружала контент-блок -- слева и справа от него. Если применить…
0 votes6 answers -
Как сделать высоту 100% у внутренних элементов
<table style="height:300px;" border="1" cellpadding="4"> <tr> <td valign="top"> <div style="background:orange">Bla bla bla...</div> </td> </tr> </table> Есть такой код. Мне нужно сделать чтобы высота у элемента div была такой же, как и у родительского элемента td. То есть для данного примера - чтобы таблица была закрашена оранжевым во всю свою высоту. Однако как ни бился с height - кроссбраузерного решения не получилось... Если у td и у div прописать стиль height:100% начинаются проблемы если высота таблицы больше высоты экрана. Если вместе height использовать min-height:100% - не работает в chrome. Может кто из более ум…
0 votes2 answers -
Соответствие <font size=""> и font-size
Есть ли какое соответствие между <font size=""> и font-size: ? Допустим, в тегах написано <font size="4"> как это в CSS указать?
0 votes3 answers -
Синтез шрифтов
Добрый день. Подскажите, пожалуйста, как достичь необходимой ширины символа подключаемого шрифта? Оказывается и такое в CSS есть под грифом "синтез шрифта", но самостоятельно разобраться не получилось. Что именно нужно, демонстрирует иллюстрация ниже: Шрифт подключается следующим кодом: @font-face { font-family: "stalker_ttf"; src: url("font/MTR49__C.TTF"); }И впоследствии используется: #divName{ font-family: stalker_ttf; } Я так понимаю, в первом коде не хватает какого-то параметра синтеза.
0 votes5 answers -
css : вывод даты в календарном листке
Здравствуйте ! Мне нужна помощь специалистов. В общем я хочу создать css стиль для вывода даты на календарном листке. Чтобы можно было используя Tiny_Mce быстро ставлять дату создания статьи. Вот что я прописываю в css стиль Так у меня выводится только календарик из images/date.jpg а вот название месяца и даты в нём нет. Для вывода даты и месяца нужно вставлять руками в htlm код статьи этот код Получается такая дада _http://www.weberdev.com/ExampleImages/4622_Image1.jpg А как бы мне сделать css так что бы не надо было вставлять руками код ? Хотелось бы чтобы дата и месяц вставлялись автоматом вместе с календариком при выборе стиля. Такое возможно сделать ? Если да т…
0 votes1 answer -
Смена стилей при наведении на таблицу
Проблема в том как сделать, чтобы при наведении курсора на таблицу менялись стили у тегов <td>, находящихся в данной таблице. Простыми средствами я так понял это не решить, может кто поможет. вот изначальная таблица: <table> <tr> <td class="a1"> </td> <td class="a2"> </td> <td class="a3"> </td> </tr> <tr> <td class="a4"> </td> <td class="a_c"> CONTENT </td> <td class="a5"> </td> </tr> <tr> <td class="a6"> </td> <td class="a7"> </td> <td class="a8"> </td> </tr> </table…
0 votes4 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>—--</title> <style type="text/css"> *{ margin: 0; padding: 0; } ul.menu { background: rgb(220,255,230); height: 70px; position: relative; list-style: none; text-align: right; } ul.menu > li { border-right: 1px solid rgb(250,130,30); display: inline-block; width: 8%; height: 100%; text-align: center; } </style> </head…
0 votes6 answers -
Изменение изображения
Нужно сделать вкладки как тут http://pyha.ru/ (фишки,мини-FAQ,Библиотека,статьи,кухня,форум) проблема в том что если делать: <a href="http://><img src='img/proba.png' onmouseover="this.src='img/probahi.png'" onmouseout="this.src='img/proba.png'" border=0> и картинку повернуть боком как например "статьи, форум" то при наведении в область квадрата картинка уже сменяется, а на пыхе только при наведении на картинку. пробовал в фотошопе убрать фон, всё так же. (если не понятно объяснил могу скрины дать)
0 votes6 answers -
Доктайп <!DOCTYPE html>
Верстать приходится нечасто и раньше всегда обычно использовал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Теперь смотрю уже вовсю идёт переход на html5 и использование <!DOCTYPE html> Вопрос в том, какие ограничения на вёрстку накладывает использование такого доктайпа? Например, полностью html4-вёрстка с использованием такого доктайпа это прилично?
0 votes2 answers -
Помогите разобраться с проблемой ширина блока div 100%
Здравствуйте! уже 3 ей день воюю с проблемой помогите одолеть. Проблема такого характера есть блок footer блок div вот ниже весь код. <div id="footer-wrapper"> <div id="footer" class="clearfix"> </div> <div id="footer-info-photographer"> <p></p> </div> </div> вот css код #footer-wrapper { background: none repeat scroll 0 0 #3E3E3E; color: #FFFFFF; } #footer { margin-left: auto; margin-right: auto; min-width: 920px; width: 1200px; } #footer-info-photographer{ margin-left: auto; margin-right: auto; min-width: 920px; width: 1200px; } #footer-info-photographer p{ text-align: center; } П…
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-