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
-
Проблема с таблицой
Друзья, помогите пожалуйста. Всё обыскал не могу понять в чём проблема... В общем... На странице посередине стоит таблице. Она состоит из двух колонок и одной строки. Она содержит в каждой колонке блоки с текстом. Проблема заключается в тексте. Если в одном из блоков попадается длинное слово, то таблица очень сильно растягивается по горизонтали и почается горизонтальный скролинг. Я думал решить эту проблему прописав в стилях у блоков с текстом word-wrap: break-word; , но к моему удивлению это не вышло. Проблема решается только если указать конкретную ширину у блоков с текстом. ННо надо, чтоб ширина была резиновой. Как решить проблему? Я уже мозг почти сломал...
0 votes5 answers -
Нужно сделать div'ами вот что...
Собственно, начинаю понемногу переходить на div вёрстку. Но без вопросов учёбу сложно представить. Помогите сделать вот такое: Параметры укажите на свой вкус, дальше я уже сам модернизирую. Спасибо.
0 votes5 answers -
Помогите сверстать
Добрый день, есть шаблон http://freepsdfiles.net/download?id=2393. Подскажите пожалуйста как сверстать основной фон, которые клетчатый. Спасибо
0 votes6 answers -
что-то с текстом
Привет всем!) Вот я тут верстанул немного и столкнулся с проблемой с текстом Текст(под заголовком Aliquam Etiam Tempus во втором столбце) отображается немного не так (криво как-то, и он длиннее) по сравнению с оригиналом. Я пробовал разные свойства, такие как letter-spacing, word-spacing, чтобы исправить эту кривоту, но не вышло.. Из-за этого не получается кроссбраузерно вставить этот второй синий разделитель.(можно, конечно, установить height для блока, содержащего этот текст, но я читал в книге, что этого лучше не делать) Хотя в ie6, ie7 текст отображается точно как на макете) подскажите, можно ли что-нибудь сделать, чтобы они стали идентичными? сайт, картинка макета, с…
0 votes6 answers -
Не подставляется значение в Input в IE8 \ IE9
Имеется input: <input type="submit" id="SomeId" value="Найти" class="mc-button mc-button-orange" /> стили: .mc-button-orange { border: solid #A26F19; border-image: initial; background: -webkit-linear-gradient(top, #F2BD65, #CB891E); } .mc-button { min-width: 10px; line-height: 24px; height: 24px; padding: 0 28px; padding-top: 2px; text-align: center; -moz-transition: all 0.218s ease 0s; -moz-user-select: none; background: #1B7BCB; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6AC3EB), to(#1B7BCB)); background: -webkit-linear-gradient(#6AC3EB, #1B7BCB); background: -moz-linear-gradient(#6AC3EB, #1B7BCB); background: -ms-linear-gradient(#6AC3EB, #1B7BCB)…
0 votes1 answer -
<style class="my_class_1"> возможно?
Требуется быстро переключаться между CSS докумнтами, т есть перепривязывать их к большому числу документов разметки. Первое пришедшее предположение это использовать @import <style class="my_class_1"> @import url(main.css); @import url(каталог/main2.css); </style> Т есть, имея набор стилей в <head> , подключать требуемый через jQuery. Возможно ли реализовать такой подход и есть ли более простые решения?
0 votes8 answers -
Высота блока
Здравствуйте. Подскажите пожалуйста css свойство, которое поможет расстянуть блок по высоте, в котором вложены "плавующие" элементы. Подробнее на скриншоте: http://itmages.ru/image/view/1430842/d7404e73 Код: http://jsfiddle.net/atemiks/sf4Gh/1/
0 votes7 answers -
Самый глупый вопрос!
Всем привет! Никак не получается решить такую вот задачу: блок position:absolute внутри блока position:relative. Как сделать так, чтобы блок position:relative растягивался на всю высоту блока position:absolute? Сначала думал clearfix поможет, но он не помог(
0 votes6 answers -
Максимальное заполнение картинкой контейнера
http://www.apriori-dz.ru/apriori/foto-video-galereya Изображения разных форматов и разных размеров. Можно ли как-то добиться, чтобы они максимально заполняли родительский контейнер? Т.е. растянуть в ширину и высоту по максимуму, но минимальная сторона не должна быть больше чем родитель, при этом сохраняя пропорции?
0 votes1 answer -
теги <var> , <kbd> и <samp>
Всем привет.В интернете много тем,на счет тегов <var> , <kbd> и <samp>,но везде одно и то же : var - нужна для пометки переменных... ,kbd - текст вводимый пользователем... и samp - примеры текста. Мне бы хотелось узнать что же даст пометка переменных ,текст вводимый пользователем и примеры тексту. Какое значение она имеет?
0 votes2 answers -
Не работают ссылки для слайдера
Для слайдера с портфелями нужно было установить восемь рабочих ссылок, четыре заработали а остальные четыре нет. Вопрос состоит в том чтобы при отображение восьми пар ссылок они отображали слайдер в котором будут восемь портфелей а не так как это отображено на картинке. Вот исходный код слайдера; <div class="container"> <div class="products_inner"> <h3 class="product_title"> Популярные товары </h3> <div class="tabs-wrapper"> <div class="tabs products_tabs"> <a class="tab products_tab tab--active" href="#product-tab-1">Запчасти</a> …
0 votes0 answers -
Вопрос по поводу форм и форума на сайте.
- Я не привередлив. И не требую, чтобы мне сюда выложили код, а я его вставил и точка... Это бесполезно и мне вовсе не интересно. Программировать сайты, или как там их, я начал недавно. Пока только научился применять таблицы, с элементами всякого прочего, что мне нужно, чтобы достичь желаемого результата. Например: <table width="95%" align="center" bgcolor="fbede7"><tr><td colspan="3" bgcolor="e76d31" align="center"><font size="2" color="8A425C">фывыф</font></td></tr><tr><td valign="top" align="center" width="25%"><img src="http://i051.radikal.ru/0811/de/36c64dcdd0ef.gif" width="150"; height="150"></td><…
0 votes2 answers -
Анти css
Здравствуйте! На некотором сайте (wiki) существует неизменяемый css; и также существует возможность сделать пользовательский css, который обработается после него. Это работает, но, возможно ли вернуть стандартный вид элементам управления (кнопкам, полям ввода) как если бы они не затрагивались в первичном неизменяемом css ? Возможно ли создание анти-css? В очень редких случаях, кажется, вернуть стандартный цвет можно указав color в translucent или none, но всё же, как правильно? Спасибо!
0 votes2 answers -
глюк с отображением в ie6,7
Доброго времени суток! У меня проблема с отображением заголовка на сайте http://favorit-ec.ru/catalog/ В рабочем поле сверху, слева расположен заголовок "Каталог" сделанный в виде картинки. Во всех браузерах нормально, но в 6 и 7 эксплорере он прибивается к левому краю. Так же на всех остальных страницах. Сам я не верстальщик, но попробовал разобраться. Проблема в том что для .content h2 { height:29px; margin-left:41px; padding-bottom:14px; } не срабатывает margin-left:41px; Помогите дополнить hacks_ie, чтобы исправить данный баг, сам попробовал, но не получилось. Текущий код hacks_ie *html body { height:100%; text-align:center; filter:expression(document.execCommand("…
0 votes6 answers -
Ссылки
Изучаю всё последовательно, взял отсюда: http://www.htmlbook.ru/content/?id=18: _blank — загружает страницу в новое окно браузера; - ясно _self — загружает страницу в текущее окно; - ясно _parent — загружает страницу во фрейм-родитель; - не ясно _top — отменяет все фреймы и загружает страницу в полном окне браузера. - не ясно В чём отличие, поясните, пожалуйста! Копировал тексты, в блокнот, открывал. не понял. Да и текст-пояснение на каждое значение для меня пока не понятны до конца.
0 votes3 answers -
Проблема с колонками
Господа! При верстке сайта пришлось применить пяти-колончатый шаблон. Первый-третий-пятые колонки вытягиваются в длину, в зависимости от того, насколько заполнены текстом основные колонки - вторая-четвертая. Проблема с отображением в мобильных приложениях. В данный момент необходимо назначит новое css правило для ширины этих колонок, и желательно, что бы вообще не отображать 1-3-5 в мобильных приложениях.Пример сайта здесь Буду благодарен за подсказки!
0 votes3 answers -
Старые добрые иероглифы
Сайт Absolut-book.ru. У меня все открывается на русском языке. Однако когда я пытаюсь проанализировать этот сайт любый сервисо он видит иероглифы... (+ с фаер фокса тоже иероглифы) на страницах сайта: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> или же просто: <meta charset="utf-8" /> Так же в настройках: Page Properties->Title/EncodingEncoding - Юникод (UTF-8) Так же галочка - Include Unicode Signature (BOM). Тут на заметку. Если убрать эту галочку, то и на сайте будут иероглифы. Что делать? Что исправлять?
0 votes9 answers -
Две фоновые картинки, залезающие друг на друга.
Имеется блок #content, высота не задана, минимальная ширина 940, максимальная 1280. В этом блоке должны располагаться 2 фоновые картинки, 1 прижата к левому краю, а вторая соответственно к правому, при этом левая картинка занимает 42% ширины от блока, а вторая 74%, так как это больше ширины блока, 1 картинка должна залезать на вторую, но если бы их нужно было просто растянуть, вся соль в том, что при увеличении ширины должна увеличиваться высота пропорционально размерам картинки, огромная просьба объяснить, как это сделать?
0 votes2 answers -
Help, внизу страницы не могу удалить пустырь
Помогите определить проблему, уже всё перепробовал, не могу понять!?!?!??! Внизу страницы большой пробел : http://xn—-7sbabhcq1a2caxdko8d0h.in.ua/service.html Заранее спасибо!!!
0 votes5 answers -
Помогите с макетом
Хочу сверстать этот макет http://htmlforum.ru/index.php?showtopic=16763 Никак не могу понять как мне скопировать облака со зданием.. Вот как бы вы разделили этот макет по слоям для верстки?
0 votes7 answers -
Давайте обменяемся отзывами на фл.у
Всем привет. Сидит ли кто-то на фл.ру? Предлагаю друг другу оставить по отзыву, так сказать маленькая, но приятность. Но должен быть акк работодателя (у меня есть), с которого мы будем делать как бы заказ и писать отзыв. Пишите в тему или лс, и будем помогать друг другу
0 votes3 answers -
Проблема с версткой
Всем привет. У меня проблема на сайте с меню. Вот адрес: http://www.clubunnatov.spb.ru/ Проблема в том, что позиция меню отображается в разных браузерах по разному. Можете что нибудь посоветовать? Вот код CSS отвечающий за меню: #menu{position:absolute; top:200px; left:62px;} .open {width:159px; text-align: centerl; height: 40px; border-bottom: none; background: url(fon.jpg); font-family: verdana; font-weight: bold; font-size: 16px; border-left:2px solid black; border-top:2px solid black; border-right:1px solid black; } .close {width:158px; font-family: verdana; background:url(vkladka.jpg); height: 40px; font-size: 16px; border:2px solid black; te…
0 votes2 answers -
Функция HERE
<? if (!isset($id)) { $result = mysql_query("SELECT title,id FROM nov"); $myrow = mysql_fetch_array($result); do { printf ("<p><a href='edit_nov.php?id=%s'>%s</a></p>",$myrow["id"],$myrow["title"]); } while ($myrow = mysql_fetch_array($result)); } else { print <<<HERE <form id="form1" name="form1" method="post" action="add_nov.php"> <p> <label>Введите название новости<br /> <input type="text" name="title" id="title" /> </label> </p> <p> <label>Краткое описание для новости<br /> <input type="text" name="meta_d" id="meta_d" /> …
0 votes1 answer -
html
#awd {width:200px;height:350px;overflow:auto; border-top:10px dotted green; border-right;5px solid red; border-bottom:7px dashed blue; border-left:8px inset black; } #awd{background:magenta;} Stas border-top DIV.line { border-top: 1px solid red; border-bottom: 1px solid red; padding: 5px; } Необходимо продвигать сайты на постоянной основе, недорого. Работы полно. Таблица #awd {width:200px;height:350px;overflow:auto; DIV.line { border-top:1px dotted green; border-right:5px solid red; border-bottom:1px dashed blue; border-left:8px inset black; #awd {background: magenta; } background DIV { height: 10px; width: 200px; overf…
0 votes1 answer -
Помогите с отображением в Opera
Добрый день. Подскажите пожалуйста что это может быть - есть сайт www.p-cards.com.ua, в IE, FireFox работает нормально, в Opera он тоже работает нормально, но со второго раза, т.е. после загрузки титульной странички, если перейти в раздел --> Наши цены, то почему-то происходит смещение шапки, картинки и последующей таблицы, причем что самое интересное то что по нажанитию на клавишу F5 этот "привет" исчизает, т.е. нормально работает со второго раза - что недопустимо. Подобная ситуация наблюдаеться и в некоторых других разделах. Помогите пожалуйста, что нужно исправить чтоб работало с 1-го раза . Заранее благодарен. С уважением, Вадим
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-