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
-
Верстка из Corel Draw
Есть макет, нарисованный в Corel Draw, нужно сверстать из него страницу. Вопрос: как? С Photoshop все понятно, там слои, там порезать можно, там размеры. А как быть с Corel?
0 votes5 answers -
Кнопки в IE
В IE почему-то не отображается фон на кнопках, заданный следующим образом: [b]CSS:[/b] #button { background-image:url(img/img_06.png); border:none; width:65px; height:32px [b]HTML:[/b] <input type="submit" name="enter" id="button" value=""> Вместо этого отображается обычная XP кнопка. В других браузерах разумеется все в порядке.
0 votes19 answers -
Проблема с изображениями
Собственно, вот сайт http://watermelon.ru. Проблема в том, что на некоторых компах постоянно загружаются не все картинки. Уменьшила качество картинок, переверстала, вставляла скрипт предварительной загрузки изображений - результат тот же. Подскажите, пож., в чем грабли?
0 votes20 answers -
Помогите с сочитанием горизонтальных и вертикальных списков (ul li)
Есть сайт http://www.microsoft.com/web/platform/default.aspx Пытаюсь перерисовать его дизайн. Основное горизонтальное (чёрное) меню удалось, по нажатию на кнопку сделал popup меню, в котором должен быть выбор элементов - так же сделал через ul и li. Но этот выбор никак не хочет вставать вертикально! Копирую часть кода с этим списком в отдельный htm, там он вертикально. С помощью fireBug'а сравниваю css свойства в обоих файлах у этих ul и li - одинаковы (display: block !important). При этом смотрю свойства li горизонтального меню - там display: list-item, а не inline. Помогите поднять второстепенный список вертикально. Так же не понимаю как microsoft положил список горизон…
0 votes6 answers -
hover как центрировать фон
Есть ссылки при наведении на них должен появляться бэкграунд, сам бэкграунд шире ссылок, и начинается он при наведении с первой буквы ссылки и дальше идет пока незакончится. Так вот вопрос как мне центрировать этот бэкграунд? <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class…
0 votes16 answers -
Прыгает модуль меню
Я вообще PHP разработчик, но так как мне заказали сайт, дизайнера нет, CMS своя. Я начал делать, всё делал как желает заказчик. но в ходе работы возникла неприятность, прыгает верхнее меню, и пустые строки в исходном коде. Вот ссылка на сайт: http://art-delo.com.ua/
0 votes8 answers -
JS. как получить часть url?
Есть страница по адресу: "http://сайт/cat1/index.htm" <script type="text/javascript"> host = window.location.pathname; document.write(host); </script> Этот код выводит "/cat1/index.htm", а нужно вывести только "/cat1". Подскажите каким способом это получить? Какие-то параметры у pathname указать?
0 votes3 answers -
три колонки - средняя жесткая, боковые тянутся
Помогите сверстать или дайте ссылку, чего-то не могу найти нигде такого. Шапка и подвал не нужны. Просто три колонки. Средняя по середине - она неизменной ширины. Боковые тянутся, чтобы заполнить всю страницу. Пробую так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> #pred { float:left; background-color:#0000FF; width:50%; text-align:right; position:relative; z-index:1; } #sled { float:right; background-color:#00FF00; width:50%; text-align:left; position:relative…
0 votes6 answers -
Как убить стили кнопки
Друзья, доброго времени суток! В html-документе есть форма <form></form>. В ней есть тег <input type='submit' class='button1' value='Кнопка' /> Если в css не прописывать стили для button1, браузеры отображают кнопку в соответствии со своими вкусами - кто серую, кто градиентно-бликовую, с реакцией на события - например, подсветка при наведении мыши, смена бордюра при нажатии, смещение текста и т.п. Цель - задать кнопке собственные стили: картинку в бэкграунде, реакцию на наведение мыши и отсутствие реакции на нажатие. Для реализации первых двух стилей в css пишу: input.button1 { margin-left: 20px; width: 100px; height: 40px; background:url(img…
0 votes8 answers -
Индексация в яндексе
Специ, подскажите как поисковый паук яндекса читает код html, допустим если я выделю определенный блок страницы в отдельную папку поставлю запрет индексации на эту папку через робот.тхт будет ли данный блок проиндексирован? Блок через инклуд вставляется в определенную страницу которая разрешена для индексации яндекса. Задача стоит чтобы данный блок не был проиндексирован, но при этом нормально отображался на заданной странице. И второй вопросик, можно ли как-то поменять название тега например тег на <абра-кадабра>, при этом необходимо чтобы тег исполнылся как обычно. Извините если не ясно выразился, как смог.
0 votes12 answers -
Align:center
Есть две строчки текста, которые нужно упорядочить по центру. На второй строчке еще есть маленький рисунок ( счетчик), так из-за этого рисунка вторая строчка распологается не по центру а сдвигается вправо на ширину рисунка. Saint-Petersburg, Kouvola target=_blank> alt="" width=88 height=15 border=0 align="left"> 2007 .niz { clear: both; width: 100%; text-align: center; font-size: 16px; background-image: url(gif/niz.gif); } Если я правильно понимаю, то получается что вторая строчка центрируется не относительной все ширины, а (вся ширина - ширина рисунка) Как это убрать? Заранее спасибо... Сорри если вопрос тупой..
0 votes11 answers -
Как создать контейнер? (Вроде так называется)
Сайт полностью статичен, на хтмл. Страничек много.. Иногда добавляю статьи. Нужно чтоб ссылочка на новые статьи появлялись на всех страничках.. Фреймы использовать не хочу. Какая альтернатива фреймам? Могу ошибаться, но помоему сущевствуют т.н. контейнеры.. Что бы изменить в одном файле ссылочки, закинуть на сайт и ссылочки появятся на всех страничках.. Буду ОЧЕНЬ благодарен, если что-то посоветуете или подскажете код. Просидел всю ночь, ничего не смог придумать. Спасибо!
0 votes20 answers -
Символ переноса строки.
Почему символ переноса строки выводится на экран вместе с текстом? echo'<center>С днем рождения, <b>'.$name[$key].'!!!</b></center>n';
0 votes10 answers -
Сайт резинка
Собственно как сделать чтобы была такая конструкция сайта резинки, код css + табличная верстка? Нужно чтобы центральная часть была в центре (ширина центра постоянная) , а слева и справа тянулись блоки, верх и низ тоже тянянется. Бывает что даже если эти два блока справа и слева тянутся, то при разрешение например экрана 1440*900 правый блок больше чем левый!
0 votes8 answers -
Почему не поднимается тиц у сайта?
У меня есть качественный сайт с уникальными текстами, который размещен на яндекс народе. Вот уже полгода, как я пытаюсь поднять у своего сайта тИЦ. Я размещала ссылку на свой сайт в многих каталогах, обменивалась ссылками с сайтами с высокими тиц, размещала платно статьи и ссылки на сайтах схожих тематик, но всё без толку, тиц у моего сайта нулевой. Яндекс сайт не забанил, всё в порядке. Подскажите, пожалуйста, почему я не могу поднять тиц сайта?
0 votes27 answers -
Сложное обтекание div-ов
Здравствуйте. Столкнулся со следующей проблемой с обтеканием div-ов. На картинках ниже приведено, что есть и что нужно получить. Это у нас есть: (http://itmages.ru/image/view/287959/d5fb3475) А вот так надо: (http://itmages.ru/image/view/287960/4a7d5e0b) Код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> <style> .news_main{ font-weight:normal; text-align:left; padding-top: 3px; padding-bottom: 7px; } .news_box{ text-align: left; vertical-align: top; padding: none; height: auto…
0 votes4 answers -
position: absolute - его секреты
Такая проблема. Сделал сайт с помощью этого тега, тоесть для размещения по нужным местам применял не таблицу, а его, но вот беда отображается нормально только в Опере, остальные каряво показывают. Может есть какая альтернатива, что бы во всех отображалось корректно
0 votes12 answers -
HTML5 canvas
Всем добрый день! Занимаюсь веб-программированием не так давно. Появилась необходимость реализовать вот какую штуку- На странице по клику на кнопке рисуется окружность. Тут все просто, canvas, ctx.arc. Далее- при попадании курсора мыши на окружность, в этом месте окружности появляется небольшая точка (метка), которая следует за курсором в пределах окружности и исчезает, когда курсор выходит за ее границы. Но это не самое главное. Главное - возможность мышкой изменять радиус окружности. Т.е. что- то вроде drag & drop, кликнуть по окружности и "перетащить" радиус. С canvas раньше не работал никогда, по этому очень надеюсь на вашу помощь! Заранее благодарен!
0 votes19 answers -
Где скачать Большая книга CSS ? Поделитесь кто-нибудь пожалуйста
Здравствуйте! Не могу найти книгу Большая книга CSS. У меня в стране ее не продают. Но так-же на заказ не могу... Хочу скачать и не могу найти, помогите пожалуйста! Буду очень очень благодарен!
0 votes7 answers -
Меню на css
Как лучше сделать меню на css? Есть ячейки в таблице, там будет резаться верстка, когда наводишь на картинку, подгружается дргуая! Подскажите самы рабочий код, плиз!
0 votes18 answers -
td height IE
Не получается сделать высоту первой ячейки ни через атрибут, ни через стиль IE не слушает. Все вроде правильно отверстано! Где косяк? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>-=title=-</title> <style type="text/css"> <!-- * { margin: 0; padding: 0; border: 0; } html, body { height: 100%; } body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#191919; } --> </style> </head> <body> <table border="0" cellspacing="0" cellpadding="0" wid…
0 votes9 answers -
Проблема с отступами внутри блока
Добрый день! С прошедшими праздниками всех! Помогите пожалуйста решить проблему следующего характера: я делаю сайт на Joomla, от html и CSS еще очень далек, хотя и пытаюсь понемногу осваивать и их (иначе о создании собственных сайтов можно забыть - как я понял на собственном опыте ). Итак о проблеме: на сайте который я делаю модули по умолчанию выглядят так не очень красиво не правда ли? Но в настройках можно задать суффикс класса модуля, тогда выглядит симпатичнее, но появляется проблема В файле general.css нашел параметры модуля /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 { position:relative; overflow:hidden; margin:0 -11px;…
0 votes24 answers -
Сохранить значения при перезагрузке
Есть форма с 19 вопросами на да нет. Когда пользователь отправляет не все вопросы, страница перезагружается и значения радиокнопок сбрасываются. Как сохранить значения радиокнопок при перезагрузке? Форма обрабатывается с помощью php.
0 votes12 answers -
3-х колоночный шаблон с сайта CSSplay - ошибка автора?
Доброго времени суток. Я искал оптимальную реализацию вертикального растягивания колонок в CSS по аналогии со свойствами таблиц и сверстал шаблон, основываясь на примере от Ste Nicholls, выложенном на его сайте CSS_Play -исходник. Итак, мой шаблон корректно отображается в Firefox 2.0, Opera 9. В Internet Explorer'е 7 левая колонка постоянно "скачет", смещаясь на пол экрана. В Safari колонка на несколько пикселей сдвинута вправо. Пример выложил в сеть, можете посмотреть здесь . Использована след. конструкция, с помощью которой достигается 3-хкол. макет: HTML (шаблон для Joomla - не обращайте внимания на куски PHP-кода): Суффиксы модулей в данном случае не влияют - отключ…
0 votes13 answers -
куда вставить e-mail в форму php
Народ, всем привет! Помогите, есть форма для отправки сообщения с сайта, а я в пхп не ахти, форму нашел, а куда свой е-мейл вставить не могу понять. И аналоги смотрел, не помогает. Туппю Вот: <?php$owner_email = $_POST["owner_email"];$headers = 'From:' . $_POST[""];$subject = 'A message from your site visitor ' . $_POST["name"];$messageBody = "";if($_POST['name']!='nope'){$messageBody .= '<p>Visitor: ' . $_POST["name"] . '</p>' . "\n";$messageBody .= '<br>' . "\n";}if($_POST['email']!='nope'){$messageBody .= '<p>Email Address: ' . $_POST['email'] . '</p>' . "\n";$messageBody .= '<br>' . "\n";}else{$headers = '';}if($_POST['state']!=…
0 votes24 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-