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
-
Расстояние между рисунком и div-ом только на строгом Doctype.
Здравствуйте. Есть полностью валидный html-код: <!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>Между рисунком и div-ом есть расстояние</title> <style type="text/css"> html,body { margin:0px; padding:0px; min-width:930px; width:100%; height:100%; } </style> </head> <body> <div style="width:183px;"> <img src="1.gif" style="width:183px;height:20px;" alt=""/> <div style="background-color:red;widt…
0 votes4 answers -
помощь с jquery
решил создать сайт с биографическим содержанием. Нашел плагин jquery "Circular Content Carousel". Итак, мне нужно, чтобы эти блоки умели передвигаться как в плагине "jquery elastislide" ну и наконец - панель управления(или "админка"), чтоб можно было создавать, редактировать описания этих животных, вставлять картинки и т.п. ну в общем все как у людей. А так, без админки можно только вручную в кодах вставлять описания и самому кидать изображения в папку images,потом на них ссылки писать и т.п- это, знаете ли, требует много сил и нервов. p.s на самом деле, я хочу таким образом выкладывать биографии людей, а не этих зверюшек) help me obi van kenobi!
0 votes2 answers -
<div>
Какие значения для <div> необходимо задать, чтобы он вытягивался по отношению его содержимого.
0 votes6 answers -
Помогите правильно вписать блоки
Приветствую. Помогите пожалуйста разобраться! Дело в том что, если в ниже приведенном коде, убрать параметр "height" из блока "top", то сам блок куда то убегает (попробуйте для наглядности), хотя в него вписаны еще два блока. Если убрать параметр "float" в блоках, вписанных в блок "top" то все нормально, но обтекание мне очень нужно. Вопрос: Как сделать так чтобы блок "top" выравнивался по высоте, пропорционально вписанному в него контенту? А если проще, как исправить вышеупомянутый косяк? Желательно средствами CSS, так как JS не знаю вообще. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <he…
0 votes2 answers -
Сложная таблица без вложений
Здравствуйте! Уже второй день пытаюсь сделать таблицу без вложений, но получается ерунда. В принципе не новичек, но с таблицами что-то туговато. Хочу получить такую таблицу Если знаете, напишите пожалуйста код. Буду премного благодарен))
0 votes7 answers -
Баг сафари ?
Привет. Вычитал в гуглах как убрать отступы при использовании inline-block, но сафари вер. 5.1.1 упорно не хочет этого понимать. Даже 7й ослик прекрасно это хавает http://jsfiddle.net/QutPn/2/ Как победить ?
0 votes6 answers -
display: table и содержимое смежных "ячеек"
Здравствуйте. Решил попробовать свойство display: table, но столкнулся с проблемой. Допустим, имеется таблица в две колонки. Если для одной из колонок указать padding-top, то содержимое обеих колонок будет сдвигаться вниз на заданную величину. То же самое происходит, если на первом месте в одной из колонок содержится элемент с положительным значением padding-top или margin-top: содержимое обеих колонок смещается вниз. Такое поведение не устраивает, потому что в левую колонку хочется поместить меню, прижатое к верхней границе колонки, а в правую - содержимое с отступом от верхней границы. css: body { padding: 0; margin: 0; } div.table { display: table; margin: 0 auto…
0 votes10 answers -
Inline-block
Привет. http://jsfiddle.net/6GbSf/3/ Как сделать, что б блоки выравнивались "по-верху" ? Заранее благодарю! Отбой, оказывается vertical-align:top; тут прекрасно работает
0 votes0 answers -
Opera next + embed + f5 = crush
Доброго времени суток. Есть проблемка небольшая. http://beavers-net.narod.ru/crush_f5.html Код простой, валидацию проходил - только реклама янды осталась. <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title> f5 - crush prinmer </title> </head> <body style="background: #242; margin: 0 auto; padding:10px ; text-align: center;"> <p> <object data="psme_shindai.mp3"> </object> </p> &…
0 votes0 answers -
Как правильно подбирать шрифт?
Подскажите как правильно подбирать шрифт при верстке?
0 votes1 answer -
Вёрстка для КПК / PDA
Всем привет. Есть кучка вопросов возможно будут ещё. 1. Какой DOCTYPE выбрать для пда режима? 2. Как вравильно подобрать ширину экрана для телефона? Поставить ширину 100% или поставить фиксированую ширину с максимальной и минимальной шириной? 3. Лучше использовать таблицы или дивы? 4. Как сделать чтоб дизайн адаптировался под размер экрана телефона или монитора? Думаю пока всё, заранее спасибо
0 votes3 answers -
Маленький вопрос
Где то слышал или видел что размер элемента можно задавать символом * , тогда элемент займет оставшуюся часть родителя. Как правильно это сделать ? И еще... Как между элементами со свойством display:inline-block убрать отступ(слева и справа)?
0 votes1 answer -
Очень простой вопрос
Это кажется само собой разумеющимся, что у фото-галерей да и других фоток есть маленькие дубликаты thumbs. (превьюшки). И я их тоже использую. Но воспрос все же остается. Зачем их используют? Только для того, чтобы уменьшить размер сайта при загрузке? В сети натыкался только на то, как их сделать, а на вопрос "для чего?" ответа нигде не было. Подскажите, пожалуйста.
0 votes4 answers -
Нестандартный шрифт, кириллица
Всем привет. Подключаю шрифт, все ок, на англ. раскладке все подхватывается, на русской раскладке нечего не изменяется, стандарнтый Arial. В чем может быть проблема ?
0 votes7 answers -
html + css в разных браузерах
День добрый. Создал таблицу на сайте http://www.pelekan.ru/main/City_adventures_in_Moscow, http://jsfiddle.net/LFXyj/ Проблема в том, нормально отображается только в firefox, в opera и chrom таблица не вся цветастая, а в IE вообще ужас. Как решить проблему, что нужно добавить?
0 votes6 answers -
ie7 несколько багов
1. Есть меню построенное на списко-ссылках, обычное кароче, но ие7 некоректно отображает повторяемый по иксу ховер, немогу разобраться, я еще только учусь . 2. И второй, это минимальная высота у дива с повторяющимся фоном, я нашел фикс, прописал, но он почему-то не работает, на страницах типа галереи или новостей... может подскажет кто, где косяки... вот здесь
0 votes3 answers -
Помогите обуздать эксплоер
В очередной раз сталкиваюсь с проблемой отображения сайта в гребаном эксплоере. В ФФ и Сафарике все тип-топ, ну а этим аристократам IE не иметься, а наплевать на них никак нельзя. Вот на этом сайте http://novosib.su/ правый сайдбар уходит вправо по отношению к хедеру. Новостной блок отображается также коряво. Вся проблема в центральном блоке, где выводятся категории каталога и поисковая форма, потому что простые страницы с простым текстом или таблицами показываются так как надо. В чем тут соль? Уже пару дней голову ломаю, как подлечить эту проблему. Если есть возможность подскажите!
0 votes1 answer -
overflow: hidden и z-index
У меня есть внешний div, который формирует белый фон для контента страницы, у которого было свойство overflow: hidden; Вокруг него лежит текстурный background страницы. Логотип я разместил в headerе, который был внутри указанного дива с overflow: hidden;. Попытался поднять лого с помощью position:relative и top: -100px, чтобы он оказался выше дива на текстурном фоне. Применял z-index и position подходящие для внешнего дива, чтобы лого вышло наверх, но пока не убрал overflow: hidden лого вверх не прошло. Выходит overflow: hidden; главнее z-index? Вот чего надо было добиться: Это так и делается обычно, с помощью position:relative и top: -100px?
0 votes7 answers -
Страница на базе 960gs - в IE6-8 не обображается полность.
Проблема такая - сверстал на базе 960gs страницу dvorec-online.ru/test2 В IE9, FF, Opera, Safari все ок, а вот в более ранних IE грузится только полстраницы (аккурат после баннера ничего нет) W3C серьезного криминала как я понял не находит. <!DOCTYPE HTML>. Грешил на удваивание margin старыми IE (должно лечиться float:left - ноль реакции). Сам 960gs никак не модифицировал. В какую сторону еще посмотреть? Заранее спасибо.
0 votes2 answers -
Экстра разметка
Здесь многие ее упоминают, но редко, когда дают понять, что подразумевают под этими словами. Так и до конца не смог понять, что на самом деле это означает. Может не все тоже понимают о чем идет речь и используют эти слова, чтобы произвести впечатление и этим возможно сбивают остальных. За все это время я узрел только два применения подобных слов. Это когда обсуждалась верстка формы на прошлом конкурсе..где якобы psywalker ее употребил для будущих каких-то возможных целей (расширяемости) и в других местах, где люди использовали для верстки хитроумного дизайна, где без дополнительных пустых тегов не обойтись...Так что на самом деле скрывается под этими словами?
0 votes1 answer -
Меню верстать одной картинкой или двумя?
Скажите, как верстать верхнюю строку меню, содержащую и ссылки и поиск? Вырезать их как одну картинку? или отнести ссылки к контенту, а поиск в правую колонку? http://files.mail.ru/6QVOTL?t=1
0 votes7 answers -
Фон и подвал внизу страницы
Ребят, не могу разобраться, возможно ли мне тут: http://exphp.tmc-center.ru сделать фон (справа внизу) как задумывалось? Помогите, пожалуйста
0 votes3 answers -
Реализация формы заказа
Всем привет За пару дней нарисовал и сверстал сайт с помощью гугла и этого сайта... Хочу сделать вместо простого прайса хорошую форму заказа с отправкой на емей. Цель : Клиент выбирает нужные пункты по типу <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> далее форма для комментария и контактов... с последующей отправкой этих данных на указанный емей. и тут смотрел и в гугле искал ничего полезного не нашел мб не так задаю параметры поиска не понятно. нашел пример http://www.gameshelper.net/prokachka-personazha-world-warcraft внизу находится html css и.т.п изучаю пару дней сильно не пинать
0 votes4 answers -
Есть трабл в вёрстке
Сама вёрстка здесь _bio-logiya.ru Когда заходишь под оперой, то сайт какбы padding-top: 100px; Если обновить, то вернётся на своё прежнее положение. Тоже самое происходит если открыть ссылку с помощью колёсика, тоесть страницу в новой вкладке. В чем может быть проблемы?
0 votes7 answers -
Как "развернуть" сайт на localhost
Здравствуйте, все! Хочу с сайтом работать локально. Сделал на серваке архивы, скачал их, разархивировал сайт в папку www, импортировал базу данных, перезапустил локальный сервер, но выводится ошибка связи с базой. Что я не доделал? Спасибо.
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-