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
-
форма с полями ввода в 2 колонки
Всем привет, В бутстрап верстке делаю форму с полями ввода в 2 колонки вроде : <div class="form-group col-sm-6"> <label class="col-sm-4 control-label">Id</label> <div class="col-sm-8"> <input type="text" name="id" id="id" class="form-control" value="26" size="8" maxlength="8" readonly=""> </div> </div> <div class="form-group col-sm-6 "> …
0 votes6 answers -
не убирается бордер у object
подгружаю через object html страницу, border="0", в опере все ок, а в ие 6 он не убирается, подскажите как, плиз, поиск перерыл, ничего подходящего не нашел
0 votes17 answers -
2 картинки в div
подскажите код css, как можно в одну ячейку таблицы вставить две картинки, чтобы одна выравнивалась по верхнему краю, а другая по нижнему и в этой же ячейке применялся градиент, так как эта ячейка будет тянутся по высоте?
0 votes26 answers -
Input Type=file И Изменение Названия Кнопки
Возможно RTFM вопрос, но никак не могу найти как поменять на кнопке надпись в <input type="file" name="fileLoad" id="fileLoad" /> c "Обзор" на что-то ещё.
0 votes2 answers -
Задание класса для Body
Возможно ли задать в css класс для тега Body? Задача реализовать различное графическое оформление для различных страниц сайта. Скажем, определение фона и шрифт для стандартного шаблона идет через класс ".body1", а для определенного диапазона страниц - через ".body2". Либо это делается как-то иначе?
0 votes5 answers -
Как корректно сдвинуть меню вправо. Валидатор ругаеться!
68 #ja-container2 ul.menu li li a Ошибка разбора align="right" Как корректно сдвинуть меню вправо. Валидатор ругаеться! Сайт http://oceanglasses.ru
0 votes10 answers -
Чем наполнить портфолио новичку?
Здравствуйте! Подскажите пожалуйста по вопросам портфолио. Ситуация такая: я новичок в верстке, реальные макеты для клиентов еще не верстал, верстал только те, которые скачал в интернете для того что-бы попрактиковаться (текст везде: Lorem Ipsum...), хочу начинать работать на фрилансе, возможно вскоре попробую устроится в офис. 1.Можно ли портфолио на фриланс-сайтах для начала заполнить сверстанными макетами, которые я нашел в интернете и сверстал что бы попрактиковаться или лучше вообще не заполнять портфолио если работ для реальных клиентов нет? 2.Могу ли я сверстав 10 таких скачанных макетов для портфолио идти устраиваться на работу в офис?
0 votes17 answers -
Блоки наезжают друг на друга при просмотре со смартфона bootstrap
Верстаю для тренировки и пытаюсь сделать адаптивную версию, при просмотре с мобильных один блок наезжает на другой. Думала, что колонки в bootstrap автоматически сдвигаются одна за одной в мобильных версиях. перепробовала уже много чего и не могу понять в чем все-таки проблема. вот код: https://jsfiddle.net/6jgoewz5/ http://piccy.info/view3/12360772/8e3e730ee144105131409f09bbe3231f/ как можно исправить?
0 votes5 answers -
не отображаются картинки в IE
Всем привет! Есть кусок html кода: <ul class="CategoryTree"> <li class="submenu"> <span class="nodeImage" onclick="java script:ajaxOpenCategory(1);return false"></span> <a href="category.html?catId=1">cat-1 id=1</a></li> <li class="submenu"><span class="nodeImage" onclick="java script:ajaxOpenCategory(2);return false"></span> <a href="category.html?catId=2">cat-2 id=2</a></li> <li class="leaf"><span class="nodeImage" onclick="java script:ajaxOpenCategory(3);return false"></span> <a href="category.html?catId=3">cat-3 id=3</a></li> <li class="leaf"&…
0 votes8 answers -
Вёрстка разделителей списков
Здравствуйте! Столкнулся с проблемой. Не знаю как написать CSS для списка вида: Скрипт выводит html код вида: <ul> <li>Элемент1</li> <li>Элемент2</li> <li>Элемент3</li> </ul> Проблема в том, что элементов может быть любое количество, но если через CSS привязать разделитель (в данном случае - символ "|"), то он будет применяться и для последнего элемента списка (что совсем не нужно). Посоветуйте, как быть в данной ситуации?
0 votes47 answers -
Как сверстать такую красотульку
В три дива с бордерами? Это нормально или можно более изящно?
0 votes60 answers -
Масштабируемый текстовый блок с нестандартными краями
Ребята, как, собственно, эту область сделать масштабируемой на дивах? На табличках могу, а на дивах красиво это можно реализовать?
0 votes27 answers -
Жирные цифры в ul
Добрый день! Возникла необходимость реализовать такой вот список: 1. Первый пункт 2. Второй пункт 3. Третий пункт Каким образом можно выделить цифры, и при этом не выделять текст. Пробовал так, не подходит: span {font-weight:normal;} <ul style="font-weight: bold"> <li><span>Первый пункт</span></li> <li><span>Второй пункт</span></li> <li><span>Третий пункт</span></li> </ul>
0 votes8 answers -
Разреженный текст - как быть?
Есть русско-японский текст (конкретно - перевод японской Википедии с помощью Google Translate). Вот такой код <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8;charset=utf-8" /> </head> <body> Справка </body> </html> даёт разреженные русские буквы в Opera и FireFox. В IE нормально (хотя он наверное опять что-то игнорирует). Стоит убрать lang="ja", всё нормально. Как быть?
0 votes8 answers -
Параметр overflow не работает
Всем привет. Имеется страница, след. структуры ... <table> <tr> <td> .... </td> <td> <div class="content"> <div class="code"> .... </div> </div> </td> </tr> </table> ... Часть CSS кода: ... div.code { background-color: #F2F1ED; border: 1px dashed #000000; font-family: Courier; margin: 10px; overflow: scroll; padding: 5px; } ... Как видите, у div'а с классом "code" параметр overflow установлен в scroll. Но, не работает. При вводе нескольких десятков символов (не пробельных), этот div уезжает за экран монитора, при этом scrollbar остается заблокированным... В чем может быть пр…
0 votes2 answers -
Редактор для набора кода (kompozer)
Такой вопрос: Пользуюсь html=редактором Kompozer. Сделан неплохо, мне нравится. НО, в нем код идет сплошным жестким текстом, без пробелов, без разделения, без табуляций, без пустых строк, которые я хочу вставить в код, что бы удобнее было его видеть. Тупо сплошной текст. Это очень не удобно. Подскажите, может кто знает, эту фишку можно отключить или только так и мучаться? Если нельзя отключить, посоветуйте плз хороший редактор. Спасибо
0 votes37 answers -
ссылка в раскрывающийся список
как повесить ссылку на пункт меню в списке, обычном HTML списке (<input>)
0 votes17 answers -
Вертикальный текст в таблицах
Здравствуйте, как вы знаете, в таблицах всегда текст записывается горизонтально. Но как его записать вертикально? Нельзя использовать ничего кроме css. Разумеется, текст может быть любой длины. Можно ведь повернуть на 90° текст? Спасибо огромное тому гению, что подскажет отгадку.
0 votes5 answers -
Вложенные формы
Подскажите варианты решения, чтобы следующий код корректно работал <form action=""> <table border="1"> <tr> <td>Первый</td> <td> <form action=""> <input type="radio" name="browser" value="nn">Netscape</input> <input type="radio" name="browser" value="ie">Internet Explorer</input> <input type="submit" name="submitbutton" value="Submit"> </form> </td> <td> <input type="checkbox" name="add" value="first" /> </td> </tr> <tr> <td>Второй</td> <td> <form action=""> <input type…
0 votes11 answers -
При наведении на ссылку меняется картинка внутри ссылки
Столкнулся с вот такой проблемой: <table> <tr> <td> <a href="/primer.html"><img src="/img/01_c.jpg" onmouseover="this.src='/img/01.jpg'" onmouseout="this.src='/img/01_c.jpg'"></a> </td> </tr> <tr> <td> <a href="/primer.html">Картинка</a> </td> </tr> </table> Когда наводишь на картинку 01_с.jpg она меняется на 01.jpg, уводишь курсор возвращается прежняя картинка. Картинка, как вы обратили внимания, сделана ссылкой на…
0 votes4 answers -
overflow-y:scroll; две полосы прокрутки
Есть сайт, отцентрированный по середине, с помощью margin-left:auto; and margin-right:auto; ИЕ отображает полосу прокрутки по умолчание, остальные браузеры - нет. Первая проблемы была вызвана тем, что при появлении этой самой полосы прокрутки во всех браузерах(кроме ИЕ где она просто становилась активной) весь контент сайта смещался влево на ширину полосы прокрутки. Решение было отображать ее во все браузерах с помощью body { overflow-y:scroll; } Но после этого ИЕ начал отображать 2 полосы прокрутки рядом =) подскажите как это можно решить? для примера, откройте в ИЕ и увидите 2 неактивные полосы прокрутки. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/…
0 votes6 answers -
Рамка вокруг страницы. XHTML
Всем добрый день. Возник вот такой вопрос. Задача следующая: есть страница с контентом в 800px, вокруг страницы нужно сделать рамку, которая должна быть по периметру окна при любых его размерах, при этом если ширину окна сделать меньше ширины контента, то правая полоса рамки должна пропадать. Если высота контента меньше, чем высота окна, то вертикального скролла быть не должно. Доктайп следующий: quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Внимательно изучил форум, есть несколько вариантов решений, но на 100% ни одно не подходит. Мои варианты решения: 1. Правая полоса рамки не растягивается на всю высоту окн…
0 votes3 answers -
Параллелепипед с помощью css
Есть ли способ создать с помощью css параллелепипед как на картинке?
0 votes16 answers -
Как один div выровнять по центру правого края другого?
И чтобы при изменении размеров div-а относительно которого выравниваем, соответственно перемещался и второй div (который выравниваем)? p.s. первый div - блочный
0 votes6 answers -
Как склеить две стороны двух таблиц?
Всем здрасте. Заранее прошу меня извинить, если вопрос уже такой был, но я просто не знала по какому запросу мне его найти. Короче проблема следующая. МФ и Опреа не понимают padding-top:0 в .tb1. код: <html> <head> <title>mysite</title> <style type="text/css"> body{ margin:0; background:black; color:white; scrollbar-base-color:gray; min-width:1000px; max-width:1500px; padding-top:2%; padding-bottom:0; } .tb1 { margin:0; padding: 0px; background:black; border: 0px; color: wtite; width:100%; padding-top:0; } .tb2{ border: 4px solid red; width:200px; height:80%; } </style> </head…
0 votes14 answers