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
С css работаю совсем недавно сайт: movbase (точка) ru шаблон вот какой использую, но почему не могу изменить ширину средней части, размер отступа между блоками да и окно поиска тоже ужать как то надо.. помогите кому не сложно плиз заранее спасибо @charset "utf-8"; /* CSS Document */ body { background: #E5E5E5 url(../images/top_glow.jpg) no-repeat top center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#231f20; } a{ color:#656565; } small { font-size:11px; } .center_content small{ margin-bottom:20px; float:left; width:100%; } .center_content a { color:#656565; border-bottom:1px dotted #333 !important; } .adverts a { border-bottom:non…
0 votes2 answers -
Повышение квалификации. Критика
Здравствуйте. Нужен разбор нижеследующего кода. Не ахти какая сложная вёрстка, нужно узнать что же я наверстал на самом деле . Данный код представлен как строгий xhtml 1.0, но я не вижу причин, по которым он не мог бы корректно отображаться в IE6 или как HTML 4-5 (естественно, придёться подкорректировать некоторые "лишние" мелочи например самозакрывающиеся тэги). Где можно толково почитать про вёрстку под CMS: Joomla, Wordpress и т.д. Со временем собираюсь выложить сюда шаблоны под них тоже. Ссылка: http://rat-worker.ucoz.ru Очень хочу сориентироваться. Спасибо.
0 votes3 answers -
Оптимизация для Web
Всем привет! В Фотошопе Я ламерок и не понимаю, где нужно настроить, чтобы картинка большого размера, при нажатии на "Оптимизация для Web", оставалась такой же большой, а не резалась автоматически на равные маленькие части... Подскажите ,пожалуйста, буду Очень признателен P.S. жалко что нет раздела какого-нибудь, например, "Работа с графикой для Web" или "Основыне аспекты с графикой в Web"
0 votes5 answers -
Помогите с версткой
Добрый день всем,помогите сверстать сайт,суть такова:надо сделать так чтобы рисунки 1 и 2 были всегда в верху по углам,рисунки 3 и 4 в низу, при любом формате мониторе(тоесть резиновый шаблон),потом рисунки 5 и 6 должны не репитится, а только должна репитится розовая полоска(рисунок просто разбил на 3 части левую, центральную и правую,чтобы рипитилась только центральная часть).После по горизонтали тоже розовая полоска должная рипитится в низ, и рисунок анологичный что в верхней части контента но только в нижней под цифрами 7 и 8.И самое главное как сделать что бы инфа была поферх этих этих всех рисунков.Тоесть начало информации было в верхней части контента а потом на цен…
0 votes4 answers -
Выпадающие меню
Здраствуйте! Недавно поставил сайт на ВордПресс, но вопрос как бы не столько по ворду, как выпадающему меню. Вот сайт . Посмотрите на меню - оно выпадающие, но проблема в том, что когда нажимаешь к примеру на "Создание", то начинаеться переход на страницу, а мне надо, что бы перехода не было. Просто при наведении чтобы было видно выпадающие подстраницы. Ктото знает как это сделать и в каком вообще виджете? Если надо какойто код предоставить - только скажите. Заранее спасибо!
0 votes9 answers -
css хитромудрые селекторы
Есть верстка: <body> <header>Заголовок сайта</header> <div class="layout"> <aside> <div class="top"></div> <div class="middle"> <h2 class="nomargin-top">Меню</h2> <—- вот он, элемент для которого надо получить селектор <ul class="nomargin-bottom"> <—- и для последнего тоже надо <li><a href="link1.html">Ссылка 1</a></li> <li><a href="link2.html">Ссылка 2</a></li> <li><a href="link3.html">Ссылка 3</a></li> <li><a href="link4.html">Ссылка 4</a></li> <…
0 votes6 answers -
Как получить доступ к jquery в другом скрипте?
Собственно решил вынести все скрипты за пределы страницы. Возникла проблема. Мне бы хотелось использовать библиотеку jquery в свое скрипте. Что я должен сделать для этого?
0 votes3 answers -
Всплывающее окно просмотра
Кто подскажет простое всплывающее окно для просмотра фоток фотки разных размеров,и чтобы оно подстраивалось по пропорции но было не больше чем max-width, max-height, и меньше min
0 votes2 answers -
Блоки <DIV>
Здравствуйте! Прошу вас о помощи! Мне необходимо переделать сайт, который состоит в основном из блоков <DIV>. Сейчас столкнулся с проблемой: блоки налезают друг на друга. Как мне их упорядочить, чтобы второй блок начинался после того, когда закончится первый? Заранее спасибо! <div id="text24" style="position:absolute; margin-top: -80px; overflow:hidden; left:13px; top:1550px; width:781px; height:380px; z-index:77";> <div class="wpmd" align=justify> БЛА БЛА БЛА </div></div> <div id="text25" style="position:absolute; overflow:hidden; left:13px; top:1813px; width:786px; height:74px; z-index:78;"> <div class="wpmd"> БЛА …
0 votes3 answers -
Блок не хочет обтекать
Надо сделать так http://divhack.com/downloads/study/3/3.jpg (правая колонка в контенте) У меня не выходит сделать обтекание. http://troshka.hut4.ru/ Задаю .content .right{ float:right; } и блок встает вниз, и вообще как он вылез за пределы блока content, в котором находится?
0 votes5 answers -
понравилось решение сайта
Очень понравилось решение сайта https://jawbone.com/up (не реклама) но не как не пойму как сделано что бы картинки между блоками при скролинге плыли чуть в верх (не помогает даже firabug), подскажите пожалуйста может кто сталкивался с макетом данной верстки? Ну или какими то материалами на тему решений используемых на данном сайте, заранее благодарен более опытным специалистам... С Уважением, test777
0 votes9 answers -
Нужна помощь в оформлении меню форума
Нужна помощь в оформлении меню форума Здравствуйте. Помогите пожалуйста советом, как поставить в меню форума картинку, которая не будет менять своё качество на различных разрешениях экрана? Может форматы... Кто то говорит, что нужен флеш - но я им не умею пользоваться. На данный момент вот,что получилось: http://s4.uploads.ru/HKgjQ.png http://s4.uploads.ru/4iHvf.png http://s5.uploads.ru/9PzVv.png На первый взгляд качество хорошее, но Когда ставлю эти три картинки в Меню форума - они теряют качество. Форум: ccылка по просьбе
0 votes7 answers -
Передается только первый checkbox
Передается только первый checkbox (acc). Остальные значения (man, inr) пустые. Подскажете в чем дело? HTML <form method="post" action="sender.php"> <input type="checkbox" name="acc" value="on">бухгалтерия<br> <input type="checkbox" name="man" value="on">отдел продаж<br> <input type="checkbox" name="inr" value="on">отдел закупок<br> <input type="submit" name="submit" value="Отправить"> </form> PHP <? if ($_POST['acc'] == "on") { echo "Бухгалтерия"; } if ($_POST['man'] == "on") { echo "Продажи"; } if ($_POST['inr'] == "on") { echo "Закупки"; } ?>
0 votes2 answers -
Правильная кодировка для мобильных сайтов
Здравствуйте. Хотелось бы затронуть тему кодировки шаблонов для мобильников. Суть проблемы вот в чем: делаю сайт специально под мобильные устройства. Все нормально-мобильники отображают сайт как надо и только одно устройство превращает текст в кракозябры. Виновник этого безобразия - Айпад эир. Операционка iOS 7.1.1 (11D201) понимаю что он кодировку не принимает. Так может кто подскажет как правильно писать кодировку чтобы все мобильные устройства ее воспринимали нормально? Может кто сталкивался? Щас стоит <meta http-equiv="content-type" content="text/html; charset="utf-8" /> Заранее спаисбо.
0 votes6 answers -
text-size-adjust
Текст увеличивается на устройстве samsung galaxy s3, браузер mozilla. А это свойство не помогает. Как можно еще отключиться автомасштабирование текста?
0 votes6 answers -
Cайдбар съехал
Ребята,здравствуйте! Не могу понять почему у меня сайдбар съехал под сам блок контентом. Указал Float:left контенту, а float:right сайдбару, указал размеры блоков,всеравно не хочет подниматься наверх..Помогите, гуру верстки Вот Скрин
0 votes2 answers -
Не хочет работать data-wow-offset
Всем привет. Есть верстка http://gurevich.agency/html/ По непонятной причине блоки div.wow.fadeInRight и div.wow.fadeInLeft анимируются в момент загрузки страницы, хотя благодаря значению атрибута data-wow-offset должны "срабатывать" не сразу. Замечено, что анимация стартует с некоторой отсрочкой, когда data-wow-offset > 650. Есть подозрение что wow.js в данном макете неверно рассчитывает местоположение блоков с анимацией по какой-то причине. Буду благодарен за подсказку.
0 votes2 answers -
Резиновый отступ
Нужно чтобы меню сохраняло целостность когда окно браузера сжимают т.е. чтобы ссылки из меню максимально сжимались прежде чем переносились на другую строку. http://plitka20x20-ru.1gb.ru/site/ Вот как обстоят дела, при сжатии как видно всё разрушается <nav> <ul> <li><a href="uslugi.html">Услуги</a></li> <li><a href="klienti.html">Клиенты</a></li> <li><a href="projekt.html">Проекты</a></li> <li><a href="kontact.html">Контакт</a></li> </ul> </nav> header.top nav{ position: absolute; top: 361px; left: 476px; height: 5…
0 votes5 answers -
Можно ли как-то скрыть невместившееся содержимое в ячейку
Есть некоторая таблица: <table cellpadding="0" cellspacing="0" style="width: 0px; table-layout: fixed;"> <tbody> <tr style="height: 0px;"> <td style="width: 50px;"> </td> </tr> <tr> <td style="overflow: hidden; padding: 0px; margin: 0px; height:50px" id="testTD"> Я помню чудное мгновение, передо мной явилась ты </td> </tr> </tbody> </table> Вот так она рендерится: В результате такой вёрстки удалось добиться того, что во всех браузерах невместившийся текст по ширине скрывается. Но по высоте он начинает расширяться чтобы весь текст вместился. Можно ли ка…
0 votes0 answers -
Три "float" и "clear:both;"
У меня получается это: А надо это: Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #left { height:150px; width:100px; float:left; background:#990000; } #inner_left { height:80px; width:70px; float:left; background:#3366FF; margin-right:10px; } #right { width:100px; height:250px; float:right; background:#990000; } #center { margin-left:110px; background:#339966; margin-right:110px; padding:10px; margin-bottom:10px; } .clearfloat { clear:b…
0 votes4 answers -
Выравнять два блока по высоте
Друзья, подскажите, пожалуйста, как выравнять два блока по высоте внутри третьего, при условии что первый блок постоянно меняет свою высоту в зависимости от отображаемого контента? Во втором диве контент тоже меняется, но его мало, поэтому высота блока почти всегда одинаковая. Пробовал для второго блока прописать {height: inherit;}, чтобы он наследовал высоту третьего блока (и тогда все было бы как надо), но не помогает. Скрин: http://files.mail.ru/QQMQ1I?t=1 Код: HTML <div class="conc-item"> <div class="conc-info"> // 1-ЫЙ БЛОК <div class="cornerContainer ccLightGreen"> // ВНУТРИ 1-ГО БЛОКА БЛОК С ЗАКРУГЛЕННЫМИ КРАЯМИ <b class…
0 votes7 answers -
IE 9 показывает статичный html, но некорректно показывает такой же php
Стала проверять уже вроде бы отлаженную страницу на .php в ie 9. Оказалось, что статику .html он показывал корректно, а точно такую же страницу на .php показывает с частичными искажениями. Когда копипащу тот же самый php-код в статику, снова все ок. В чем может быть подвох? (Разумеется, оба файла используют одинаковые ссылки на css js и проч. И искажает он не всю страницу, а, к примеру, не показывает выравнивание margin: 0 auto; и letter-spacing. Статичный .html отображает точно так же, как в остальных браузерах отображатся .php)
0 votes3 answers -
Как font-size h2 сделать по таким же как у h1, не зная точной величины font-size h1?
Добрый вечер. Как можно сделать содержимое h2 таким же по высоте как содержимое h1, заранее не узнавая фактический размер шрифта текста тега h1? Благодарю.
0 votes6 answers -
Оставить отзыв
Доброго времени!!!Помогите:как сделать чтоб после написания отзыва в форме на сайте,текст отправлялся на сервер,но при этом пользователь оставался на той же странице и получал соответствующее сообщение о доставке.Спасибо!!!
0 votes4 answers -
Контейнер по центру
Привет. Каким тегом выравнивается по центру контейнер. вот отрывок из ксс: div#container { background: #fff; width: 600px; nargin: 0 auto;
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-