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
-
Выравнивание изображения по вертикале в строке
Помогите выровнять изображение по середине(по вертикали) строки. Если использовать vertical-align: middle, то изображение немного смещено от центра по высоте. Вот пример Вот код: <!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 type="text/css"> body { font: 0.86em/1.5 Arial; } div { background-color: #eee; font-size: 2em; } img.img-middle { vertical-align: middle; display: inline-block; } spa…
0 votes0 answers -
float:left — выталкивание нижестоящего контейнера
Приветствую, односельчане Прошу о небольшой помощи по верстке — буду очень признателен вам за советы. Поставил фотогалерею NextGEN на этот сайт. И заметил, что фотографии странно себя ведут: Привожу html-код левой верхней фотографии (см. скриншот выше) <div class="ngg-gallery-thumbnail-box" id="ngg-image-26"> <div class="ngg-gallery-thumbnail"> <a rel="lightbox[set_4]" title="Применение сигнализаторов загазованности RGD" href="http://seitron.ru/wp-content/gallery/objects/obj1.jpg" class="cboxElement"> <img width="250" height="188" src="http://seitron.ru/wp-content/gallery/objects/thumbs/thumbs_obj1.jpg" alt=" " title=" "> </a> &l…
0 votes9 answers -
2 колонки
Всем привет, не получается сделать в один ряд колонки... Сейчас так: А хочется вот так)) Вот ксс блоков этих: .new { float:left display:table; position: relative; margin-left: 5px; margin-right: 660px; } .rgh { width: 630px; float: right; } Помоги сделать пожалуйста.
0 votes9 answers -
проблема с валидацией
У меня при прохождении валидации постоянно одна и та же ошибка,повторяющаяся десятки раз в одном документе- Ошибка: end tag for element "P" which is not open. Если исправить везде эту ошибку,то документы пройдут валидацию,как её исправить?Спасибо за помощь))
0 votes2 answers -
Отправка формы (jQuery,javascript)
Подскажите пожалуйста . Я скачал форму вот такого вида- И нужна именно такого вида.Объясните ,подскажите пожалуйста как отредактировать плагин ResourceLoader.js. Чтобы данные приходили на мой хост, а почта на мою почту. Насколько я понимаю, форма обрабатывается скриптом ResourceLoader.js. Подскажите пожалуйста, какие файлы мне необходимо дописать/править для нормальной работы формы. И зачем нужен хэш ? Вот HTML: <HTML> <script type='text/javascript' src="1/javascript/com/web/ResourceLoader.js"></script> <script type='text/javascript'> WebCom.ResourceLoader.loadLib('com.jquery', '', true); WebCom.ResourceLoader.loadLib('com.web.components.n…
0 votes2 answers -
Не отображаются картинки
http://www.rechnoy-express.ru/ Под заголовком "Речные прогулки..." не отображаются картинки в таблице. Вот код: <table> <tbody> <tr> <td><a href="http://www.rechnoy-express.ru/node/1827">Аренда лимузина на подводных крыльях</a></td> <td><a href="http://www.rechnoy-express.ru/node/1828">Аренда прогулочного катамарана</a></td> <td><a href="http://www.rechnoy-express.ru/node/1829">Карта района плавания</a></td> </tr> <tr> <td><img scr="sites/default/files/river/kater-volga1.jpg"></td> <td><img scr="sites/default/files/river/katamaran1_1.jpg">&l…
0 votes5 answers -
Проблема с каруселью
Добрый день! Может кто сможет помочь с моей проблемой, на Word Press поставил стандартную карусель из Bootstrapa, всегда она работала просто идеально, а сейчас начался какой-то бред, слайды идут непонять как (первый идет нормально, второй пустой, потом выползает обрезанный и расширяется до нормального состояния, и все это приводит к прыганию контента) Пытался что-нибудь проверить с помощью Firebug, но он мне показал что какая-то ерунда со слоями, вроде навожу мышку на слой с текстом, а фаербаг показывает что ему кажется этот слой ниже...Никогда такого не было. В принципе на картинке видны обе проблемы Может кто с этим встречался? Или примерно знает как исправить?
0 votes7 answers -
Кодировка
Простой index.php. Заливаю на сайт - кракозябры. Домен пустой, конфликтовать не с чем. Остальные сайты у этого хостера в кракозябрах замечены не были. В тегах: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Файл и через блокнот сохраняла, и через дримвивер (с контролем выставленной при сохранении кодировки). Один фиг - кракозябры. Помогите, пж, что тут еще может быть? =( p.s. Кеш браузера чистила
0 votes4 answers -
Выравнивание текста
Привет. Столкнулся с такой проблемой. Текст выводиться не ровно, цифры ниже. Как выровнять? Подскажите.
0 votes5 answers -
Формы. Атрибут accesskey
Почему у меня не работают сочетания клавишь ALT + B и ALT + H??? и какие замечания вы мне сделаете по коду?? <meta charset="utf-8"> <h2>Регистрация пользователя</h2> <p>Пожалуйста заполните все поля, чтобы зарегистрироваться на сайте:</p> <form> <fieldset> <legend accesskey="u">О <u>В</u>ас(ALT + </legend> <table> <tr> <td><label for="Uname">Имя пользователя</label></td> <td><input type="text" id="Uname" name="txtUserName"/></td> </tr> <tr> <td><label for="Pwd">Пароль</label></td> <td><input type="pa…
0 votes1 answer -
Фиксация заднего фона.
У меня на фоне стоит большая картинка, как сделать так, чтобы при прокрутке, когда картинка фона заканчивается, то есть проскроливаем до самого низа картинки , этот низ фона фиксировался ?
0 votes1 answer -
HTML + enter
Cтолкнулся с тем, что когда формат. констр. ul>li*5>a браузер создавал пробелы между inline списками, если на конце li был перенос строки - enter, а если не было, то и на странице пробел пропадал,(когда весь код в строчку) логично вроде бы, но мне так не кажется. Потому что я не планировал, допустим, ставить пробелы между списками, код должен быть читабельным, а не идти в строчку. Но отсуда и вопрос, как управлять этими пробелами? собственно код: http://jsbin.com/ogiPEgiS/23/edit
0 votes1 answer -
Один блок налаживается на другой, второй неактивный
вот сайт geometrica.biz в хедере есть логотип и два блока меню. Проблема состоит в том что логотип налаживается на два блока меню из-за этого они становяться неактивные. проблема в том что у логотипа стоит z-index выше чем у блоков меню, но я не знаю как это решить, помогите пожалуйста!
0 votes1 answer -
верстка слайда
Доброй ночи всем. Сижу уже который день и не могу ничего придумать. Надо сверстать шестиугольный слайд. Т.е. чтобы картинка загружалась прямоугольной формы а выводилась в виде шестиугольника еще и с рамкой. Помогите пожалуйста. СЛАЙД
0 votes5 answers -
Жирный шрифт выглядит не так как на макете
Жирный шрифт выглядит не так как на макете. На верстке он какой то размытый. Почему такое может быть? http://skrinshoter.ru/s/231118/OzRayo2e решил вопрос: нужно было прописать тегу отдельно font-family: "RobotoBold";
0 votes1 answer -
Кнопка при наведении
Как сделать другой фон кнопки при наведении?
0 votes2 answers -
Как избавиться от хитрых бордеров?
Есть старый сайт, сделаный давно, еще табличной версткой. Нужно перевести тот же дизайн на рейки Друпал 7. Вроде, ничего сложного. Как делал. На старом сайте CTRL+U => CTRL+C, далее новая тема на основе ZEN с этим кодом + CSS и графика со старого сайта, размещаю блоки в нужном месте и т.д. НО! Появились какие-то бордеры или отступы, которые не могу побороть вот уже 2-й день! Гугл и книги курил, ничего не могу сделать, хотя понимаю, что ответ прост. Помогите знатоки, плиз! Полностью с ноля переделывать на DIV уже нету времени! П.С. Скрины и тема в аттаче. Сама тема: http://dl.dropbox.com/u/21433136/mamadeti.zip
0 votes9 answers -
Подскажите в центрировании UL
Добрый день, не совсем пойму как сделать UL список по центру внутри div. text-align помогает, но когда я делаю элемент LI - float:left; весь список сдвигается. т.е: .c_circle { margin: 0 auto; overflow: hidden; text-align:center; } .tab_circle ul{ list-style-type: none; } .tab_circle ul li{ float:left; height:17px; width:17px; background:url(circle.gif) 0 0 no-repeat; } <div class="c_circle" > <div class="tab_circle" > <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> </div>
0 votes6 answers -
обтекание текстом картинки
Привет. столкнулся с проблемой. Нужно сделать обтекание текстом картинки. Пишу: .field-name-field-cover{ float:right; /**картинку на правому краю*/ margin: 10px;/**отступ вокруг нее*/ margin-bottom:-200px; /**с помощью этого параметра поднимаем текст выше, а то он где-то внизу*/ } По идеи должно работать, но не работает, мне кажется что это связано с margin-bottom:-200px;, хотя не уверен. Подскажите, как быть?
0 votes9 answers -
Страница сайта в PDF
Подскажите плз! В Сафари есть такая функция Посмотреть в PDF, но там отображается только текст (на моем сайте). Как можно заставить его отображать другую инфу (картинки, логотип, И так далее)? Заранее благодарен!
0 votes7 answers -
header в середине блока
скажите пожалуйста не будет ли ошибкой размещение <header> в блоке-родителе после части контента? например так <article class="article_2"> <img class="img" src="images/aside_left/img2.jpg" alt="img" width="63" height="63" /> <header> <h1>Donec lobortis purus vel</h1> <strong>Donec lobortis purus vel urna.</strong> </header> <p class="text">Nunc laoreet lacinia nunc. In volutpat lorem ipsum</p> </article>
0 votes6 answers -
Преобразования табличной верстки на блочную
Здравствуйте, я в этом новичок, помогите с блочной версткой. Нужно разделить страницу, пример приведу таблицу, потому что именно так и нужно сделать, но блоками. <table width="100%" height="100%" border="1"> <tr> <td rowspan="3" width="302px"> </ td> <td height="150px"> </ td> </ tr> <tr> <td> </ td> </ tr> <tr> <td height="100px"> </ td> </ tr> </ table> Писал так: # left_cauntainer { position: absolute; width: 302px; height: 100%; float: left; } # right_countainer { position: absolute; width: 100%; height: 100%; float: rig…
0 votes2 answers -
табы без содержимого этих табов bootstrap в шаблоне
Всем привет, Делаю дизайн админки на основе http://github.meritoo.pl/Bootstrap-3-Admin-Theme/ui-and-interface.html и в правом нижнем углу есть табы без содержимого этих табов. Я попытался посмотреть как это сделано в другом темплейте: <div class="panel panel-default"><div class="panel-heading"><div class="text-muted bootstrap-admin-box-title">Tabs</div></div><div class="bootstrap-admin-panel-content"><ul class="nav nav-tabs"><li><a href="#tab-1" class="active" data-toggle="tab" >Tab 1</a></li><li><a href="#tab-2" data-toggle="tab" >Tab 2</a></li><li><a href="#tab-3" da…
0 votes1 answer -
2 блока рядом, один фиксированный, другой в % или проблема с "calc"
Значится, такая задача: Есть блок wrapper (черная рамка) - с margin 0 и max-width. Синий блок - задан жестко в пикселях. (допустим 100px) Красный задан : width: calc(100% - 100px);У синего - float right У красного - float left В итоге получается то, что нужно: при сжимании окна по горизонтали, синий блок остается как есть, а уменьшается только красный. Все супер. ===== Далее, когда эту прелесть открываем в Сафари, получается, между блоками образуется белый промежуток. Как оказалось, сафари игнорит width со свойством calc и попросту делает красный блок, шириной с контент, который в нем есть. ===== Вопрос: как можно такое же точно поведение реализовать, без св…
0 votes5 answers -
Друзья, требуется помощь. проблема с отображением в ie
Привет! Есть список, который корректно отображается везде кроме ie. вот скрин http://joxi.ru/LVm6MYzfDMl6rZ . Вот страница http://root.donkos.esy.es/card.html . Уже сломал всю голову. Подскажите как исправить для ie (версии выше 9). Заранее благодарен!
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-