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
29,542 questions in this forum
-
width
В общем до меня как-то сразу не дошло что видео можно обрезать))) ночь была)) http://snypiktest01.x10.mx/ 2 вопроса почему прокрутка снизу??(Вопрос решен спасибо JIucky) и почему сайт просматривается норм только в хроме?)) в этот раз пинать не будете?)))
0 votes8 answers -
Среда разработки и верстки
Здравствуйте. Накипело уже, вот думаю спросить. Вот делаю сайт, сидишь в np++ то в css то в файле шаблона, подтраиваешь выравниваешь. Надоело немного.. Куча окон. Хочется так как раньше работал в с++, разработал модуль. забыл про него, есть входные данные, получаешь на выходе, а что внутри уже не важно. Хочется так же, создать например блок поиска (я не про функционал, а про верстку), разметил его там. Не понравилось, передвинул весь блок. DW - не предлагать.
0 votes8 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"> <body> <tr> <td> <form action="print.php" method="post" > <tr> <td align="right">Введите (Ф.И.О.):</td><td><input name="fio" type="text" size="70" maxlength="70" /> </td> </tr> <tr> <td ><input name="print" value="Послать" type="submit" /> </td></tr> </form> </td></tr> </body> </html> Нужно сд…
0 votes8 answers -
Вопрос знатокам
Добрый день все участникам и модераторам. Вопрос следующий:есть название чего-либо, и это название пишется в несколько строк, т.к. в одну в соответствии с шириной вмещающего контейнера не умещается, например <a href="#">А я иду, гуляю по Москве</a> Позади надписи есть background-color(именно как строчного элемента, то есть заливка только позади текста) Вопрос:как сделать так, чтобы в каждой строке текста от заливки были равномерные отступы слева и справа, а не только перед "A..." и после "...Москве". Пример - http://newbie-asd-a.narod.ru/example.jpg Надо, чтобы было как на верхнем рисунке, а не так, как на нижнем Заранее спасибо.
0 votes8 answers -
помогите разобраться с input
Встретил вот такую конструкцию <input name="ctl00$cph1$UserName" type="text" id="ctl00_cph1_UserName" подскажите, что означают $ в определении имени тэга input , и как этим можно пользоваться. Я так понял , что $cph1 и $UserNam - это две переменные, в которых хранятся части имени. Как их можно определять и где вообще об этом почитать?
0 votes8 answers -
Подскажите как это сделано
Подскажите, смотрю код, там ответа не нахожу. Вот на этой страничке http://osc4.template-help.com/wordpress_28831/, блоки под Latest News и Popular places меняют цвет при наведении мыши. Думал это на java сделано, но при отключении java в браузере всё равно работает, в html и css коде ничего что может помочь не нашёл. Спасибо
0 votes8 answers -
floating DIVs
давно не дает покоя эта проблема, когда родитель плавающего блока не растягивается под плавающие в нем объекты иными словами хочу сделать так но если делать только DIV-ами получается вот так вот в HTML http://bolotnikoff.com/pub/qwer.html вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>floating DIVs</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> </head> <style type="text/css"> .div1, .div2 { width: 150px; margin: 30px; padding: 10px; back…
0 votes8 answers -
Помогите девушке с фоном!
Помогите кто-нибудь! Попросили сделать сайт! Я новичок в этом))))Решила попробывать-понравилось! У меня все фоны страниц-картинки...скачивала просто с инета в gpeg формате обои для рабочего стола.Вставляю в код...на моём расширении экрана всё ок! а вот на других,побольше....картинка в трёх экземплярах получается! как сделать так,чтобы она подстраивалась под все расширения экрана....или хотябы по бокам бы белый фон,а сайт посередине?
0 votes8 answers -
Кнопка
Нужно что бы при нажатии на изображение <a href= ""> <img src= "img/button.bmp"> </a> активировалась функция function SetStat(){ location.href="afterreg.phtml?NickName=<?php echo $aNickName; ?>"; } Возможно ли реализовать такое? И каким образом?
0 votes8 answers -
Проблема с блочной версткой
Здравствуйте. Бьюсь над осовением блочной верстки. Вот есть промежуточный результат на данный момент: http://mmcpajero.ru/Proba.htm не могу понять, как красный блок сделать шириной до желтого и при том чтобы он менял размеры вместе с изменением размеров окна браузера... Заранее спасбо. Буду рад даже ссылочке на описание подобных версток...
0 votes8 answers -
Отцентрировать float
Есть группа элементов float:left неизвестной ширины. Можно ли их отцентрировать в контейнере по горизонтали. Требуется для меню горизонтального. [..................[float][float][float][float].......................]
0 votes8 answers -
Пропадает margin в ie8, как исправить?
Подскажите пожалуйста как исправить ситуацию. Есть проблема с отображением левой колонки (меню) на сайте именно в ie8 (в opera, ff, GChr и даже ie6, ie7 - все нормально). При наведении курсора на любой из пунктов меню всё меню смещается вверх, несмотря на заданный для него margin (ul#vmenu.menu{margin: 5px 0 10px;}), то есть исчезает пробел, показанный на картинке. Прилагаю скрин HTML: CSS:
0 votes8 answers -
Позиционирование со знаком минус (-)
Здравствуйте. Я никогда не использовал позиционирование (margin,paddint,top,left,right,bottom) со знаком минус (-), как будто этого "боялся" Меня интересует все по этому поводу: Можно ли минусовое позиционирование смело использовать? Работает ли это у всех браузерах? И работает это так же отлично и просто как позиционирование элементов со знаком плюс...? и т.д. Ведь если минусовое позиционирование так же отлично работает как и со знаком плюс ( точнее никакого знака вообще)) ), то это очень часто упростило бы задачу веб-мастеру, и придало бы больше возможностей... Спасибо
0 votes8 answers -
Почему-то не отрисовывается изображение в background
Посмотрите racestar.ru, панель навигации вверху: <div id="topnav" class="menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f-container"> <ul id="menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f" class="topnav"> <li id="menu-item-233" class="menu-item menu-item-type-custom menu-item-home menu-item-233"><a href="http://racestar.ru">Главная</a></li> <li id="menu-item-234" class="menu-item menu-item-type-taxonomy menu-item-234"><a href="http://racestar.ru/?cat=1">Новости</a></li> <li id="menu-item-235" class="menu-item menu-item-type-taxonomy menu-item-235"><a href="http://racestar.ru/?…
0 votes8 answers -
Не корректное отображение в ИЕ
Добрый вечер. Не корректное в ИЕ отображение списка который находятся в таблице, а в ФФ все ок, прошу помочь =) Скрины ФФ : http://imm.io/2F9K ИЕ : http://imm.io/2F9M Код css .color_block { border: 2px #808080 solid; /* Параметры рамки */ background: #E6E6E6; /* Цвет фона */ width: 180px; margin: 10px; } em.bt, em.bt b, em.bb, em.bb b { display: block; /* Блочный элемент */ height: 10px; /* Высота уголка */ font-size: 0; /* Размер шрифта */ background: url(../Atemiks.com/corners.png) no-repeat; /* Путь к файлу с уголками */ position: relative; /* Относительное позиционирование */ } em.bt { top: -2px; /* Сдвигаем лев…
0 votes8 answers -
Помогите с хитрым меню
В общем я с таким сталкиваюсь впервые, так что прошу вашей помощи. Есть горизонтальное меню, пункты которого (тег li) не фиксированы по ширине и зависят от текста в них. Хитрость в том, что по бокам у этого пункта есть картинки и при наведении они должны меняться. Долго ломал голову и сделал через JavaScript. Но вот косяк из-за использования id: Дальше меня не хватило Вот ту выкладываю архив с данным меню: http://rghost.ru/3728840 Если кто знает как помочь, то можете править прямо в указанном мной шаблоне. Заранее спасибо!
0 votes8 answers -
Предзагрузчик картинок
С Наступающим вэбмастеры у меня к вам есть вопрос. У меня на ссылке стоит изображение(прописано в стилях), при наведении мышкой на область изображение в стиле меняется, но вот дилема, секунду или 2 оно просто загружается, прям как бельмо на глазу. Я видел здесь такую тему и не забил в закладки и теперь вот не могу найти, форумчане помогите пожалуйста. Спасибо за внимание.
0 votes8 answers -
помогите пожалуйста
http://gatchina-motors.ru/ почему то в верней части картинка разъезжается, не могу понять в чем дело..
0 votes8 answers -
как сделать два bordera на один элемент
нужно две границы разных цветов,. с НГ!
0 votes8 answers -
Приключения float, clear и двухколоночного макета
В общем, задача сделать что-то типа блога. Макет — духколоночный. Слева маленькая колонка, справа — контент. В «контенте» идёт заголовок-ссылка на страницу и анонс этой самой страницы — таких блоков (заголовок-анонс) на странице по нескольку штук. Но вот только есть одна неприятность. Вот примерно что нужно. Вроде всё так, как я хочу. Но тут возникает проблема с картиками, у которых есть флоат — блоки начинают тоже обтекать картинку, это не есть гуд. Пытаемся решить проблему при помощи clear — блоки встают в порядке нормальной очереди, но вот только вся колонка сползает вниз. Помогите, люди добрые! Хочется и рыбку съесть и, чтобы блоки не уползали.
0 votes8 answers -
jQuery
Добрый час. Я себе уже не первый час трХаю моск..Вот есть страничка со сборкой jQuery.На странице выбираем только эти 3 галочкиотключите все и нажмите 1 раз на Tabs, остальное само выберется) Core Widgets Tabs и скачиваем полученный архив. я заливаю библиотеки на сайт и меняю в файле, и оно перестает работать!!!!! почему??? залил теже самые файлы к себе на хостинг и оно перестает работать!!!!ПОМОГИТЕ!
0 votes8 answers -
Оцените верстку пожалуйста (исправлено). Я новичок
Здравствуйте! Сверстал макет, исправил ошибки, прошу проверить на ошибки и указать подробно где и как исправить. И оцените пожалуйста верстку! Валидатор ошибок не выдал. Сказал все хорошо =) Буду очень благодарен! Сайт на народе! Скачать архив с сайтом: СКАЧАТЬ 1 СКАЧАТЬ 2
0 votes8 answers -
Резиновый макет.
Добрый день! Месяца два назад не смог сверстать макет, так как не по силам было, но теперь решил вернуться. Проблема сейчас в том, что Mozilla Firefox 2.0.0.17 шапка делает лишний отступ после того, как ставлю блок со свойством float: right, в других браузерах все как положено. В чем причина? Макет. Суть ошибки. Верстка
0 votes8 answers -
Высота элементов формы в опере
Форма расположена в строчку, в ней присутствуют элементы <label>, <input>, <button>, <select>. Этим элементам заданы одинаковые font-size, height, line-height, padding, margin. В большинстве браузеров всё в порядке, но в Опере высота элементов значительно отличается даже на глаз, хотя DragonFly считает, что высота одинаковая. Притом Опера на маке показывает только смещённый вверх <select>, а Опера на Windows 7 показывает смещённый вниз <select> и приплюснутый <button>. Тестовая версия сайта здесь: http://domosed.agroup.tmweb.ru/ Речь о горизонтально расположенной форме фильтра в верхней части. Заказчик Оперу очень любит и в таком …
0 votes8 answers -
как создать рекламное окно с помощью css без джаваскрипт
как создать рекламное окно с помощью css без джаваскрипт.надо чтобы окно еще и закрывалось при клике на какую-то его область или окно нельзя закрыть с помощью html+css ?Тогда наверно придется делать копию страницы,но уже с рекламой,а нажимая на рекламу перейдет на главную страницу?
0 votes8 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-