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
-
Позиционирование. При приблежении кнопки наезжают друг на друга
Всем привет. Сайт сверстан div-ами, меню навигации сделано с помощью позиционирования, когда приближаю страницу скролом - кнопки наезжают друг на друга. Как решить эту проблему div-ами? Помогите пожалуйста.
0 votes1 answer -
Помогите Useru
Всем привет! Создаю свой сайт, ну точнее пробую, подскажите пожалуйстачто нужно пропичатать на HTML, для того чтоб на сайте пользователи могли осставлять коментарии/сообщения. Заранее спосибо!
0 votes4 answers -
Проблемы с PADDINGом
Приветствую всех вас, уважаемые друзья! Проблему свою постараюсь разъяснить максимально лаконично! .topmenu { height: 29px; width: 980px; text-align: right; padding-right:20px; } .topmenu a { text-decoration: none; margin-left: 11px; margin-right: 11px; font-family: tahoma, sans-serif; font-size: 13px; font-weight: bold; } при Этом Width: 980px ; Заданно потому что при паддинге вправо 20 пикс. див становится шире, я приходится сокращаться ширину самого дива с 1000 до 980, выглядит довольно схоже с дизайнерским макетом, но правильно ли это? И еще, Мэрджин и вовсе не задается ни справа, ни откуда либо еще для данно дива, что скажете?
0 votes3 answers -
нужна помощь
есть изображение линии с абсолютными координатами, как ее можно размножить до определенной точки. у меня получается вот такой вариант, но тут он ее просто растягивает на заданную длину, а не копирует. <div style="background-image: url('line_1.gif'); height: 2px; width: 550px; position: absolute; top: 46px; left: 585px;"></div>
0 votes9 answers -
Помогите доработать подвал
Необходимо что бы копирайты были по левую сторону а счётчики по правую. Вот вырезки кода: footer.php </div> <div id="footer"> <div id="copy"> <p>Компания «<a href="http://мойсайт.ru">СтроимВместе</a>» - строительство и ремонт.</p> <p>Все права защищены. 2011 </p> </div> </div> </body> </html> CSS : /* Footer —————————————————————————--*/ #footer { height: 100px; border-top: 1px #e5e5e4 dashed; margin-top: 20px; text-align: right; } #fmenu { width: 90%; height: 25x; margin-top: 10px; } #fmenu ul { display: inline-block; } #fmenu li { list-style: none; padding: 0 …
0 votes5 answers -
Выравнивание содержимого по центру
Как выровнять содержимое сайта по центру, то есть сайт должен быть в полный экран, при изменении размеров окна браузера не должно появляться полос прокрутки, а содержимое "уходило" за окно браузера в одинаковых пропорциях. Пример: 1 2 3 4 5 <body style="width: 100%; height: 100%"> <section style="width: 100%; height: 100%"> </section> </body> Пусть окно браузера имеет ширину/высоту 100%, при уменьшении его ширины/высоты на 10% тег <section> и его содержимое должно "уходить" влево/вверх на 5% и вправо/вниз на 5%. Яркий пример реализации - http://www.blacknegative.com Нечто похожее есть у Лебедева, но его способ не работает при задани…
0 votes9 answers -
Как выравнять блочный элемент?
Расположить по центру получилось а вот выравнять нет, подскажите?
0 votes9 answers -
iframe и javascript
Привет, если возможность как-либо запретить дочернему фрейму воздействовать на родительское окно, например вот так if (window.self != window.parent) { window.parent.location.href="http://test"; } но чтобы при этом содержимое фрейма отображалось корректно и работали ссылки
0 votes7 answers -
Впервые использую border-image - не получается
Имеется блок div. Имеется кусочек рамки вырезанный из фотошопа размером 4x3 пикс. Цель:Сделать бордер картинкой. Подскажите как правильно нужно сделать? http://cssdeck.com/labs/x6m69b43
0 votes6 answers -
про таблицы
Все ли браузеры корректно поймут Два дива (два обычных слоя) - один table, другой table-cell (display) - то есть когда мы не вставляем row (tr), который по идее должен быть в таблице. Никто не "заглючит"?
0 votes6 answers -
Картинка всегда внизу
Здравствуйте! Подскажите как сделать что бы картинка всегда была внизу блока, вне зависимости от количества контента?
0 votes6 answers -
HTML препроцессоры
Подскажите html препроцессоры для локальной вёрстки, с возможностью инклюдить другие файлы с указанием параметров.
0 votes2 answers -
Как в конкретном случае всё уместить в окно
Пациент: http://demo.imatte.us/fomru/messages.html Необходимо, чтобы чат по высоте был максимум до нижней границы браузера как в VK/FB. Подскажите, как это сделать?
0 votes1 answer -
Как узнать шрифт по картинке
Ребят, выручайте. Дали задание переверстать шапку. Изначально там одна большая картинка. Как узнать какой шрифт используется на картинке. Разные сервисы использовал, ни один не дал положительного результата.
0 votes4 answers -
Принудительное разрывание строки в таблице
Как добиться принудительного разрывания строки в ячейке таблицы, если текст не влазит в ячейку? Знаю только, как избежать его (((
0 votes1 answer -
3 diva и IE
есть сайт vip.directgifts.ru в нем боковые модули имеют окантовку которая образуется с помощью 3 дивов: но почему то в IE ( 6 i 7 ) верхняя шапка то появляется то исчезает. И если повыделять файл то шапка появляется. Подскажите почему?
0 votes3 answers -
Как правильно сделать CSS для фрмы
Здравствуйте! подскажите как правильно сделать CSS для формы на сайте Есть вот такая строка <input type="submit" name="make_login" value="<?=$lang[sendform]?>"> Я хочу что бы Кнопка "Отправить данные" была не стандартная а в виде изображения и делаю CSS вот такую input[type=submit] { background:url(images/form.jpg) no-repeat #62B0FF; border:0; height:20px; width:150px;; } При этом в Лисе, Опере, Хроме все отображается нормально, а IE не хочет воспринимать мой код, вот сайт. Подскажите кто знает что надо ему написать что бы он заработал?
0 votes2 answers -
Проблема с ИЕ снова
Здравствуйте! Есть вопрос к знатокам. Пытаюсь сделать всплывающие подсказки со ссылками с помощью css <html> <a class ="tool" href="" ><img src="1.png"> <span> <table> <tr> <td><a href=""><img src="2.png"></a></td> <td><a href=""><img src="3.png"></a></td> </tr> </table> </span> </a> </html> и css для ИЕ a.tool span {\display:none;} a.tool:hover{\position:relative;\z-index:20;} a.tool:hover span {\display:block;\position:relative;\top:-75px;\left:10px;\z-index:100; } Все браузеры нормально "всплывают " 2 и 3 ссылку. В ИЕ - ч…
0 votes2 answers -
Что бы ссылка в html вставляла вместо картинки текст ?
Доброго времени. Пожалуйста подскажите как быть. Как можно прописать ссылку чтоб она вставляла на страничку текст из какого-нибуь отдельного документа? Чтобы текст самой странички можно было изменять не залазя В сам index.html, а изменяя текст этого отдельного документа. P.S. Попросила знакомая сделать сайтик в одну страничку, конечно, я не отказал, сделал все красиво. Но дело в том что она хочет сама его обновлять. Казалось бы что бело плевое,- открыл index.html блокнотиком поменял текст, да и все! Ан нет! Это ж надо чтоб еще и кодировка на месте осталась!!! Такое простое дело , а как быть не знаю! Те CMS которые с нета можно скачать весят больше самого сайта, а после "а…
0 votes3 answers -
Как центрировать отображение страницы?
во всех браузерах кроме 8 ишака центральный див прилегает вправо
0 votes2 answers -
приоритетный стиль
к примеру: есть таблица главная у шаблона style1.css и таблица у какого нить расширения style2.css и так у расширения в таблице style2.css есть стиль .test {border: #111 solid 2px; margin: 10px 0 5px;} меня не устраивает и я хочу изменить в главной таблице(к шаблону) style1.css я указываю такой же стиль и изменения .test {border: none; margin: 0;} все норм работает, но для верности в таблице style2.css я этот стиль закоментировываю и записываю в блокнот для update. так вот вопрос может и не надо закоментировывать и есть какое то правило что точно во всех браузерах сработает стиль который в главной таблице, а то постоянно после обновления расширения если там изменен стиль…
0 votes4 answers -
Помогите type="imege" сделать текстом
Помогите <input type="image" src="/buy.gif" name="go" alt="В корзину" class="subm" /> сделать обычной ссылкой типа <a href="">. Мне подсказали что это стилями можно сделать, только я не знаю как, очень надо
0 votes5 answers -
Резиновый макет с контентом в центре с полосой прокрутки
Подскажите как реализовать такой макет правильнее? Этот неправильно отображается в старых IE, мобильных браузерах, возможно где-то ещё.. http://jsfiddle.net/QeW7E/ <!DOCTYPE html> <html lang="ru" > <head> <meta charset="utf-8" /> <style> * { margin:0; padding:0} body { width:100%; height:100%; background:#CCC;} #wrapper { width:1000px; height:100%; margin:0 auto;} #header { width:100%; height:200px; position:absolute; top:0; background:#EEE;} #content { width:1000px; position:absolute; top:200px; bottom:200px; background:#999;} .sidebar-left, .sidebar-right {float: left; width: 200px; height: 100%;} #center { width:600px;…
0 votes3 answers -
как сделать меню?
как сделать такое меню http://templates.websitetemplatesonline.com/Agriculture-Tomatoes/index.html какие есть варианты?
0 votes11 answers -
CRON
Мне нужно, чтобы каждый день в полночь cron переходил по ссылке. Подскажите, пожалуйста, как это сделать?
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-