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
-
Изменить размер и перенести на правую сторону
Не могу изменить размер и перенести меню на правую сторону. Сейчас это выглядит вот так а хочется вот так (сделано в фш) с цветами я и сама разберусь, а как поставить правильно не понимаю. (Типо код) <html> <head> <meta charset="utf-8"> <title>Цветочный салон: Мираж</title> <style> hr { border: none; background-color: #CD5C5C; color: red; height: 3px; } </style> <style> #navbar { margin: 0; padding: 0; list-style-type: none; border: 2px solid #FF00FF; border-radius: 20px 5px; width: 5…
0 votes4 answers -
Кнопка загрузки
Подскажите что надо сделать, чтобы кнопка загрузки вместе с полем адреса, а именно <input type="file" name="fupload"> была по ширине равна блоку таблицы, а то поле в мозилле равно ширине, а копка справа болтается. В опере вообще по другому. Как-то пытается вместе с кнопкой встать в блок но не получается. Что сделать?!
0 votes4 answers -
Изза чего может неработать относительная ссылка на внешние директории?
В общем недавно создал на бесплатном хостинге домен 3го уровня для своего сайта для его русской версии и назвал естественно ru.На сервере в папке сайта(public_html) создалась папка ru я сразу же закинул туда копию index.html что бы там хоть что то было,и для проверки на работоспособность я изменил пару ссылок в коде этой копии index.html а именно ссылки на css файл и логотип шапки сайта.Для тех кто ещё не понял добавил вначале ссылки ../ Но когда я начал проверять то заметил что сам индекс.хтмл читает а ссылки на верхние папки не работают,вот сами посмотрите http://ru.dotatest2111.p.ht/ я проверил,ссылки были написаны правильно,много провозился пытаясь обнаружить пробл…
0 votes11 answers -
Актуально ли использование em для указания размеров шрифтов?
Приветствую всех. Наткнулся на хабре на несколько статей, в которых обсуждается, какие единицы измерения использовать при указании размеров шрифтов во время верстки. Прочитал статьи и еще больше запутался)) В одних пишут, что em необходимо для нормального масшатбирования, в других пишут, что браузеры уже умею масштабировать px. В общем, то ли статьи старые, то ли я дурак) Конкретно на данный момет, какие преимущества от использования em вместо px ? Поддержка ie ниже 9 версии не планируется.
0 votes6 answers -
Помогите с СSS
Есть сайт - http://mebel.mordovia-sutochno.ru/mebel/gostinye/gostinaya-1 Когда я добавляю товар в корзину http://joxi.ru/YmEVDQETZn8X26 Появляются квадратики - я хочу их убрать... при этом сохранив их в левом верхнем меню сайта... Когда я добавляю товар в корзину http://joxi.ru/YmEVDQETZn8X26 Появляются квадратики - я хочу их убрать... при этом сохранив их в левом верхнем меню сайта...
0 votes11 answers -
Проблема горизонтальным меню , Когда открываешь сайт на другом мониторе то кнопки уходят вниз
Нужна помощь с горизонтальным меню для сайта. Мне нужно чтобы в меню все кнопки были сверху вместе с логотипом и в нем не оставалось пустого места, и что-бы было у всех одинаковое и не съезжало вниз от того что у человека маленький монитор. Помогите решить данную проблему вот ссылка на меню: http://jsfiddle.net/u0tafr7v/ буду очень благодарен если поможете Вот на фото пример как нужно что-бы было на сайте при любых расширениях экрана у пользователя. А это что происходит при уменьшение браузера или с маленького монитора:
0 votes5 answers -
Что лучше выбрать?
Объясните, пожалуйста, в каких случаях предпочтительнее пользоваться классами, а в каких id?
0 votes5 answers -
Определить стиль списка через идентификатор
Столкнулся с такой реализацией САБЖА в коде одной из тем ВордПреса: #nav ul {display: inline; font-size: 0.7em; line-height: 1.75em } этот код не работает и размер шрифта для списка берется из базового стиля для списка а вот если переработать код так, то все ок: ul#nav {display: inline; font-size: 0.7em; line-height: 1.75em } Вопрос: первый вариант кода вообще допустим или нет? Или для него есть какие-то особенности, раз авторы темы таки использовали его?
0 votes2 answers -
Помогите добавить воздуха в меню
Добрый день! Есть вертикальное меню в левой колонке такого вида: <tr><td class="me"> <ul class="lev"> <li class="menulev" id="menu_left"><a href="">Главная</a></li> <li class="menulev" id="menu_left"><a href="">Любопытно</a></li> <li class="menulev" id="menu_left"><a href="">Новости </a></li> <li class="menulev" id="menu_left"><a href="">Ссылки</a></li> <li class="menulev" id="menu_left"><a href="">О проекте</a></li> <li class="menulev" id="menu_left"><a href="">Обратная связь</a></li> </ul> </td&…
0 votes3 answers -
Как создать страницу фиксированного размера?
Меня интересует как можно создать странику фиксированного размера? Ну например 200х200 пикселей Например, вот такую как на рисунку. Только это в опере. А то есть страницы, которые и в ИЕ отображаются похоже. Как так сделать?
0 votes2 answers -
Две колонки
Здравствуйте, помогите решить проблему. CSS недавно начал осваивать. Нужно что бы блоки news и menu обтекались блоком content а получается вот что CSS #container { width: 875px; } #top { background:url(../images/top.jpg) no-repeat #000000; width:875px; height:427px; } #speedbar .leftb { width: 115px; height: 32px; float: left; color: white; background:url(../images/b_l.gif) no-repeat #000000; } #speedbar .centerb { height: 32px; width: 732px; background:url(../images/b_c.gif) repeat #000000; margin-left: 0px; float: left; } #speedbar .rightb { height: 32px; background:url(../images/b_r.gif) no-repeat #000000; float: left; margin-left: 0…
0 votes6 answers -
Верхний див не активный, нижний активный.
Два дива, у одного z-index выше, он соответственно располагается поверх и становится активным. А возможно ли как то сделать его (верхний блок)не активным, а нижний активным?
0 votes2 answers -
Как выровнять текстовые блоки
Как выровнять текстовые блоки Как можно делать блоки ровным. От зависимости текста. Одного блока больше текст и остальные высота боки чтобы были ровным. http://my.jetscreenshot.com/1668/20100216-vozf-44kb.jpg
0 votes3 answers -
Помогите Подправить Шаблон
Нашел хороший шаблончик http://rghost.ru/2536374 но он нормально отображается только в IE 6. В Opera, Google Chrome и остальных браузер все вверх ногами.. Подскажите что подправить надо то..
0 votes11 answers -
Почему маркеры не убираются?)
html файл: <html> <head> <title>психоанализ </title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <ul> <li> ницше </li> <li> фрейд </li> <li> юнг </li> <li> гросс </li> </ul> </body> </html> css файл (название - style.css) ul {list-style-type:none;}
0 votes3 answers -
Центрирование span по вертикали поверх картинки
Добрый день! Есть такая задачка, не могу отцентрировать по вертикали блок span. CSS .example2 { display:inline-block; position:relative; height:241px; } .example2 span { display:inline-block; position: absolute; top: 40%; left:0px; width:460px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; background-color:rgba(0,0,0,.4); padding:10px 30px; } HTML <div id="slider"> <ul> <li><div class="example2"><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /><span class="s1"><span>…
0 votes1 answer -
Каждый раз разное видео на сайте
Доброго времени суток. У меня на обычном лендинге есть видео с ютуба. Цель - чтобы каждый раз включалось разное видео(их около 10). Все видео присутствуют на канале ютуба. Я как подозреваю данный функционал возможен при вмешательстве php либо javascript. Возможно так же есть где-то готовый скрипт, выводящий целый канал на сайт и каждый раз включается разное видео с этого канала. В общем, прошу вас помочь мне в данном вопросе. Сайт - https://kvestvnore.ru/ Код видео <div class="t347__video-container t347__hidden" data-content-popup-video-url-youtube="ZiJEJPZrkW8"> <div class="t347__video-carier"></div> [/HTML]
0 votes7 answers -
Кусок меню отваливается в IE
Посмотрите http://junglecity.ru/newshop/ В опере и мозилле все в порядке. ИЕ видимо по своему трактует width самого меню. Поэтому все выходит больше 850px. Как с этим бороться? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>index</title> <style type="text/css"> BODY { text-align: center; margin-top: 20px; } #page { width: 850px; margin-right: auto; margin-left: auto; } #logo { text-align:left; margin-bottom: 20px; } #punkt { width: 834px; height: 41px; background: #009900; line-height:41px; } #punkt ul { display: inline; } #punkt ul li { padding: 3px 20px; border-le…
0 votes1 answer -
переход по .htaccess
добрый день, может конечно не в эту тему написал - не ругайте. такая проблема - в .htaccess - написано - ErrorDocument 404 /er_ref.html в er_ref.html - написано - <meta http-equiv="Refresh" content="0; URL=http://www.мой_сайт.ru/index.php"> некоторые проводники при не правильной странице переходят куда должны, а некоторые...тот же IE - нет. в чем ошибка???
0 votes2 answers -
пхп код 5ти последний статей
писал пхп код в сайдбаре на 5 последних статей , не вышло... кто поможет? вот код: <!-- begin sidebar --> <div id='menu-right'> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <ul> <?php wp_list_pages('title_li=<h2>Главное меню</h2>'); ?> </ul> <h2><?php _e('Рубрики'); ?></h2> <ul> <li id="categories"> <ul> <?php wp_list_cats(); ?> </ul> </li> 5 последних статей ТУТ <li id="archives"><h2><?php _e('Архив'); ?></h2> <ul> <?php wp_get_archives('type=monthly'); ?> </ul> </li> …
0 votes9 answers -
TEXTAREA - Как сделать жесткие переносы?
Есть textarea с фиксированной шириной. Как сделать чтобы при вводе длинных неразрывных строк - они переносились на новую строку, а не появлялась горизонтальная прокрутка?
0 votes2 answers -
Div верстка (высота и фон)
Сперва ситуация ! Есть дизайн пытаюсь сверстать но появилась проблема в FF,Opera в IE всё нормально ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> <!-- html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } #page { min-height: 100%; margin: 0 auto; background: #5af } #container {margin:0 auto; width: 960px;height:auto !important;height:100%;min-height:100%;backgr…
0 votes5 answers -
форматирование внутри option
Здравствуйте, помогите кто знает: Внутри элемента списка option часть текста выделить полужирным и выровнять ее по правому краю.
0 votes3 answers -
Выравнивание слоев в ячейке
Здравствуйте! Надеюсь, что разделом не ошиблась. Извините за чайниковский вопрос, но не получается выравнять слои - наверное что-то неправильно понимаю. Есть ячейка таблицы, в которую нужно поместить многослойную резиновую шапку (фон из body, все остальные картинки с прозрачным фоном) высотой 288px: Слой 1: .head2 – здесь лежит картинка 1024 Х 288, выравненная по левому краю , на ней сверху Н1 Слой 2: .head3 – это картинка «правого нижнего угла» - я ее сделала тоже высотой 288, но она приблизительно половину высоты занимает эти 2 слоя нормально легли и нормально «резинятся» друг относительно друга. Слой 3: .head4 - на слой 2 нужно наложить логотип, поместить его фоном не…
0 votes11 answers -
Первый сайт
Решил создать СВОЙ первый сайт. Надоело тырить все скрипты,коды с других сайтов. На "моём" сайте,дизайн которого я слизал с нэта,всё было расположенно по таблицам. Возникло пару вопросов для The PRO. 1.Как поместить весь сайт в таблицу? 2.Ставить сначала блоки,затем контент или наоборот? 3.при валидации "моего" сайта валидатор написал мне,что <html> должен писаться html>,собсно вопрос:"Что за Бред??" Надеюсь на ответы,без ругательства матом,спасибо.
0 votes10 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-