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
-
input как избавится от лишних отступов?
Есть стиль: input.feedback { width: 271px; height: 24px; border: 1px solid #bbc3c4; font: 8pt Verdana; vertical-align: middle; color: #3B5356; text-align: left; background: #ffffff; } Когда печатаешь текст в поле то он в Опере по горизонтали по центру поля, а когда в ИЕ то он выравнивается по верхнему краю! Как сделать чтобы и в ИЕ и в Опере было одинаково и текст печатался по центру по горизонтали? Анналагично есть стиль кнопки: input.feedback7 { overflow: hidden; width: 137px; height: 21px; border: 1px solid #bbc3c4; color: #56696c; font: 8pt Verdana; font-style: italic; text-align: center; background: #f3f4f4; padding: 3px; } Также…
0 votes1 answer -
Обрезает таблицу ie
В ie обрезает таблицу, подскажите как можно это исправить http://www.npounit.ru/new/catalog.php?mode...info&id=232
0 votes1 answer -
Анимация в CSS3
Собственно, недавно хотел проявить участие в мини-конкурсе (про Новый год) на этом форуме. Там надо сделать зацикленную анимацию. Я сначала подумал, куда ж тут без JavaScript. Я-то тогда думал, что анимацию в CSS3 можно делать только при наведении курсора (transition). Ну и забросил, я в JavaScript не очень разбираюсь (только если со справочником чего путного могу сделать), я больше по серверным технологиям. Так вот, поучаствовал в другом мини-конкурсе и начал рассматривать работы конкурентов. Увидел у одного участника такой код: animation: roll 1s infinite linear;Удивился. Откуда такое свойство взялось? Весь HTMLBook перерыл, не нашел такого. Этот пропуск в информации н…
0 votes3 answers -
Картинки с сылкой в ряд по горизонтали по центру блока с авто margin
Доброе утро всем. Начал переделывать сайт под различные девайсы, айпад и тд. Столкнулся с такой проблемкой. Как сделать картики ссылкой в ряд по горизонтали, но чтобы они были по центру блока, если реально то с авто оступами. Проблема в том, что при уменьшении окна, если картинка не влезает, она переносится по левому краю и остается большой кусок пустым это если я использую float left, если его не использовать тогда они у меня выстраиваются по центру но по горизонтали. Вобщем, чтобы понятней было скриншот и приблизительный код ниже: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body { ma…
0 votes4 answers -
Как сверстать такой простой сайт с 3-я колонками, заголовком и подвалом?
Если б порядком не замучился, то не стал бы заводить эту простую тему. Везде написано, что сейчас таблицы не нужно использовать для верстки, а нужны Div. Подскажите, как сверстать такой сайт - по типу сайтов с фотками и картинками. По высоте он будет на 100% страницы. Сверху будет заголовок с меню навигации. Снизу будет 3 колонки. В средней колонке будет картинка и она должна вся умещаться. Полос прокрутки в этом блоке быть не должно. Должен изменяться размер исходной картинки в этом блоке. Слева будет динамическое раскрывающееся меню. Оно может быть длинным - там нужна полоса прокрутки. Справа будет доп информация, тоже может понадобиться полоса прокрутки. Снизу буд…
0 votes11 answers -
скролл бар и футер
2 вопроса: 1. как сделать что бы див футера всегда был прижат к низу браузера 2. как сделать что бы скролл бар во всех браузерах всегда отображался, даже если контента меньше чем экран
0 votes2 answers -
Подвижное меню
Всем доброго времени суток. Хотелось бы узнать, можно ли с помощью CSS реализовать передвижное меню? Мне надо, чтобы, про прокручивании страницы, меню передвигалось за мной, по определенной вертикали. Т.е что-то похожее на свойство background:scroll, но для меню выполненого на дивах. Заранее спасибо.
0 votes2 answers -
Подскажите новичку:)
html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="style.css" rel="stylesheet" type="text/css" media="screen"/> <title>Мой первый шаблон</title> </head> <body > <div class="body_wrapper"> <div class="conteiner"> <div class="header"> <div class="header_logo"> <h1><span></span></h1> <div class="search"> <form action ="http://www.vkontakte.ru"> <div> <h3>Search:</h3>…
0 votes9 answers -
Моя ошибка - я дурной! или все же IE?
кнопка с фоновым изображением, во всех браузерах отображается нормально, а в IE(6/7/8) помимо фонового изображения добавляется background-color который в ие для всех стандартных кнопок. Так как форма лежит на блоке с неоднородным фоном добавление своего background-color для кнопки не решает проблемы. Что делать, что бы побороть ИЕ?
0 votes14 answers -
свойство background в бразуерах не соответствует w3c?
В стандарте http://www.w3.org/TR/CSS2/colors.html#propdef-background говорится, что фоновое изображение можно устанавливать таким образом: background:transparent url('images/1.gif') no-repeat fixed center; Но на практике значение "fixed" оказывается лишним. Только IE6 понимает свойство с этим словом. В остальных браузерах фон просто не отображается. Что с этим свойством не так?
0 votes16 answers -
Thickbox
Добрый день!уважаемые посетители сайта htmlbook.ru Недавно начал изучать html/css,хочу добавить на страницу картинки и потом их увеличить. Нашел в интернет плагин jquery Thickbox Thickbox, когда у меня одна картинка все прекрасно работает, а когда две и более не работает. вот например <a href="images/plant4.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/plant4_t.jpg" alt="Plant 4" /></a> какой javascript код нужно писать для атрибута rel? Заранее спасибо
0 votes5 answers -
Обрезка изображения
Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть <div style="width:300px;height:188px;overflow:hidden"> <img width="300"> </div> Но как обрезать пропорционально, чтобы лишние части изображения скрывались и сверху и снизу? Ни у кого нет никаких мыслей по этому поводу?
0 votes2 answers -
Вставка форматированного текста в Dreamweaver
Привет! У меня Dreamweaver CS5. Подскажите как вставить форматированный текст из Word в div-блок в Dreamweaver. Вот например Я делаю сайт, на странице хронология, мне нужно вставить ее как форматированный текст, я нашел только такой способ: Файл - Импорт - Документ Word, но он вставил текст без цветов и изменил размеры шрифта (font-size в div-блоке не указан). Подскажите как можно вставить с тем цветом что я указал в Word и полным сохранением форматирования. И как можно форматировать текст в Dreamweaver. И можно ли. Допустим я хочу выделить все даты (см. рисунок) и сделать их желтым цветом. Как это сделать в самом Dreamweaver - у меня не получается одновременно вы…
0 votes4 answers -
Увеличение элемента поверх остальных css
Как сделать такое http://prntscr.com/eaw17z, только на чистом css? Помогите пожалуйста. В инете не нашла
0 votes6 answers -
Изображение в строку на всю ширину экрана.
Доброго всем дня! Подскажите, пожалуйста, начинающему верстальщику. Как сделать подобное в строку и что бы крайние изображение растягивались на всю ширину экрана, в зависимости от того, какое разрешение у пользователя. К слову, может есть способы не картинками, а блоками сделать подобное? Скриншот прилагаю.
0 votes2 answers -
Окрашивание бордера таблиц
Друзья. Пользовался некогда вот таким стилем для окрашивания бордера таблиц: table.tm { font-size: 9pt; padding: 1px; background: red; } table.tm td { font-size: 9pt; padding: 1px; background: white; } и <table class="tm" cellspacing="1" cellpadding="0"> Но у этого способа есть небольшой недостаток, если таблица объемная, то сначала окрашивается бордеры td а только потом бордер table. Есть ли другой способ, дабы избежать этого недостатка? Но небольшой каприз, стиль задавать только для таблицы, для td не выход. Спасибо.
0 votes3 answers -
Опять полоса прокрутки
Здравствуйте! У меня возникла проблема: Текст "прилип" к полосе прокрутки. Его можно "отодвинуть"? Я пробовала использовать margin-right:15px, но текст отодвигается вместе с полосой. Мой код: Есть решения? Заранее спасибо.
0 votes7 answers -
Два вопроса
1) как мне убрать в исходном коде все <noindex> 2) Я хочу сделать чтоб куча ссылей открывалось в новом окне как так сделать ?
0 votes5 answers -
Формы в таблице
Использую <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Есть табличные данные, которые надо редактировать. Исходя из структуры данных (табличная) думаю что семантически правильнее использовать table, но возникла проблема при таком коде <table><tr><th>Заголовок</th><th>Заголовок2</th></tr> <form action="" method="post"><tr> <td><input type="text" name="name" value="value" /></td> <td><input type="text" name="name2" value="value2" /></td> </tr></form> <form action="" method="post"><tr> <td><…
0 votes4 answers -
Как включить повтор в embed плеере?
Здравствуйте, я поставил на сайт плеер <object style="WIDTH: 400px; HEIGHT: 90px" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" viewastext="" width="400" height="60"> <param name="url" value="1.mp3"> <param name="rate" value="1"> <param name="balance" value="0"> <param name="currentPosition" value="0"> <param name="defaultFrame" value=""> <param name="playCount" value="1"> <param name="autoStart" value="-1"> <param name="currentMarker" value="0"> <param name="invokeURLs" value="-1"> <param name="baseURL" value=""> <param name="volume" value="100"> <param name="mute" value="0">…
0 votes4 answers -
рейтинги +1/-1
На многих сайтах для статей, комментариев и даже на форумах есть кнопки +1/-1 или нравится/не нравится. Это влияет как-то допустим на ту же выдачу поиска по сайту, если будет найдено две подходящие темы, но в одном случае будет +300, а во втором +2, то значит первая тема будет стоять первой в выдаче? Или это просто делается для красоты, чтобы было видно активность пользователей которым лениво писать коммент и проще поставить +1/-1?
0 votes8 answers -
Футер стал резиновым. Как переверстать такой макет.
Здравствуйте! Изначально макет имел фиксированный по высоте футер. Вот так выглядит сверстанная страница: _http://www.salon-kristyle.ru/ Теперь оказалось, что текста нужно значительно больше. Макет изменили так: Вот теперь вся в сомнениях, как сверстать так, чтобы футер всегда был внизу и не имел фиксированную высоту. Или, может быть, есть какой-то другой способ, чтобы не размещать основной текст в футере.
0 votes14 answers -
Не бутстреповский дизайн на бутстреп
Что вы говорите, когда вам дают абсолютно аморфную вёрстку, размеры всего, в которой основаны на магических числах, и просят всю эту безсеточность посадить на бутстреп? Лично я вообще не люблю привязываться к сеткам. Особенно в таких случаях.
0 votes4 answers -
Как исправить блок под Safari?
Сверстал страничку. На Хроме, Опере, ФФ отображается норм. А вот в Safari этот блок растягивает. У меня нету техники apple что бы залезть в консоль. Может кто-нибудь поможет? Префиксы вроде бы на месте.Вот как в остальных браузерах и в Safari <div class="container"> <main class="3d-print-pages"> <section class="price-section padding-left"> <div class="price-section__call"> <h2 class="price-section__text-heading">Стоимость печати рассчитывается следующим образом:</h2> <div class="price-section-text-wrap"> <p class="price-section__text-price-strong"><strong>Цена 1 грамма пластика (ABS, PL…
0 votes2 answers -
проблемы с <select>
Не могу выровнять текст по центру в экстплорере, при том что все пункты в как мозиле так и в опере отображаюся посередине
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-