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
-
Что лучше выбрать?
Объясните, пожалуйста, в каких случаях предпочтительнее пользоваться классами, а в каких id?
0 votes5 answers -
Ширина абсолютно-спозиционированного элемента в IE6
В IE6 абсолютно-спозиционированный элемент с width:100%, вместо того, чтобы занять 100% ширины родительского блока, занимает 100% ширины прародительского. В остальных бразузерах, втч. в IE7, все ок. Если убрать у родительского блока float, и задать конкретный размер, тогда все ок. Но так не пойдет, т.к. блок может быть совершенно разной ширины. Прикладываю архив с примером. В общем-то, может кто сталкивался и знает обходные пути. http://slil.ru/26502035
0 votes3 answers -
DHTML - MHTML
Эт наверно глупый опрос,но если я его не задам я буду в неведение В чем разница между html shtml dhtml&
0 votes5 answers -
Выпадающее меню, проблема в IE6
Здравствуйте! Помогите пожалуйста решить такую проблему: Есть горизонтальное меню, с выпадающим подменю при наведении мыши. Дело в том, что пункты меню не ограничены по ширине и зависят от длины текста в них. Во всех браузерах (кроме гадского IE6) подменю имеет ширину родительского элемента (тоесть самого пункта меню), а в IE6 оно растягивается по всей длине меню! Я так понял, что IE6 при абсолютном позиционировании блока неправильно определяет родительский элемент. Вот ссылка на пример: ссылка на меню Код меню: <ul class="menu"> <li><a href="#">Very Long Menu Item</a> <ul> <li><a href="#">Submenu 1</a></li> &l…
0 votes9 answers -
Форма обратной связи
Доброго времени суток всем. Верстаю свой первый блочный сайт. Хочу добавить форму обратной связи Будет лучше если форма будет гоизонтальной. Подскажите как сделать форму горизонтальной ? При нажатии мышкой в поле Дата заезда или Дата выезда всплывает календарь что очень удобно при заполнении - как это сделать? помогите создать форму пожалуйста. Вертикальная форма:
0 votes8 answers -
Не открывается сайт - ждет ajax.aspnetcdn.com
Все добрый вечер! Никогда не было такой проблемы и вдруг взялась из ниоткуда Блог открывается по несколько минут, пишет "Ожидание от ajax.aspnetcdn.com. Один раз 10 минут пришлось ждать! Google вообще по этой теме ничего не выдает... Подскажите, пожалуйста, в чем проблема и что можно сделать, что вернуть блог в нормально состояние? Заранее спасибо!
0 votes2 answers -
Хелп
Как сделать блок на сайт помогите плз. напишите 370200364
0 votes7 answers -
Скрол не простой а картинкой, срочн
реально сделать скрол не боковой, а в самой странице вот чтото типо такого , очень над
0 votes11 answers -
Простой вопрос по псевдо-классам
Удивило странное повидение "правильных" браузеров. Имея вот такие пожелания, записанные в CSS файле a:link {color: blue;} a:visited {color: perple;} a:hover {text-decoration: underline;} немогу получить желаемого от FF или Chrome - а именно добиться подчеркивания при наведении и изменения цвета посещенных ссылок, кстати если к hover присвоить цвет, то это в отличие от подчеркивания работает. Как это ни странно повидение IE6 в данном случае напротив предсказуемо - цвет посещенных ссылок меняется, подчеркивание работает. В чем моя ошибка? совершенно не понимая причину проблемы прикрепляю код примера: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://ww…
0 votes9 answers -
Формы в таблице
Использую <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Есть табличные данные, которые надо редактировать. Исходя из структуры данных (табличная) думаю что семантически правильнее использовать table, но возникла проблема при таком коде <table><tr><th>Заголовок</th><th>Заголовок2</th></tr> <form action="" method="post"><tr> <td><input type="text" name="name" value="value" /></td> <td><input type="text" name="name2" value="value2" /></td> </tr></form> <form action="" method="post"><tr> <td><…
0 votes4 answers -
Фон: растянуть и фиксировать!
Извините, знаю что эта тема уже поднималась, но там не все ссылки работают. Я новичок, поэтому сразу прошу-подробнее!!! Надо растянуть автоматом фон под любое разрешение и зафиксировать. Недавно узнала про существование слоёв, очень понравилась идея, если можно сделать через них, то буду вообще в восторге!!! Ещё раз извините за тему, которую поднимает, наверное, каждый новичок, но я вам торжественно обещаю, что если вы меня научите, когда я подучусь, то напишу учебник и вас больше не будут мучать этим вопросом)))Заранее спасибо!! Всё бы ничего, но в ие вот это не работает: <html> <head> <title>Математика для народа</title> <style type="text/css…
0 votes6 answers -
центрирование дива
Всем привет. нужно сделать так: <div class="header"> <div class="header-left"><input type="button" value="Отменить" /></div> <span class="header-center">Twit</span> <div class="header-right"><input type="button" value="Отправить" /></div> </div> надо чтобы были header-left слева, и header-right справа, а header-center, по центру. делаю .header { overflow: hidden; } .header-left { float: left; } .header-center { } .header-right { float: right; } как сделать по центру? спасибо
0 votes9 answers -
Arial Narrow для ios
web safe 'Arial Narrow', Arial Narrow, 'Nimbus Sans L', sans-serif; font-stretch: condensed; Но на планшетах и подобных устройствах выходит неприятный облом. Может есть в нем похожий шрифт сжатый? Или какой-то другой выход есть? Arial Narrow не бесплатный шрифт же - его так просто не достать?
0 votes4 answers -
Создание thumbnails из div`ов - проблема
Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все рабо…
0 votes1 answer -
CSS - Шрифт
Как лучше указывать шрифт, то есть в каких единицах? Или лучше указать просто название шрифта без единиц? Заранее спасибо.
0 votes2 answers -
mozilla не понимает colspan через JS
в таблице есть radio button посредством которой выбирается товар кликнув на нее картинка товара и его описание сдвигаются влево, у предыдущего кликнутого появляется radio. в ие и опере вс? ок, а в мозилле в?рстка плыв?т. HTML: <tr> <td id=td26 valign=bottom style="display:none;padding:15;padding-left:0;padding-top:100" > <input type="radio" onclick=selectOne(26) name=selectone id=rad26 value="26" /></td> <td valign=top id=img26><img src="/images/item/26_1.src.jpg" onclick=selectOne(26) width="106" height="106" style='border:3px solid #d8c4a3;' alt=""/></td> <form action="/?page=basket" method="post" name=delTovar26><td …
0 votes0 answers -
Выравнивание блочных элементов.
Вот ресурсик мой: www.eds.gkng.ru. Проблема в чем. Вот есть там сейчас в области контента несколько элементов в виде фиолетовой карты. Надо его выровнять по центру. Самое инетересное, что текст выравнивается, а блок нет. Но это еще не все. Самое жесткое, что таких блоков может быть быть несколько (много даже). Я их всех прилепляю флоатом, как можете видеть. Т.е. в зависимости от разрешения монитора у юзера в строку будет влеплено столько блочков, сколько помещается, остальные все перенесены на след строку. И вся эта конструкция должна быть выровнена по центру. - вот с этим то и загвоздка. Если есть у кого мысли на эту тему, помогите. Заранее спасибо Да. Там только нарабо…
0 votes2 answers -
Отступы при стопроцентной ширине/высоте
Есть див высотой 50% от окна. Внутри него есть еще один див, который должен быть высотой 100% от родительского дива минус 30 пикселей сверху и снизу. Если я добавляю padding к родительскому диву, то его высота получается больше 50%. Возможно ли сделать нужные отступы, не увеличивая высоту родительского дива, не используя JavaScript? Сделать высоту родительского дива меньше 50% нельзя, т.к. иначе размер будет немного разный по высоте при различных разрешениях, что недопустимо.
0 votes7 answers -
Помогите найти литературу по HTML!
Мне сказали ,что для работы в веб-дизайне нужно для начала изучить HTML,потом перейти к PHP Ну и т.д.!Что вы посоветуете?спс)
0 votes6 answers -
Отступ между div и img в internet explorer
Есть следующий код: <body> <div style="background: fuchsia; float: left; width: 30px;"></div> <img style="border: none;" src="http://www.google.ru/logos/2011/eisner11-res.jpg"> </body> http://79.173.86.160/entrance/newhtml.html если смотреть его в ie, то между элементами будет расстояние. как его ликвидировать? padding и margin обоим элементам мне не помогли, hspace для img тоже... заранее спасибо !
0 votes5 answers -
Нестандартная карта
http://prntscr.com/6x5abq Не делал еще такого, может есть примеры реализации? Буду благодарен за любые подсказки.
0 votes5 answers -
Ссылки по дуге
Нужно расположить несколько ссылок-картинок (меню) по горизонтальной дуге. Думал сделать так: #menu li { position: relative; display: inline; } #menu li a { display: block; margin-left: 30px; width: 75px; height: 75px; } а уже сами ссылки подогнать по высоте при помощи top: xx; но оказалось, что при помещении блочных ссылок внутри встроенных [*], последние дружно выстраиваются столбиком. В чем моя ошибка?
0 votes3 answers -
баг со ссылками в списках
Здравствуйте, проблема такая в начале страницы идет обнуление "ol, ul {list-style: none;}" и оно каким то образом влияет на вид ссылок в списках под Оперой и Фаерфоксом(нет подчеркиваний) хотя в IE6-7 все отображаться нормально. Как только я убираю вышеуказанное правило все становиться нормально, но ведь это не выход... Помогите пожалуйста
0 votes8 answers -
Ссылки и Опера
Проблема , делаю шапку с ссылками изображениями; - в CSS прописаны стили для глобального пареметра <a> и в FF этот стиль присвоился ссылке-картинке, как от этого избавиться ? a:link { text-decoration: none; color: #CD4427; } a:visited { text-decoration: none; color: #CD4427; } a:hover, a:active { color: #E06E56; } - в Опера не отображаются картинки-ссылки, сверстанные таким образом : <div id="navigation"> <div class="ads"> <a href="http://ya.ru" title="bla bla bla"><img alt="" src="<?php bloginfo('url'); ?>/wp-content/themes/redsplash/images/psp-link.png"/></a> <a href="http://ya.ru" title="bla bla bla">&…
0 votes4 answers -
Переход в начало страницы.
Главная страница остается статичной, все действия происходят внутри фрейма, при пререходе со страницы на страницу, нет возврата к началу! т.е. если я в самом конце страницы, и перехожу с нее по ссылке на другую(расположенную в фрейме), открывается новая страница на том же участке где была ссылка на старой... в общем мучаюсь ппц! не смог найти решение в посковике по тому что не могу описать корректно суть проблемы =))) вот пара картинок чтоб понятней было... вот так выглядит страница. Вот я ее просмотрел до конца перешел по ссылке, открылась новая страница, но на томже участке а хотелось бы чтобы при открытии она каким-то образом возвращалась к началу, вот примерно та…
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-