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
-
Вертикальное Выравнивание Текста
На просторах интернета нашел такое колдунство: <!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" xml:lang="en" lang="en"> <head> <title>Title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 10px; } input { height: 200px; line-height: 200px; text-align: center; font-size: 24px; -mos-transform: rotate(-90deg); border: red 1px …
0 votes16 answers -
Изменение картинки при наведении курсора
Вобщем у меня есть вопрос, как сделать так чтобы при наведении курсора на картинку вместо нее появлялась другая, я уже весб сайт облазил по поводу этого
0 votes3 answers -
Ссылка на два окна
Как сделать, чтобы при нажатии на ссылку в одном фрейме, содержимое (разное) открывалось в двух других фреймах?
0 votes15 answers -
Использование float делает ссылки в элементе недоступными
Использование float делает ссылки в элементе недоступными. Причем отрицательные поля не используется, position: relative; тоже есть, но ссылки в swafari так и остаются недоступными. .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; z-index: 1; float: left; overflow: visible; width: 264px; } .contentLayout .content { position: relative; margin left: 280px; top: 0; padding: 0; border: 0; z-index: 2; overflow: visible; } В IE7 все работает четко, в safari и во многих других браузерах во float-нутом блоке ссылки недоступны, и выделение самого блока невозможно. Как решить? ((
0 votes9 answers -
@charset
Ребята, есть такой вопрос. Никогда ранее не задумывался, но в CSS есть такой параметр @charset "название кодировки"; Собственно сам вопрос: стоит ли его использовать, или лучше ничего не писать? Просто не часто его встречаю - может это уже устарело? Кто что подскажет? В head прописано <meta http-equiv="Content-Type" content="text/html; [b]charset=utf-8[/b]" /> <link type="text/css" href="img/styles.css" rel="stylesheet" media="all" /> По идее кодировка уже указана? Для стилей отдельно писать не нужно? Кто как делает?
0 votes8 answers -
круглые углы...
Всем здрасте. Да, снова круглые углы. Юзал поиск - и не нешел того, что надо. Задача: блок с круглыми углами Требования: блок должен быть масштабируемым; нужна граница к блоку (stroke); углы должны быть прозрачные; нужно обрамление блока (сори за корявый язык, привык к инозёмному языку) - glow; IE 6 поддержка. мое решение (вернее то, что удалось подбрать из разных статей и примеров): масшатабирование достигается по обоим осям, но код при этом нагромождается жутко (пример здесь). отображение в IE 6: для отображения прозрачности в ie_6 я использовал .png, 8 bit. юзал fireWorks cs3. в этой софтине можно выбрать index transparency или alpha transparency. я выбрал a…
0 votes3 answers -
проблемы с текстом в центре CSS
Добрый вечер, хотел спросить, как мне сделать так как на первом фото последний абзац начинается с левой строки, word-spacing даже пробовал, не помогло 1) То что мне нужно 2)То что у меня https://jsfiddle.net/#&togetherjs=AzUkONtK9g там, текст должен быть на середине, можете не говорить про text-align и т.д
0 votes3 answers -
input button
Образовалась проблема,нужна ваша помощь. Хочу сделать при нажатии на кнопку открывалась страница, на другую кнопку загружался файл,.,ставлю в opere все работает а в IE нехочит, ставлю в опере работает в IE не хрена. Как у вас реализованна эта функция? Вот мой код: <p class="skahat">Скачать прайс-лист</p> <div class="fright" style="cursor:pointer"><span class="grey_button_span"><img src="images/00000000.gif" align="top" class="grey_button_left"/></span><a href="http://——/—--.rar"><input type="button" class="grey_button" style="width:100px;" value="Ok" /></a><span class="grey_button_span"><img src="images/00…
0 votes1 answer -
Растягивание блока по высоте
Имеем следующее: Проблема в том что контент(белый цвет) не растягивается по высоте блока manufacturers(желтый цвет)... основной код: <div class="wrapper"> <div class="content"> <div class="manufacturers"> <ul> <li><a class="aprilia" href="#">Aprilia</a></li> <li><a class="arctic_cat" href="#">Arctic Cat</a></li> <li><a class="benelli" href="#">Benelli</a></li> <li><a class="bimota" href="#">Bimota</a></li> <li><a class="bmw" href="#">BMW</a></li> <li><a class="bombardier" href="#">Bombardier</…
0 votes9 answers -
Фоновое изображение
Есть сайт фиксированной ширины. Есть фон, который вставляется в body. И все бы хорошо, но фоновое изображение это с градиентом. Как сделать так, чтобы оно растягивалось на весь экран? Потому-что видно когда оно начинает повторяться по ширине Или просто какой-то другой способ подскажите? Тут чтобы понятнее было http://jsfiddle.net/H6zth/
0 votes8 answers -
масштабирование изображения в блоке
Добрый день!С наступившим и наступающими!))) Нуждаюсь в ответе на такой размытый, может быть, вопрос: как отмасштабировать изображение по размеру родительсокго блока? К примеру: есть картинка 300Х300, а блок всего 140Х140. Задав ширину и высоту блоку 140Х140, а ищображению display: block, max -width, -height: 100%, у меня изображение просто обрезается, а не масштабируется. Хотя, в примере, который сейчас разбираю как раз именно эффект уменьшения масштаба происходит-картинка вся влазит в родительский блок и уменьшает изображение.
0 votes5 answers -
Обтекание картинки текством в ИЕ
Вот такая проблема, если мало тексту то картинка внутри контейнера, не растягивает его и срезается: вот css: #cont3 { width: 555px; margin-bottom: 20px; } img.obteknie { float: left; padding-left: 0px; padding-top: 5px; padding-bottom: 7px; padding-right: 10px; } p { font-family: Arial; font-size: 0.75em; color: #545454; padding-bottom: 10px; } h1 { font-family: Arial; font-size: 1.0em; font-weight: bold; color: #009bcd; padding-bottom: 5px; } вот код страницы: <div id="cont3"> <h1><a href="#">Название ссылки</a></h1> <a href="#" alt="Подробнее" title="Подробнее"> <img class="obteknie" src="kartinko.jpg" wi…
0 votes6 answers -
Помогите разобраться с кодом!
<html> <style> .rtop, .rbottom{ display:block border: 1px solid black; } .rtop *, .rbottom *{ display: block; height: 1px; overflow: hidden; background:red; } .r1{ margin: 0 5px } .r2{ margin: 0 3px } .r3{ margin: 0 2px } .r4{ margin: 0 1px; height: 2px} </style> <div id="container"> <b class="rtop"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b> </b> <div style='background:red;'>yyyyy </div> <b class="rbottom"> <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b&…
0 votes11 answers -
Вёрстка сложных форм
Поделитесь опытом кто какие конструкции использует для вёрстки сложных форм вот пример не сложный но суть думаю ясна сам юзаю каркас <ul class="inputForm"> <li><span class="title"></span><input name="" class="textInput" /></li> </ul>
0 votes19 answers -
Блок на всю ширину экрана
Вопрос для знатоков. Нужно внутри блока фиксированной ширины вставить блок, который при любом разрешении будет на 100% ширины экрана, а не родительского блока. Все перепробывал, ничего не выходит. Может кто подскажет?
0 votes11 answers -
Якорь без прыжка
Есть меню сверстанное на CSS3, которое открывает подменю используя якоря. Т.е. пока в адресной строке присутствует якорь #id_открытого_подменю блок с таким id отображается. Но когда страница расширилась вниз, появилась полоса прокрутки, и теперь если кликать по этому меню, браузер прыгает до этого якоря. Как сделать так, чтобы меню продолжило работать, но браузер перестал прыгать по якорям: http://wiic.ru/wn6/ - меню Выбор квартиры
0 votes3 answers -
вопрос про display:block
вопрос новичка, ну я им и являюсь. допустим есть код : html <div class=img> <img sc="images/img.gif" alt=""> </div> .img { width: 100%; text-align: center; } Картинка будет находится по центру страницы как и должо быть, а как установить display:block она перестает слушатся почему ? хочю понять принцип действия. И еще вопрос в догонку как убрать 3пкс отспут в ИЕ у img кроме display:block; Зарание благодарен.
0 votes8 answers -
Задача — Головоломка
Предлагаю к рассмотрению следующую задачу: нужно заверстать следующий макет Сложностью является выравнивание элементов в заголовках. В верхнем заголовке текст блоков (каждый шириной по 50%) выровнен по центру. Левый край нижнего заголовка должен быть выровнен по левому краю верхнего левого заголовка. Вот html: <div> <ul> <li><a href="#">текст заголовка</a></li> <li><a href="#">текст заголовка</a></li> </ul> </div> <!-- кусок текста, высоту его вычислить никак нельзя--> <div> <p> Полнолуние жизненно отражает центральный афелий , данное соглашение было заключено на 2-й между…
0 votes5 answers -
flash и разные браузеры
Помогите, пожалуйста. Есть флешка, когда ее вставляю в код, то в браузерах она отображается по-разному в ie нормально, а в fox или opera очень мелкая(сокращается по высоте и ширине ) с чем это может быть связно? В коде прописан реальный размер флеш.
0 votes3 answers -
css верстка, блоки, нужна помощь
Добрый день уважаемые. окажите пожалуйста помощь в решении следующей задачи. Дано четыре блока в две колонки. хочу чтобы при изменении высоты блока 4, высота колонок оставалась одинаковой при этом блок 1 и 3 своих размеров не меняли, а высота левой колонки изменялось за счет высоты блока 2.
0 votes13 answers -
Меню с закруглёнными углами
Доброго времени суток! В общем проблема такая. Есть верхяя менюха. При наведении на пункт background-ом должно быть изображение. Оно с закругленными углами. И оно должно тянутся в зависимости от количества символов. Помогите люди добрые. Подскажите как такое сделать??? вот пример http://itmages.ru/image/view/309842/e7c5ce56
0 votes21 answers -
MySQL Fatal Error!
MySQL Error! ———————— The Error returned was: Access denied for user 'username'@'localhost' (using password: YES) Error Number: 1 Помогите пожалуйста. В файле dbconfig.php прописано всё верно. Отчего это может быть?
0 votes1 answer -
Верстка иллюстраций с подписями.
Доброй ночи. Делаю электронный вариант учебника и столкнулся с трудностью подачи иллюстраций. Помогите пожалуйста. Допустим есть блок с картинкою <div class="illustration"> <img src="imge.jpg" alt="imge" width="640" height="480"> <span>подпись</span> </div> Как задать ширину блока illustration такую же, как ширина картинки? Ответ - записать: width="640" не годится Как это сделать на JavaScript? или есть какое то свойство по типу "width: inherit;" только которое бы наследовало ширину ребенка а материнский элемент? Любые ссылки приветствуются.
0 votes13 answers -
Раскрывающийся по клику список
Всем привет. Такая проблема, с виду простая, но я, что-то не догоняю. Есть некий список (красным выделены важные пункты): А Б В Г Д Е Ж З И К При загрузке страницы должен отображаться не весь список, а только важные пункты: А Г Е Ж И ? Показать весь список Остальное скрывается, например, с помощью display:none;. При клике на ссылку показывается весь список, но соответственно, пропущенные пункты добавляются в те места, где они изначально должны быть. Подскажите, как это можно реализовать попроще? Или может кто знает какой-нибудь плагин на jQuery, только не объемный (без лишних наворотов)?
0 votes6 answers -
scrollbar+select
Не подскажете как в select поменять внешний вид scrollbar ? Гениальные дизайнеры извратились (
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-