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
-
Создания li под строкой с нажатым элементом.
Блок создан с помощью li, где li стоят в одну линию по всему размеру ul, сколько в 1-ой строке элементов li, я не знаю так как при изменении разрешения их количество может меняться. Мне нужно что бы при нажатии на li, под ней появлялся блок информацией об этой li, те для li#one открывается к примеру <li><div data-id = "one" ></div></li>. Вот то что у меня получилось : https://jsfiddle.net/4101nn7L/
0 votes0 answers -
проблемы с кодом
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> sss </title> <style type="text/css"> html { margin: 0; padding: 0; } body { background-image:url('700.jpg'); } #main { background-image:url('fon2.png'); background-repeat:no-repeat; position:absolute; width:1024px; height:100%; background-position:center top; } #title { background-image:url('title.png'); background-repeat:no-repeat; position: absolute; width:100%; height:100%; background-posi…
0 votes1 answer -
Бьюсь как рыба с этим justify(
Никак не получается выровнять текст по ширине контейнера( Влево-вправо - пожалуйста, justify - никак... Подскажите, кто может пожалуйста. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <body> <div style="padding-left:22px; padding-right:22px;"><p style="text-align:justify;">Официальный сайт журнала «Рыболов спортсмен» | Russian Journal of Fishing — Official Site</p&…
0 votes3 answers -
высота в процентах
Всем привет. Как сделать высоту на 100% экрана? Этот код устанавливает только ширину: http://jsfiddle.net/vdVT8/ Заранее благодарен
0 votes2 answers -
Неравные ячейки таблицы
Есть сайт http://zav.ucoz.net/. Скрин http://zav.ucoz.net/bezymjannyj.png Нужно чтобы граница слева и справа были одинаковыми, т.е. центр не залазил на правые блоки. Хэлп!!!
0 votes0 answers -
psd шаблон для новичка
Напишу, что видел раздел с psd шаблонами. Но там я не нашел шаблон не сложного уровня. Меня интересует psd шаблон на тематику интернет магазина с основными элементами: шапка, футер, меню и основное содержимое. Буду благодарен за помощь
0 votes0 answers -
Проблема с плавающими блоками
Здравствуйте. Подскажите, возможно ли реализовать вертикальное обтекание блоков средствами CSS, как показано на рисунке. сейчас страница выглядит следующим образом: html: <div class="hlist"> <a class="name" href="#">Link 1</a> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> ... css: .hlist { background: #eee; border: 1px solid #ddd; display: block; float: left; padding: 10px 10px 8px 10px; width: 200px; …
0 votes2 answers -
Перевод сайта из em в pt
Здравствуйте! До этого момента верстал всегда в em, однако сегодня внезапно понадобилось переверстать страницу в pt и начались трудности: текст, который я указываю в pt при верстке раза в полтора больше, чем в макете photoshop. Размер указываю тот же, что и в макете. Всю голову сломал, не пойму в чем дело... Не подскажете из-за чего это может быть и какие правильные техники верстки в pt? Заранее большое спасибо!
0 votes3 answers -
Проблема с отступами
есть конструкция типа <div id="1"> <div id="2"> </div> </div>. Мне нужно у id=2 сделать отступ сверху. прописываю margin-top: 50px; а у меня оступ срабатывает у id=1. Но если у id =1 прописываю border, то всё нормально Ничего не могу понять. В чем дело
0 votes2 answers -
FireFox изменение ширины блока при отрицательных значениях margin и padding
В FireFox происходит изменение ширины пункта меню. Тут пример кода. В Опере и других браузерах выглядит так: В FireFox: Подскажите, пожалуйста, решение или направление куда думать.
0 votes2 answers -
Лиса не хочет отображать границы в таблице
Лиса не хочет отображать границы в таблице. Почти все она отображает, но лишь две не отображает. На картинке видно. Но что самое интересное я ничего не менял, и на какое-то время они появились. Потом опять пропали. В Opera, Chrome все нормально. Подскажите пожалуйста. Вот код: .shop_table table tr th{ font-size: 23px; border: 3px ridge slategrey; } .shop_table table tr td{ font-size: 18px; border: 3px ridge slategrey; } .shop_table table{ border: 3px ridge slategrey; border-collapse: collapse; } <img id="y-t-loader" style="display: none;" /> [] -
0 votes2 answers -
Strict Doctype
Подскажите пожалуйста, есть ли браузеры, которые поддерживают HTML 4 Strict doctype, но не поддерживают doctype HTML 5? В статье на этом сайте написано, что для перехода в стандартный режим можно использовать один из трёх вариантов, но ничего не сказано о различиях. В том числе между 4.0 и 4.01. Есть ли какой-либо смысл использовать Doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> вместо <!DOCTYPE HTML> ?
0 votes2 answers -
Вопрос по шаблону
Здравствуйте. У меня есть вопрос. Какие строки и где нужно удалить, чтобы не было "пробела" как на этом сайте http://intel-hack.tk/. Вот где пробел. Я новичок тут, поэтому могу ошибиться разделом. Заранее спасибо.
0 votes2 answers -
как через css задать ширину картинки
Есть картинки в диве .table-wrap Как задать этим картинкам ширину через css, не внося изменений в код страницы?
0 votes3 answers -
Элемент вылезает на 1px вверх относительно текста
Здравствуйте! Возникла проблема: элемент span "вылезает" на 1px относительно текста, код: <div id="console"> Press any key... <span id="cursor">|</span></div>CSS: #console { word-wrap: break-word; font: 14px monospace; }#cursor { font-size: 14px; }Скрин (увеличен): Можно ли уравнять элемент с текстом?
0 votes2 answers -
Select, как у Amazon
Здравствуйте! Каким образом можно реализовать select, как у Amazon? Суть такая, есть код: <div class="search_wrap"> <form> <div> <select> <option value="1">Позикия</option> <option value="2">Какая-то позиция</option> <option value="3">Ещё позиция</option> </select> </div> <input type="search"> <div> </div> <div> <input type="submit"> </div> </form></div>Элементы расположены в одну строку. Необходимо, чтобы при выборе позиции …
0 votes2 answers -
Высота блока по высоте блока, следующего за ним.
Здравствуйте, существует такая конструкция: <div class="transparency"><!-- Это полу-прозрачный блок--></div><div class="content"> <p>Некий текст</p></div>.transparency {opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;background-color:#000000;min-width:420px;height:330px;margin:0 auto;z-index:0;position:absolute;border-radius:15px;} Блок transparency служит как полупрозрачная подложка. Блок content вкладывать в него не могу, поскольку в таком случае его содержимое тоже станет полу-прозрачным. Дак вот, мне нужно, чтобы подложка по размерам была как блок content, высота этого блока меняется, поэтому постоянное значение испол…
0 votes2 answers -
Несколько всплывающих форм
Здравствуйте уважаемые форумчане! На сайте есть несколько товаров при клике на каждый появляется всплывающая форма (два поля - телефон и имя) , подскажите, пожалуйста, как сделать так чтоб оператору сайта передавались все представленные выше поля, а так же название товара, который заказал пользователь. Плюс эта же информация должна дублироваться на почту заказчика?
0 votes3 answers -
Используется ли в мобильном дизайне кнопка для быстрому возвращению вверх?
Здравствуйте. Думаю над дизайном мобильной версии. Пытаюсь вспомнить и не вспоминаю, чтобы в дизайнах под мобильники использовались кнопочки, нажимая на которые страница прокручивается к верхней части. Это так, обычно такая прокрутка не используется на малоформатных устройствах?
0 votes4 answers -
Подскажите как исправить кривой слайдер
1.Проблема в рамке слайдера bxslider не могу понять как изменить расстояние сверху http://saunasuper.ru/nashi_zaly/china/#prosmotr 2. как сделать, чтобы фотографии в этом слайдере открывались одним размером
0 votes2 answers -
Слайдер
Всех с праздником!!! Помощь нужна! Можно ли сделать слайдер с такими границами как на скрине?
0 votes1 answer -
Перемещение виджета ВКонтакте вверх по левой колонке.
Добрый день! Работаю над своим сайтом сама, знаний мало, но как могу, что-то получается, что-то нет. Прошу помочь мне с одной простой вроде бы задачей. http://efori.ru/ вот сайт. На нем адаптивный шаблон. Я установила на него виджет ВК и привязала к левой колонке. Но получается так, что она находится либо слева под центральным контейнером, либо слева над центральным контейнером. А мне нужно расположить ее прямо напротив, рядом с центральным контейнером. В файле стилей я пыталась его поднять таким образом column-left .theme-wrap .container, #column-right .theme-wrap .container { padding: 0; width:100%; position:relative; top…
0 votes0 answers -
Текст, изображение выходит за блок... Помогите пожалуйста
Вот скрин того чего не получается: Вот скрин того что должно получиться, но текст должен быть справа: Как можно это сделать ? А то картинка выходит за блок. или текст выходит когда ему присваиваю свойство float:right; Как с этим бороться ? Надеюсь на вашу помощь! и еще один раз столкнулся с такой проблемой Архив с сайтом Надеюсь на вашу помощЬ!
0 votes0 answers -
Не коректно работает шаблон
Вот такая у меня, начинающего верстника, возникла проблема: Хотя должно быть примерно так: (шапка - ссылки - левый блок - центр - правый блок) У меня почему то "не работает" правый блок Код html: <!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" xml:lang="ru"> <head> <meta http-equiv="Content-type" content="text/html"; charset="windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css"> <title> Интересные факты о жывотных </title> </head> <body> <div id="macet"> &…
0 votes1 answer -
Проблема с отображением списка
Добрый день! Возникла такая проблема: требуется вывести каталог товаров в виде горизонтального списка. Но при добавлении float:left тэгу LI или Div (внутри LI), весь дизайн съежает...Кто может помочь советом? Буду благодарен. Вот скрины и код примерной схемы: Если нет float: И если добавить float:left тэгу LI или Div (внутри LI): <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css">…
0 votes2 answers