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> прилепить текст к низу
Проблема такая мне нужно чтобы в теге текст начинался от самого низа, там добавляется отступ снизу, никак не получается его убрать. проповал text-align: bottom, но это свойство применяется к самому элементу а не к тексту в нем. нашел один способ сверху добавить padding - не это плохой способ. т.к. он не универсальный и каждый раз нужно подгонять. подскажите какой-нибудь универсальный способ? может есть какое CSS свойство которое за это отвечает?
0 votes1 answer -
печать HTML
Возможно ли средствами html создать талицу с размерами столбцов напр.(92;35;13;5;15;5;15)мм и высотой строки 7мм, что бы на распечатанном листе они имели заданные размеры
0 votes5 answers -
Блок по центру страницы
Как расположить блок по центру браузера по ширине и высоте (заглушка сайта), на дивах. Доктайп такой: <!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"> Буду благодарен за помощь!
0 votes4 answers -
Подмена текста изображением
Начитался, правило хорошего тона, меньше кода... а реально, чем этот метод лучше чем обычная картинка с альтом внутри? Не понравилось, что когда отключаю графику текста нет
0 votes4 answers -
2 колонки с позиционированием текста внизу в 1 колонке
Всем доброго времени суток. Имеется список вакансий. Должно быть так: На данный момент так: одна вакансия, 2 блока левый блок плавающий. 1) надо сделать левый блок растягивающимся по высоте правого. (в принципе необязательно, я могу сделать нижнюю рамку у контейнера родителя. А с другой стороны, как тогда прибить этот блок к низу родительского блока?) 2) надо прибить текст в левой колонке к низу. html-код <div class="elem"> ... <div class="elem_title"> <a href="?rm=show_vacancy;vacId=3446"> бухгалтер </a> </div> <div class="info_left"> 24.07.2010<br/> <a href="?rm=show_vacancy;vacId=3446"> ... </a>…
0 votes4 answers -
Проблемы вёрстки списка
Приветствую ! Есть проблема: верстаю вертикальный список с маркером в виде картинки. Однако, ни в Опере, ни в Хроме маркеры не отображаются посередине своего элемента списка. Вот как показано на картинках (1-я картинка - Опера, 2-я - Хром). Пробовал способ задать картинку-маркер в виде фона для элемента списка. Однако, вот что происходит, когда слишком длинный текст: т.е. если элемент списка слишком длинный, то маркер становится посередине элемента. Так вот, расскажите, как сделать при помощи первого способа так, чтобы маркер одинаково посередине отображался во всех браузерах ?
0 votes9 answers -
как сделать такое на div
css #test { margin-left:1px; margin-top:1px; border:1px solid #9999FF; float:left; width:30%; height:250px; display:block; background-color:#DEDEFF; padding:1%; overflow: hidden; } html <div id='test'> <table border='0' height='100%'> <tr> <td height='80%' valign='top'> первое </td> </tr> <tr> <td> второе </td> </tr> </table> </div> как можно заменить таблицу div ? когда вставлял 2 div vertical-align:bottom; не работал.
0 votes10 answers -
как выровнить таблицу по центру через стили?
вообще команда margin: 0 auto; за это отвечает но у меня не выходит (( вот мой код: суть в #layer2 <style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #layer2 { position: absolute; z-index: 2; margin:0 auto; } </style>
0 votes8 answers -
Посоветуйте хостинг
Здравствуйте! После долгих поисков нужного хостинга и в итоге с никаким результатом я решил создать эту тему. Мне нужно простой хостинг чтобы разместить всего лишь одну html страницу. Не охото переплачивать допустим за php и mysql когда они мне не нужны или еще за гигабайты памяти которые они предлагают, зачем мне это? Ребят, нужен самый простой хостинг но чтобы и в плане работы был нормальный и по удобству и без всяких лишних для меня вещей. Посоветуйте если знаете такой хостинг. Спасибо за внимание.
0 votes12 answers -
выделение изображением при наведении
Здравствуйте! Ребятушки такая вот дума! CODE <div class="class"> <div class="class2"> <a href="#"><img src= "images.png"></a> </div> </div> — CSS .class { height: 146px; width: 147px; margin: 5px; } .class2 { height: 146px; width: 147px; } .class2 :hover { background-image: url(select.png); height: 146px; width: 147px; } — Надо что бы изображение "выделитель" при наведение было с верху основного изображения, как сделать подскажите, если не трудно!
0 votes9 answers -
Верстка для Facebook
Вот недавно встретился с интересным приложением на Facebook'е. Называется «Static HTML: iframe tabs» Позволяет вставлять на страницу HTML код. Но дело в том, что туда можно залить код только главной страницы своего макета. А если, допустим, у меня макет состоит из 3,4,n страниц, где есть меню? Как сделать так, чтобы у меня была главная страница, опубликованная на ФейсБуке, а при нажатии на ссылку в меню на этой главной, открывалась другая страница макета в том же окне на ФБ? Или это возможно, если только залить все остальные страницы макета на хостинг?
0 votes0 answers -
Резиновая ширина блока
Всем доброй ночи. Есть не резиновый сайт. 1 - сам сайт, ширина 1000 пикс; 2 и 3 - свободные ничем не заполненные поля по сторонам от сайта. Необходимо на место поля 2 вставить резиновый блок, который будет в зависимости от разрешения экрана иметь различную ширину, но всегда будет заполнять все пространство от левого края сайта до левого края дисплея. Подскажите как задать стиль этому блоку? P.S. Нашел вот что: <div id='myDiv' style='...'> </div> <script language='JavaScript'> w=screen.width/2-500; // 50% от ширины дисплея минус половина ширины сайта d=document.getElementById('myDiv'); d.style.width=w; </script> но данный скрипт работает ТОЛЬКО …
0 votes12 answers -
overflow hidden и невозможность перекрыть границы
http://jsfiddle.net/p65S9/1/ Вот такая ситуация. Стоит поставить обрезание - как нельзя поместить внутренний слой поверх границ так - чтобы слой перекрывал эти границы. Как это обойти?
0 votes11 answers -
Как от центровать картинку так чтобы не вырезалось и не появлялось прокрутка ?
Есть макет в котором изображение выезжает из центровщика и получается что: - изображение обрезается (как бы центровщик не дает выйти из своей ширины) - или же появляется полоса прокрутки. Как нормально сделать подскажите пожалуйста. А именно: Мне нужно чтобы изображение выезжало из центровщика но не обрезалось и чтобы не появлялся нижний скрол при уменьшении экрана, а чтобы просто изображение скрывлось то часть которая не влезает.
0 votes6 answers -
CSS GRID
Привет Гуру верстки... Есть сетка (см. картинку)... Подскажите как сделать такую верстку (grid) где блоки внутри сетки были равными при адаптиве... Кол-во блоков в сетке может быть и 100х100)))... Спасибо за ответ....
0 votes0 answers -
Правая граница таблицы выходит за границы
Имеется большая таблица на всю страницу из 2-х ячеек - широкая для контента и узкая справа для меню. В контентной ячейке заголовки в виде отдельных одноячейковых таблиц более т?много цвета с двойной рамкой, код: <table id="title"><tr><td>Обзоры и статьи</td><tr></table> В CSS: #title {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} #title td {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} Но справа таблица-заголовок уходит за границы контентной ячейки, визуально это выглядит так: http://www.allmo…
0 votes0 answers -
html Merge
может кто знает программу которая объединяет несколько html страниц в одну желательно чтобы работала через командную строку
0 votes4 answers -
как заставить переносится линейный элемент на следующую строку
Необходимо застравить несколько тегов "а" (которые являются линейными) переносится на следующую строку. Сразу отметаются решения: 1) display:block 2) оборачивать тег "а" блочным элементом <a href="">Раз</a> <a href="">Раз</a> <a href="">Раз</a> <a href="">Раз</a>
0 votes9 answers -
После создания сайта
Здравствуйте. Я сделал свой первый сайт на хтмл и цсс. Значит закажу хостинг, домен. Отлично. Загружу туда через фтп сайт. Я читал, что надо оптимизировать страницу 404, но где её взять?, А ведь на этом не заканчивается всё. Я знаю, что надо в гугл и прочие поисковики зарегать сайт, это - то я сделаю, а вот что ещё надо для правильной работы сайта?
0 votes5 answers -
наследование
<div class="akc"> <img src="img/ql.png"> <h1>титл</h1> <p>содержание параграфа </p> </div> <div class="akc"> <h1>титл</h1> <p> содержание параграфа</p> </div> не совсем понтяно следущее - описал вариант когда в диве есть картинка, можно ли описать P-параграф для случая если картинки нет
0 votes9 answers -
Обращение к одной форме из разных мест
Здравствуйте. Прошу помочь со следующей проблемой. Есть скрытая контактная форма (display:none), которая становиться видимой и всплывает с помощью jQuery при нажатии кнопки "Заказать". На сайте несколько таких кнопок, все работает хорошо. Однако есть и несколько кнопок "Подробнее", при нажатии которых всплывает div, состоящий из двух div'ов - слева текстовое описание, а справа должна быть эта же форма. Важно, что бы там была именно та же самая форма, с тем же id и теми же name-атрибутами для полей - это нужно для верификации. Так вот, вопрос - как ее туда вызывать? Раньше я просто несколько раз прописывал в каждое такое окно новую форму, однако когда дошло до варификации …
0 votes6 answers -
Помогите советом
Добрый вечер! Помогите советом касательно этого сайта testing-field.68edu.ru, хотел сделать его "резиновым", получилось шальное верхнее меню... Хотелось бы послушать, Ваше мнение, что не так, какие ошибки (не только меню), где фатальные ошибки, где тихий ужас ) Может там всё тихий ужас ) Думал, что бы сделать меню картинка-спрайт, ну не могу я выкинуть в топку эту мысль, что ублажался. Может я где то зациклился хз. )
0 votes10 answers -
Картинка absolute должна занимать весь слой без учета padding
http://jsfiddle.net/Zverushka/q9Vmk/ Как сделать, чтобы картинка была равна по ширине и высоте своему родителю, но без учета padding? картинка должна быть absolute. ie8+
0 votes13 answers -
Как это сверстать?
Всем привет! Как сверстать такую секцию(см. изображение)? Сверстать нужно так, чтобы при скроллинге (используя, например waypoints) постепенно грани заливались красным цветом от step1 до step4 (анимация). Появилась одна идея, создать многоугольник из линий в svg. Другой идеи в голову не пришло. Но такое искусство не масштабируется при адаптации. Как анимировать пока даже и не думал. Это учебный макет и экспериментальный макет.
0 votes5 answers -
Pricing Table на Uikit 3. Как сделать?
Всем привет. Никак не получается сверстать нормальную Pricing Table на Uikit 3. Я только вникаю в тему, поэтому, может еще не догоняю. Пробую сделать на uk-flex + uk-table. Постоянно какие-то косяки то с адаптивностью, то с шириной, то с высотой колонок... <div class="uk-flex uk-flex-center"> <div class="uk-card uk-card-default"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>Тестовая таблица 1</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 2 пошире</td> </tr> <tr&g…
0 votes2 answers