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
-
table - как избавиться от уменьшения ширины таблицы при уменьшении размера родит. элемента?
Вот ссылка на мой код, где можно всё попробовать: http://jsfiddle.net/KT5TC/1/ Менять ширину элемента можно, наведя мышь на правый его край, далее - зажимаете левую кнопку мыши и меняете размер элемента. 1. Попробуйте уменьшить размер внешнего div (двойная рамка) меньше ширины таблицы - таблица начнёт сжиматься. Тот же эффект Вы достигнете если просто будете уменьшать размер окна браузера. 2. Попробуйте увеличить размер СТОЛБЦА таблицы (хочу менять именно ширину столбцов и чтобы край таблицы при этом менялся автоматически - для таблицы я не задаю WIDTH). Если Вы увеличиваете его так, что край таблицы достигает края внешнего div, то ширина столбца начинает увеличив…
0 votes17 answers -
Кроссбраузерность для Сафари
Помогите, пожалуйста, разобраться с кроссбраузерностью для Сафари. Во всех браузерах все ок и все готово казалось бы, а в Сафари полный завал. 1. Бекграунд для боди не отображается (вернее он отображается, но только если я забираю линейный градиент, вебкит не срабатывает для него) 2. С хлебными крошкам тоже какой-то каламбур вышел. 3. И самое главное миниатюры тоже не отображаются - какие полоски на их месте. Вот скрин ужаса http://clip2net.com/s/3hrsNwy А вот няша http://clip2net.com/s/3hrsUPS
0 votes7 answers -
Как выровнять содержимое группы DIV-ов по вертикали?
Приветствую всех! У меня вопрос к специалистам. У меня есть шапка с группой горизонтальных DIV-ов. Задача: Отцентрировать содержимое горизонтальной группы DIV-ов по вертикали (блоки разноцветные для наглядности) Высота блока 93px; Содержимое каждого такого блока должно быть отцентрировано по вертикали. Подскажите пожалуйста как действовать. Вот картинка: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML <div id="container"> <div id="header"> <div class="Top"> <div class="Logo"><img src="images/ru_logo.png" alt="ru" width="150" height="61"></div> <div class="Phone"><…
0 votes2 answers -
Валидатор выдает ошибку
Доброго дня! Подскажите пожалуйста ответы на пару вопросов. 1. Валидатор выдает ошибку такую: td.stran Parse Error { background-image: url("/images/04.jpg"); BACKGROUND-POSITION: left top; background-repeat: no-repeat; background-color: #ffffff;} И также при таком коде в Мозиле и Опере эта фоновоя картинка не отображается! 2. Также Мозила не понимает следующий код: td.kontakt { font-size: 10pt; color: #f5f5f5; background-color: #89B2A3; text-align: center; font-weight: bold; } В IE и Опере все ок. Заранее всем спасибо!
0 votes12 answers -
Валидация
Не могу проверить верстку валидатором. Выдает: Что в переводе Google означает: Подскажите, пожалуйста, что это за ошибка и где ее искать?
0 votes11 answers -
Ссыка заглушка. Script
Добрый день! Есть фраза, которая меняет цвет при наведении курсором и раскрывает скрытый текст при нажатии. Скрипт раскрывает скрывает текст. Hover меняет цвет. Но Internet Explorer Hover для текста не воспринимает. Текст сделала ссылкой с заглушкой #. Все как надо, но если фраза и скрытый текст расположены в конце страницы, при раскрытии возвращает в начало страницы. Как это избежать?
0 votes7 answers -
И опять о "Форме обратной связи"
Очень намучился с создание формы для обратной связи. если учитывать, что с Пшп вообще мало знаком, думаю что-то получилось. Проверьте, пжлст мои Коды и дайте рекомендации. Есть вопросы, которые меня особо интересуют: 1. что там на счет полей обязательных для ввода, все верно? 2. как сделать так, чтобы без включенного поля Agree письмо не отправлялось 3. правильна ли проверка телефона? (нужно, чтобы телефон начинался с "+380") 4. правильно ли осуществляется проверка типа файла (у меня эта проверка - accept="text/txt") 5. как правильно подключить Капчту, а то у меня гадость какая-то получилась) - ну и все, что вы можете мне посоветовать файл с формой ****.html <form a…
0 votes40 answers -
Прозрачные иконки
Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон
0 votes15 answers -
html5 canvas интерактивная карта мира
Здравствуйте! Стоит задача поверх jpeg картинки сделать интерактивную карту мира: 1) полупрозрачная подсветка разными цветами территорий произвольных стран стран 2) реакция на клик по области Если использовать канвас и обводить страну LineTo(), это же с ума сойти можно. Есть в природе другие варианты решить такую задачу ?
0 votes2 answers -
Как адаптировать страницу под мобильные устройства?
Подскажите, пожалуйста, как адаптировать отдельную страницу или одностраничник под мобильные устройства? Я создала страничку подписки с резиновым дизайном, но при проверке в сервисе гугла https://www.google.com/webmasters/tools/mobile-friendly/ оказывается, что моя страничка не оптимизирована под мобильные устройства, там же указываются распространенные недостатки: - слишком мелкий шрифт; - не задана область просмотра для мобильных устройств; - ссылки слишком близко друг к другу; - контент шире экрана. Проверяла на мобильнике страничка целиком на нем видна без прокрутки. Но чтобы она показывалась в поиске, важно, чтобы она соответствовала стандартам гугла. Как это осуще…
0 votes5 answers -
Параметр mailto.Два адреса электронной почты в одном письме.
Можно ли с помощью тега задать два адреса электронной почты,один в окошко "кому", а другой в "копию"?
0 votes2 answers -
как отменить перенос елемента "form" на другую строку в grid960 верстке
Код такой если делать так <div id="nav" class="grid_13"> <ul> <li><a href="#" title="">Домашняя</a></li> <li><a href="#" title="">Продукты и Услуги</a></li> <li><a href="#" title="">Образцы</a></li> <li><a href="#" title="">Контакты</a></li> <li><a href="#" title="" style="border: none;">Обратная связь</a></li> </ul> <div class="grid_3"> <form id="search" action="search"> <input type="search" name="sField" value="Искать" size="35"/> </form></div> тоесть поисковая строка и меню в одной линии. При этом н…
0 votes2 answers -
Выравнивание ul в ячейке таблицы по правому краю
Здравствуйте. Помогите пожалуйста выровнять список (пагинацию) по правому краю ячейки. Что я только не делал: text-align: right в теге TD не помогает, пробовал float:right в теге DIV - выравнивает, но не так как надо; пробовал в каждый тег LI ставить float:right - но тогда список переворачивается задом-наперед. Привожу примерный код (в моем случае LI отображаются в цикле на PHP): <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <table border="1" style="width: 100%; border-collapse: collapse;"><tr> <td style="border: 1; width:15%;">Что либо</td> <…
0 votes2 answers -
Пунктир вокруг... кнопок (submit, button) в FF
С пунктиром вокруг ссылок все понятно a { outline: none; } Эта тема обсуждалась на форуме. А вот как убрать ту же рамку кнопок (при нажатии)? И вообще, возможно ли это? Короче говоря, что написать сюда: input[type="button"], input[type="submit"]{ ??? } Только меня-то уж в песочницу посылать не надо))) Все знать невозможно.
0 votes16 answers -
Как сделать подчёркнутую пунктиром гиперссылку
Ещё раз доброго времени суток. вопрос по поводу тега A как сделать подчёркивание пунктиром? приём a{ border-bottom: 1px dotted #fff; } Почему-то не работает может быть кто нибудь сталкивался с подобной задачей? заранее спасибо за ответ.
0 votes13 answers -
div float
Делаю шаблон к Joomla. Свой первый шаблон. ммм... возник вопрос по div и float. Есть большой див, внутри него еще два дива, которые распологаются на одной строке. <div id="header"> <div id="logoh">LOGO</div> <div id="authh">FORM</div> </div> CSS такой: #header { background: #fff; color: #000000; margin: 0 auto; position: relative; text-align: right; border-bottom: solid 4px #ccc; width: 1000px; } #logoh { width: 760px; float: left; background: #cccccc; border: 0px solid; border-color: #666666; height: 235px; background-image: url(../img/header.jpg); background-repeat: no-repeat; } #aut…
0 votes6 answers -
Отступы в списке
Здравствуйте! Страница следующая: http://balahna.com/ Прошу помощи в следующих вопросах: 1. Откуда берутся отступы между элементами списка в ИЕ (в ФФ и Опере их нет) и как их убрать? 2. Валидатор выдаёт следующее: Line 48, Column 12: element "NOBR" undefined. Did you mean "noframes" or "form"? <h2><nobr>ОБЩЕСТВО С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ</nobr></h2> - что ему не нравится ? Всем спасибо за внимание!
0 votes27 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 -
504 Gateway Time-out
Здравствуйте! Сайт часто выдает ошибку 504 Gateway Time-out. Как устранить эту ошибку?
0 votes6 answers -
Шрифт и тень
возможно ли создать шрифт, который будет отбрасывать тень средствами css?
0 votes10 answers -
Кто работал с DataLife?
Тут проектик нарисовался, но как я не уговаривал человека взять приличную CMS он уперся только в DataLife так как только его знает, привык и.т.д. Дизайн надо немного подрихтовать и перенести на DLE. С этим проблем нет, там все просто. Дизайн лег как влитой. Но возникла проблемка - у него раньше юзер мог оставлять комменты, выводилась дата, кто оставил новость и.т.д. Сейчас он хочет от этого отказаться. То есть чтобы на страницах был только текст который он сам разместит и не дать пользователю комментировать и все в таком роде. Вроде простой вопрос - КАК ЭТУ Х*ЙНЮ УБРАТЬ??? Все .tpl перерыл, все php конфиги, всю админку - не нашел мать ее... Помогите !!!
0 votes5 answers -
Слой relative перекрывает слой fixed
На странице есть шапка с позицией fixed: .top_menu_p { position: fixed; left: 0; top: 0; padding: 0px; background: #ffffff; width: 100%;}Так же есть слайдер контента (jcarousel) с позицией relative: .jcarousel ul { position: relative; width: 20000em; list-style: none; margin: 0; padding: 0;}При пролистывании станицы, когда шапка подходит к слайдеру, он отображается поверх шапки. Как это исправить? У слайдера позицию relative не заменить, иначе не будет работать. КТо-нибудь сталкивался с такой проблемой?
0 votes3 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 -
Вертикальный отступ между картинками-сслыками
Товарищи, больше не могу с этим мучаться! Проблема в том, что на сайте есть ряд ссылок-картинок в виде <a><img></a>. В таблицу не хочу их пихать, чтоб при масштабировании окна браузера не появлялась полоса прокрутки, а ссылки-картинки просто переносились на новую строку. Горизонтальный отступ между ними получился только в путь с помощью свойства margin-left для IMG, а вот с вертикальным ну хоть вешайся. Уже всё перепробовал. Вот сслылка на страницу: http://www.rps-gc.ru/?page=154
0 votes10 answers -
Как растянуть <div> в Firefox?
Имеется (с фиксированной шириной и нефиксированной высотой) с неким текстом, вложенный в другой ( тоже с фиксированной шириной и нефиксированной высотой). При изменении текста внутренний растягивается и раздвигает внешний. Но это происходит только в IE и Opera. В Firefox внешний всегда остается одного размера - даже при height:auto. Как быть? Применение таблиц исключено. Помогите, заранее благодарен.
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-