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 блоки скрыты, а открываются только при нажатии на кнопку меню срабатывает стиль display: none, и соответственно при нажатии на какую нибудь кнопку из меню по такой же схеме открывается уже конечный блок с контентом. Проблема заключается в том что мне нужно поставить якорь на конечный контент, а ссылку - на логотип (со стартовой страницы), я так понимаю что ссылка не работает из за того что блок с конечным контентом скрыт. Но если открыть конечный контент кнопочка "services и значок с человечками" ссылка начинает работать. <a name="tab66"></a> якорь <a rel="nofollow" href="#tab66"><img src="…
0 votes0 answers -
Почему не обновляется экран при отладке через смартфон?
Здравствуйте! Когда я подключаю свой телефон на андроид 4+Хром к компу, чтобы посмотреть его глазами на какой-то сайт и отладить что-то при необходимости, то почему-то при прокрутке страницы вверх или вниз исчезает изображение в импровизированном экране телефона(там я поставил знак вопроса): Если мышку переместить на DOM справа, то изображение появляется и держится до момента новой прокрутки страницы вверх или вниз. Это как-то можно исправить, чтобы не бегать мышкой на DOM?
0 votes0 answers -
проблемы с кодом
<!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> sss </title> <style type="text/css"> html { margin: 0; padding: 0; } body { background-image:url('700.jpg'); } #main { background-image:url('fon2.png'); background-repeat:no-repeat; position:absolute; width:1024px; height:100%; background-position:center top; } #title { background-image:url('title.png'); background-repeat:no-repeat; position: absolute; width:100%; height:100%; background-posi…
0 votes1 answer -
Про margin
© margin Объясните пожалуйста, что это значит (схлопывание)?
0 votes1 answer -
тег html
интересует такой вопрос: что можно и что нельзя задать тегу html с помощью стилей? вопрос назрел, ибо стала актуальной тема задания диву высоты 100%. добиться этого удалось лишь указанием того же всем родителям, включая хтмл. однако если внутри есть блок с контентом с overflow: hidden; то всё обрезается по высоте страницы. если задать auto - появляются полосы прокрутки внутри дива, что не есть красиво. а собственно тег html хоть и понимает высоту, но на overflow не реагирует. что ещё ему можно таким образом задавать? или только размеры?
0 votes0 answers -
JavaScript
Как правильно написать js скрипт который возвращает на предыдущую страницу и в url дописывает переменную "&peremennaya" Вот скрипт который возвращает на предыдущую страницу <script>history.go(-1)</script>
0 votes1 answer -
Проблема с вертикальным выпадающем меню
собственно http://jsfiddle.net/zDJdT/2/ не понимаю почему так пропадает, помогите пожалуйста, где косячю?
0 votes4 answers -
Проблемы с выпадающим меню CSS
Проблема такая. Пишу сайт для себя и столкнулся с небольшой проблемкой - не могу сделать вертикальное выпадающие меню... Это мой первый сайт Помогите кто чем сможет. Пишу в 2 файлах .html и .css.Всё работает кроме этого Вот код: HTML <html> <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> <div class="cap"></div> <div class="mm"> <div id="mm1"><a href="page.html" class="bs1">a</a></div> <ul class="menu1"> <li><a href="page1.html">1</a></li> <li><a href="page2…
0 votes1 answer -
Разрыв между дивами
Подскажите как бороться с такой вот вещью. У меня есть два дива.В верхнем диве есть несколько плавающих блоков, последний элемент в верхнем диве со свойством clear:both; Стоит в верхний див добавить ченить с отступом(например <p>sss</p>), то нижний див съезжает и образуется белая полоса между ними. Что нужно прописать?
0 votes2 answers -
Как будет правильно выглядеть код на html5
Совсем запутался. Как будет правильно выглядеть код на html5. <div> <h1>Заголовок<h1> <div>seo партянка</div> <div> <h2>статья 1<h2> <div>content</div> <div> <div> <h2>статья 2<h2> <div>content 2</div> <div> </div> Спасибо.
0 votes4 answers -
Как убрать разделители у первого пункта и у последнего?
http://jsfiddle.net/ycdv8/1/ Почему ели я использую псевдоклассы такие как first-child и last-child, то разделители убираются у всех пунктов?
0 votes1 answer -
наложение div-ов
Честно говоря, даже не знаю как корректно задать запрос в поиск, чтобы найти ответ на вопрос. Сам только начинаю разбераться в вопросах верстки и на начальной стадии решил использовать фреймворк(если это можно так назвать) kickstart. По макету существует слайдер, Сверху слайдера отображается форма. Читал про свойство position. Корректно применяется для дива с "обычным" содержимым(текст, картинка). http://htmlbook.ru/css/position но в маем случае, за счет указания bottom, right и т.д. форму можно разместить на слайдере, но при изменении размера окна форма остается на месте, хотя на тех же примерах div position: absolute; меняет свое положение с изменением размера браузера.…
0 votes1 answer -
Слои
Здравствуйте,помогите пожалуйста,первый раз в жизни делаю верстку,проблема походу в слоях. Сильно не пинайте и заранее спасибо за помощь Вот что выходит: http://hostingkartinok.com/show-image.php?id=f993c383fdaf9dd34c41945e311207ac Сам код <html> <head> <title>Дизайн сайта</title> <link href="css/style.css" rel="stylesheet"> </head> <body> <header class="contener"> <div class="logo"> </div> <nav> <a href="#">Categories</a> <a href="#">Top Pro</a> <a href="#">Carts</a> </nav> <div class="koks"> </div> </head…
0 votes1 answer -
Проблема с фиксацией фона
Добрый день форумчани. Собственно проблема такая: - При уменьшении окна браузера фон макета начинает сдвигаться, что не есть правильно. Пробовал его зафиксировать с помощью min-width, реакции 0. Примеры: http://www.rzonline.ru/ - Фон не фиксированный (как у меня) http://pw.mail.ru/ - Фон фиксированный (как нужно) Фотографии моей проблемы: - Нормальное разрешение - При уменьшении окна CSS: HTML Заранее спасибо за помощь.
0 votes2 answers -
Need помощь
W"z Я не знаю возможно ли это сделать без flash. ближе к делу. Нужно сделать квадрат, допустим в нем надпись "мои друзья" наводим на этот квадрат там появляются надписи "петя" "маша" "саша" уводим мышь обратно - о5 мои друзья. Примичание необходимо чтобы "петя" "маша" "саша" были сылками. Прошу прощения если тему засунул не туда.
0 votes2 answers -
Отступ резиновых блоков
Подскажите, как сделать отступ между резиновыми блоками? Последний блок уходит вниз. Поискал решения в сети, но все они связаны с таблицами и отступами с двух сторон. Код ul#profile-videos li {margin-right:20px;width:33.33%;outline:1px solid #4cb0e9;display:-moz-inline-stack!important;display:inline-block;}
0 votes3 answers -
Robots
Здравствуйте! Чем отличается функциональность при написании в robots.txt: Disallow: /wp-admin и Disallow: /wp-admin/ Дело в том, что часто встречаю различное написание. О чем, вообще, говорит последний слэш после имени директории? Заранее благодарю за ответ!
0 votes0 answers -
Вопросы ну-совсем-уж-начинающего.
Здравствуйте. Задался идеей научиться создавать какие-никакие сайты. Не ради заработка, а так, чисто побаловаться, но в то же время уметь приятно удивить друзей красотой созданного сайта. Начал с того, что написал крошечную страницу в блокноте. Пошел дальше и стал изучать бесплатный хостинг Народ и его возможности. Так вот вся суть вопросов. Определенного фундамента знаний HTML/CSS не имею. Хочу узнать, подойдет ли Народ как вариант для изучения языка HTML/CSS? Также не могу понять, с чего начать изучение ХТМЛ. Начинаю читать раздел ХТМЛ на вашем сайте и понимаю, откровенно говоря, мало. Что посоветуете?
0 votes3 answers -
Вставка видео на web-страницу
Здравствуйте! Создавая web-сайт, я столкнулся с проблемой вставки видео. Мне бы хотелось, чтобы при входе на мой сайт автоматически включалось видео на полный экран, а потом уже пользователь видел саму страницу. Подскажите, как это сделать?
0 votes2 answers -
элементы DIV в ряд
Нужно расположить элементы DIV в ряд, и чтобы они вели себя, как обычные элементы - если div-ы не влезают по ширине в окно браузера, то чтобы они сами переносились на новую строку. Как это можно сделать?
0 votes1 answer -
article списком. можно ли?
вопрос по макету в блоке Todays Specials можно выделить 3 блока article(у каждого есть заголовок). собираюсь сверстать списком - каждый li сожержит article. скажите пожалуйста семантично ли так делать? не будет ли ошибкой вкладывать в элемент списка такой значимый блок? смущают в первую очередь заголовки
0 votes1 answer -
столбец залитый градиентом не выбеляется
Необходимо, что бы строка содержащая градиент в первом столбце выделялась при наведении! Если нет градиента то все нормально выделяется, а с ним не получается! td.rt { background: -webkit-linear-gradient(left,#FF0000 2% ,#FFFFFF 10%, #FFFFFF 50%, #FFFFFF 100%, rgba(255, 0, 0, 0.5));/*градиент для первого столбца*/ } tbody tr.tt:hover { background: #c8c8ff; /* Цвет фона при наведении */ color: #000000; } Помогите очень надо!
0 votes1 answer -
Маленькая проблема в меню
Здравствуйте. Сижу делаю меню. Почти всё сделал. Но возникает косяк в выпадающей части. При наведении на "Пункт 1" открывается выпадающая часть которая состоит из таблицы (3 строки и 3 столбца). В каждой ячейке таблицы будет от одного до нескольких div. Только не спрашивайте зачем так сделано, это всё не просто так, тут всё продумано Ссылка на страницу с меню: http://rosnominal.ru/Ros-l_NEW/index.html Ссылка на файл стилей: http://rosnominal.ru/Ros-l_NEW/style.css Само меню сделано через UL и LI. Косяк в том что список UL не встаёт в блок div а лежит поверх и следовательно не тянет этот div. Границы div обозначены красным цветом. Что не так???? Сижу уже третий день..…
0 votes2 answers -
Трудности с позиционированием
Доброго времени суток. Начал применять свои теоретические навыки на практике и столкнулся с небольшими трудностями. Прикладываю рисунок, того что должно быть и результат получившейся вёрстки. Вроде, всё кроссбраузерно, кроме как в IE. Как там округлить границы блоков? И ещё когда нажимаешь на textInput, то он выделяется жёлтым цветом, видел в Twitter-e и на других сайтах, он либо вообще не выделяется, либо выделяется, другим цветов(под цвет дизайна). Как это сделать? Теперь непосредственно к основной задаче: Вот как должно выйти: http://i082.radikal.ru/1209/96/c71bd55a88a9.png Вот вёрстка, которую я сделал: http://rghost.ru/40568111 Вероятно, вы увидели различия. Хотелось…
0 votes2 answers -
Проблема с меню
Здравствуйте, помогите пожалуйста с меню, я не знаю как сделать чтобы активный пункт выделялся желтым градиентом с треугольником. http://itmages.ru/image/view/761786/8e2854b1 мои наброски http://jsfiddle.net/EdLTE/
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-