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-код для такой формы кто-нибудь делал?
сверху закругления на градиентном фоне, а низ - белое прямоугольное поле с рамкой и вокруг всей формы тень: поделитесь опытом
0 votes18 answers -
:hover для другого элемента
Всем приятных праздников! Есть ссылка a { color: black; text-decoration: none; } Есть для неё hover-параметры a:hover { text-decoration: underline; color: #666699; } Есть ячейка таблицы с hover-параметрами td.menu1:hover{ background-color: #eaeaea; } Ссылка сидит внутри ячейки таблицы Никак не могу сообразить, как сделать, чтобы при наведении на ячейку (НЕ на ссылку) изменился цвет ссылки (т.е. нужно задать как бы еще один hover-параметр для ссылки, но ведь один уже задан!)
0 votes5 answers -
Прижать div к низу другого div
Подскажите, пожалуйста, как прижать зеленый, красный и синий блоки к низу родительского блока?
0 votes5 answers -
Можно ли оптимизировать мой код?
Доброе время суток. Я вот тут налобал такую штуку http://jsfiddle.net/Bizon4ik/28hLG/ Все выглядит так как я хотел, но меня терзают смутные сомнения что у меня слишком большой код как для такого задания... Прошу высказать ваше мнение можно ли что то опимизировать/переписать полностю но при этом почуть код поменьше. Может быль я слишком много использвал дивов или идентификаторов. В любом случае будет интересно услишать вашу критику по этому коду, заранее спасибо.
0 votes8 answers -
Как сделать border-spacing между ячейками 20px, а вокруг 10px;
Нужно сделать расстояние между ячейками 20px, а вокруг - 10px. Подскажите, пожалуйста, как это сделать.
0 votes5 answers -
Кроссбраузерный <select> без кастомизации + защита своего кода.
Здравствуйте. Так вышло, что у меня одномоментно возникло 2 вопроса - но для каждого из них создавать отдельный пост я не увидел смысла.. 1) Меня заинтересовал следующий момент: Можно ли организовать кроссбраузерную реализацию тега <select> без помощи JS?? Имею ввиду не сам внешний вид - а именно размеры тега + вертикальное центрирование шрифта? Для примера есть такая страница: http://webmaster.ayr...ru-2/index.html В шапке есть 2 селекта и мне необходимо что бы размеры и вертикальное центрирование было одинаковым в следующих браузерах(в последних их версиях): Mazilla, Google Chrome, Safari, Opera, + IE-7,8,9,10!? Проблема в том, что в ie-7 cелект мне не удаётся вер…
0 votes16 answers -
Проблемы с overflow при обрезанной картинке
http://jsfiddle.net/xJWre/18/ Может еще не проснулся, не знаю, но что-то не могу придумать/вспомнить как в максимум два вложения сделать одинаковые границы от каждого края. Картинка, конечно же, больше изначального блока и наша задача ее НЕ масштабировать, а немного отцентрировать и обвести границей которая отступает от краев картинки на пару пикселей. PS. Возник вариант на box-shadow, но это слишком просто и в ИЕ7 не покатит. PSs. И с outline также не предлагать
0 votes8 answers -
Что бы блоки не расходились ?
Здравствуйте! Пытаюсь сделать резиновый сайт, но как-то не очень получается... Кроме проблем с размерами встретилась такая проблема: При уменьшении сайта (ctr + - ) у меня расходятся. Т.е. 2 div блока: float: left & float: right; Но, когда уменьшаю сайт - каждый улетает в свою сторону, при увеличении, оба сдвигаются на центр. Вообще, хочу сделать правую сторону фикированную (меню), а левую (конент) обычную, т.е. с прокруткой. - первый div: контент, второй: меню Как я понял, проблема в том, что меню у меня: position: fixed; Но жду Ваших советов.
0 votes4 answers -
шрифты в мобильных браузерах
Добрый день! У меня такая проблема - я подключаю дополнительные шрифты, расположенные на локальном сервере: @font-face { font-family: 'BrandonGrotesqueBlack'; src: url('/fonts/brandon_grotesque_black.ttf') format('truetype'); src: url('/fonts/brandon_grotesque_black.svg') format('svg'); }потом:#left_num .num { font-family: 'BrandonGrotesqueBlack'; font-weight: bold;}Так вот, проблема в том что в браузерах на компе шрифты отображаются правильно, проблем никаких, а вот в мобильных браузерах нет, ни в эмуляторе опера мобайл, ни в опере мобайл и в хроме на андроид планшете шрифт не отображается - показывает тот что по умолчанию. Пробовал размещать CS…
0 votes1 answer -
Как отобразить по центру?
http://rado-jubile-true.ru/dwr/ По центру, через клик, должна выскакивать табличка в центральном расположении, но она почему-то падает в левый верхний угол. К ссылке на сайт, где всё видно, прилагаю скрин. Вот этот блок должен быть в центре, но он почему-то съезжает. Сайт делал не я, поэтому мои познания в тонкостях весьма ограниченны. =( Код формы: <div id="kmacb-form" class="modal kmacb-form kmacb-form2"> <div class="modal-block"> <div class="title"><a class="icon-close"></a>Понравилось это предложение?<div class="kmacb-form-rectangle"></div></div> <div class="content"> …
0 votes1 answer -
Интересная реализация бордера
Как реализовать подобное через border-radius или другие варианты решения?
0 votes4 answers -
Вопрос о кросс-браузерности:
Здравствуйте. Возможно эта тема уже поднималась, признаюсь, я плохо искал :| Суть вопроса проста, стоит ли использовать "хаки" для достижения кроссбраузерности или лучше придерживаться альтернативных решений в оформлении? И вообще, на сколько часто вы ими пользуетесь при создании оформления сайта? У меня в свое время была идея выдавать html код в зависимости от используемого клиентом браузера (по средствам php), на сколько популярно такое ненормальное решение? К минусам хаков еще могу сказать, они не всегда поддаются валидности; и опять же, новые браузеры (к примеру Опера) иногда их не поддерживают. Заранее спасибо.
0 votes2 answers -
Помогите растянуть таблицу
Здравствуйте. Структура моего сайта: Блоки слева, контент в центре, блоки справа. Возникла такая проблема: У людей, у которых разрашение монитора больше, чем 1024*768, происходит смещение центральной части влево (скрин для наглядности: http://s43.radikal.ru/i100/1002/52/2b27f30d9866.png). Привожу код: <body style="background-color:#f6f6f6; margin:0;padding:0;"> <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding:3px"> <!-- Левая часть --> <!-- Gadget Describe --> <div class="Gadget"> <div class="GadgetSmoothTop"> </div> <div class="Gad…
0 votes4 answers -
Текстовое поле
Вот я создал текстовое поле шириной-380 пикс.,высотой-68пикс. Потом попробовал что-нибудь напечатать:навёл курсор на поле нажал его и у меня палачка встала по середине(по высоте) поля.И только там печатает .Непонятно.Как сделать ,чтоб всё было нормально?
0 votes18 answers -
непонятный баг textarea под ie
проверял под ie8, ie9 и ff3 у кого есть другие браузеры под рукой, скиньте результаты в ff3 все ок в ie8 и ie9 имеется непонятный баг код такой: <!DOCTYPE html> <html> <head> <title>IE bug?</title> <style>body {line-height: 22px;}</style> </head> <body> <table> <tr><td><img src="img.jpg"></td></tr> <tr><td><textarea cols=20 rows=8>maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут…
0 votes11 answers -
Про вертикальное растягивание и слои
Доброго всем дня! Есть вопрос. Слева на картинке макет сайта, где контента мало, slider - 1px рисунок, которые не растянут, и нижний блок - footer (просто картинка).Подскажите, как сделать так, чтобы при добавлении контента, большого объёма, блок content заходил на блок footer а затем slider просто растягивался на оставшийся контент. Надеюсь объяснил достаточно полно. Кода, как такового, не надо(но можно), нужен словесный алгоритм, что указать в свойствах блока, и какое позиционирование использовать, absolute или relative. Заранее благодарен за ответы.
0 votes11 answers -
padding проблемы
у меня есть проблемы в вёрстке. вот код:<style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> "> <style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> на htmlbоok.ru и вопрос: почему padding-top не делает отступ сверху? мож…
0 votes8 answers -
Смещается поле input
Здравствуйте. Возникла проблема при верстке, поле inpun смещается немного вниз (см. скрин). Почему так происходит и как это исправить. HTML <form action=""> <div class="text"><b>Заголовок / название фильма (20pt)</b></div><div class="form"><input type="text" name="zagolovok" size="41" class="norm"></div>[/color] <br /> <b>Обложка / постер</b> <input type="text" name="poster" size="41" class="norm"> <br /> <b>Название:</b> <input type="text" name="nazvanie" size="41" class="norm"> <br /> <b>Оригинальное название:</b> <input type="text" name="orignaz" size…
0 votes2 answers -
Пустить блоки по 2 зигзагом ?
Как пустить блоки на css вот так по 2 штуки, в блоке всегда отображаются только 4 блока 2х2 3 и 4 блок должны перенестись на строку ниже, 5 и 4 должны подняться на уровень с 1 и 2 вот такой зигзаг получается, можете подсказать? Разметка вот такой будет <div class="slider"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div>
0 votes9 answers -
Png изображение и раскройка по классам
Решал практикум на htmlbook. Вот это задание. Полез в ответы за подсмотром решения и наткнулся на одну очень интересную вещь. То решение я перенёс на codepan: http://codepen.io/pojar/pen/dMEbdZ Разметка, позиционирование расчётное, это понятно. Суть вопроса: там есть у каждой такой иконки два class: icon и класс соц. сети. Вот цельная картинка иконок. Вот этот png применяется в решении один раз прямо ко всем подобным элементом с классом icon как background. Далее происходит обращение по классам к конкретному значку. Но как это происходит? Ведь это цельное изображение. С псевдоклассом :hover ситуация идентичная. В коде нету никаких таких объявле…
0 votes5 answers -
Как сделать кнопку и cсылку по центру?
Как сделать кнопку и cсылка по центру? Пока оцентрировал с помощью position
0 votes2 answers -
Div внутри Div
Доброго времени суток. Появилась проблема, есть резиновый макет из трех колонок: Стиль: /* Основной контент */ #cnt { margin-top: 10px; } #cntl { margin-right: 10 px; width: 180px; float: left; } #cntr { margin-left: 10px; width: 250px; float: right; } #cntc { height: 200px; } Код: <div id="cnt"> <div id="cntl"> Содержимое левой колонки </div> <div id="cntr"> Содержимое правой колонки</div> <div id="cntс"> Содержимое центра</div> </div> Суть проблемы, при попытки добавить в центр. еще одну резиновую штучку, а именно резиновый заголовок, состоящий из двух картинок и подложки, получается что ширина этого с…
0 votes1 answer -
ИЕ не правильно отображает таблицы
почему ИЕ не правильно отображает таблицы? Все остальные браузеры четко отображают отформатированную таблицу (цвет, рамка, толщина......) спасибо
0 votes6 answers -
Ссылки в HTML-документе
Написал HTML-документ для сайта и где меню сайта - там ссылки Я сделал ссылки на другие документы HTML, но мне сказали, что это неправильно, и что надо сделать так, чтобы все эти документы были в одном HTML-документе. Не подскажете, как сделать это?
0 votes4 answers -
Контент
Привет всем. Ребят подскажите как реализовать следующую схему: На сайте есть раздел т.е. страница при заходе на которую, пользователь может выбрать из списка продукт, и на странице появится текстовое описание этого продукта + галерея. Я просто не пойму как это вообще реализовывается? Необходимо создавать столько страниц, сколько разных продуктов имеется у меня? Или можно создать базу из которой бы все подгружалось?
0 votes11 answers