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
-
Проблема с IE7
Всем привет!! Помогите пожалуйста разобраться с IE7 Делаю верстку одного макета, код см. ниже, во всех браузерах кроме IE7 все выглядеть вроде нормально а в IE шапка вся на наперекосяк. У меня подозрение на haslayout но где куда не догадываюсь. И ище одна маленькая просьба обратить внимание на код! Что правильно что нет? Прошу сильно не ругать это моя первая работа мой первый макет! <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Натуральный камень в Молдове, купить</title><link rel="stylesheet" type="text/css" href="css/reset.css"><link rel="stylesheet" type="text/css" hre…
0 votes3 answers -
Карта изображений
Сижу учусь. не ругайтесь сразу, очень хотела решить эту задачу сама, но уже несколько часов ничего не получается, идеи иссякли. Есть изображение с кружочками, из него сделана карта изображений, так чтобы каждый кружочек был отдельной ссылкой на другую страницу. Что нужно написать в css, чтобы эти кружочки при нажатии не подсвечивались голубой рамочкой в виде круга? Приведен код карты изображений. To learn more cryptography, please tour the site.<br /> <img src="locks.jpg" alt="lock links" width="510" height="110" usemap="#locks"/><map name="locks"><area shape="circle" coords="52,52,43"href ="history.htm" alt="History" /><area sha…
0 votes9 answers -
Проблема с viewport
При отсутствии тега вьюпорт сайт не влезает во весь экран на айпаде. При использовании вьюпорта width=device-width сайт обрезается и справа появляется пустое пространство. Прокрутить горизонтально сайт не получается. Если сделать вьюпорт width=1200px, то все нормально. В чем может быть проблема? Скриншот прилагаю: http://i68.fastpic.ru/big/2014/1227/ac/573759c329f769151b075bc23a900cac.jpg
0 votes0 answers -
<button> отправить форму и остаться на странице
Подскажите решение, пожалуйста. Есть среди ответов форума вариант onclick="window.open('https://myurl')" но будет ли это валидно в моём случае?
0 votes3 answers -
Верстка сайта
Здравствуйте! Интересует вопрос по верстки сайта, как я понял существует 3 типа: табличная(table), блочная(div) и сеточная (layout, grid) и каждый тип по-своему влияет на SEO. Есть сайт, сверстанный полностью на table, и я не знаю, нужно ли поменять верстку на более "новую", чтобы выдавал более высокий рейтинг в поисковике, или тип верстки сайта никак не влияет на это?
0 votes3 answers -
Поиск
Скажите пожалуйста, как сделать поиск в середине сайта?
0 votes4 answers -
вопрос по шрифту в СSS (можт глупый, извините тогда)
Добрый вечер!! Возник вопрос можно ли шрифт вытянуть или сплющить по высоте через CSS. Если вдруг возможно то какой строчкой это прописывается в CSS.
0 votes2 answers -
страница-невидимка х_х
есть страничка - http://beavers-net.narod.ru/prime.html Её видно в Опере, Сафари., Хроме...совершенно не видно в Фаере и ослике... Ошибок вродь нет..валидацию прошёл и CSS и HTML..Консоль ошибок тож молчит.. не знаю что и думать..( Кто-нибудь с таким сталкивался?
0 votes3 answers -
вывод текста
Вот такая ерунда получилась... пока не вижу в чём причина, может кто свежим взглядом кинет - подскажет? Красным - дивы с фоновым изображением. По z индексу 1 и 2 Оранжевый блок по z индексу - 70 Если текст добавить, то ниже линии границ он будет на всю ширину оранжевого блока.
0 votes5 answers -
Почему смещается элемент?
https://www.zebra-tara.ru при малом размере экрана съезжает вниз тестовое поле поиска, не смог найти, что на него влияет: http://prntscr.com/ix6bgw почему так?
0 votes3 answers -
robots.txt для GOOGLE
помогите улучшить robots.txt чтобы google лучше индексировал ну и другие боты,может что исправить можно??))) User-agent: * Disallow: /a/ Disallow: /stat/ Disallow: /index/1 Disallow: /index/2 Disallow: /index/3 Disallow: /index/5 Disallow: /index/7 Disallow: /index/8 Disallow: /index/9 Disallow: /panel/ Disallow: /admin/ Disallow: /secure/ Disallow: /informer/ Disallow: /mchat Disallow: /search Sitemap: http://www.сайт.com/sitemap.xml User-agent: Yandex Disallow: /a/ Disallow: /stat/ Disallow: /index/1 Disallow: /index/2 Disallow: /index/3 Disallow: /index/5 Disallow: /index/7 Disallow: /index/8 Disallow: /index/9 Disallow: /panel/ Disallow: /admin/ Disallow: /secure/ Dis…
0 votes5 answers -
Кнопки из спрайта на одной строке
Доброго времени суток. Используя технику "CSS Sprites" хочу сделать горизонтальное меню из кнопок-изображений, но каждая кнопка размещается на новой строке, как это исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>CSS спрайты</title> <style type="text/css"> a.blueBtn { display: block; height: 30px; background: url('http://www.google.ru/images/nav_logo102.png') 0 0 no-repeat; width: 146px; } a.otherBtn{ display: block; height: 30px; background: url('http://www.google.ru/images/nav_logo102.png') 0 -100px no-repeat; width…
0 votes5 answers -
Подскажите как лучше реализовать меню
В средней секции сайта есть бокс, в котором должно находиться меню такого вида: скрин Каждый квадрат соответственно пункт меню, с фоновой картинкой и текстом. Задача- чтоб при наведении на квадрат, он как бы показывался поверх того квадрата который его перекрывает. Изначально планировал сделать это на списке, но в данный момент задумался о js. Чем проще и надежнее реализовать данную задачу?
0 votes8 answers -
text-align в IE<9
Такая трабла: IE младше 9-ой версии неправильно выравнивают inline-block элементы. <div class="parent"> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> </div> Задав блоку с классом "parent" свойство text-align: center, а дочерним элементам свойство inline-block, нормальные браузеры располагают инлайн-блоки ровно по центру, но не IE<9. Как справиться с этим? Гуглил, но тамошние приемы мне не помогли, или я просто делал что-то не так.
0 votes4 answers -
Размер контента в Firefox.
Добрый день столкнулся с проблемой размера контента в фаерфоксе. Скрин меню в фаерфоксе В остальных браузерах вот CSS код .mainmenu-block { background-color: #6EB9FF; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 185, 255, 1)), to(rgba(15, 109, 196, 1))); background-image: -webkit-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: -moz-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: -o-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); border-radius:5px; …
0 votes15 answers -
фоновая картинка и фоновый цвет
Очень простая вещь не работает ни в какую: body{ background:url(imgex5/header1.jpg) no-repeat #e9f1f4; background-size:100%; } Нужна вверху узкая картинка во всю ширину окна, а всё ниже фоновый цвет. Картинку видит всё OK, а цвет не видит.Мозги уже вскипели. Спасибо!
0 votes3 answers -
Меню и DIV
Добрый день Есть один html-макет на css Каждый div описывает css Хочу вставить меню, но что-бы при выборе пункта внутри div подгружалася свой html файл <div class="tabs"><ul id="Tabs"> <li id="TwoTab" class="Tab"><a href="#Two" onclick="Two(); return false;">Вторая</a></li> <li id="OneTab" class="SelectedTab"><a href="#One" onclick="One(); return false;">Первая</a></li></ul></div><div id="block6"><div id="Content"><!-- Первая --><div id="One"><p>Группа символов для объема 1...</p></div> <!-- Вторая --><div id="Two" style="display: none;"><p>Г…
0 votes12 answers -
Невидимая колонка в резиновой таблице
Добрый день. У меня возник такой вопрос к опытным верстальщикам: У меня есть таблица внутри блока <div>, состоящая из трех видимых колонок и одной невидимой. По умолчанию ширина колонок задана мной в процентах (на рисунке 1). Я могу выставить любой колонке значение в пикселях, в таком случае другие колонки восполнят ширину (рисунок 2). Но я могу также и задать все колонкам ширину в пикселях. В таком случае мне нужно, чтобы появлялась ещё одна колонка, которая восполнит ширину таблицы. Каким образом я могу организовать подобную колонку? Желательно на чистом CSS, но можно и с помощью JS.
0 votes3 answers -
Наклонные секции
Здравствуйте, в макетах часто попадаются трансформированные секции (наклонные, в виде параллелограмма, или с углом внизу .. Скажите, как их делают? Подразумеваю что на css трансформациях .. Но тогда вся секция вместе с контентом поварачивается .. Или делают через псевдоэлементы? Если есть статья, или видео-урок, буду признателен ..
0 votes2 answers -
Как адаптировать под мобильный?
Здравствуйте. Вот есть такой сайт https://jsbin.com/yonapon/edit?html,css,js,output. На обычном мониторе есть отступы справа и слева, отображение корректное. Но когда проверяю на мобильном, нет этих отступов и некорректно работает ширина. Как мне это справить?
0 votes1 answer -
Личные списки
Вопрос по созданию списков. Есть немало сайтов с фильмами, играми, аниме и т.д. где можно зарегистрироваться и создать свой личный список, например "Буду смотреть", "Смотрю", "Просмотрено". В эти списки можно добавлять фильм прямо со страницы этого фильма, а после в своем профиле увидеть его в списках. Приложу скриншоты и сайт-пример. Стало очень интересно как эти самые списки сделать на своем сайте?
0 votes2 answers -
Подскажите по поводу ссылок
Подскажите как реализовать такую вещь.. http://fotki.yandex.ru/users/artofhuman/view/2193/ Нужно чтобы при наведении на ссылку она подсвечивалась. Думал фоном задавать по всей высоте ссылке, но тогда высота кликабильной области ссылки будет большая.
0 votes2 answers -
Сьехал кусок в IE, в Опере всё норм
Добрый день! Я не так давно занимаюсь веб строительством, возникла проблема с отображением части сайта в разных браузерах: вот код этой части сайта: <div align="left" id="topMenu"> <img src="i/topMenuLeft.jpg"> <div id="topMenuContent"> <table> <tr bgcolor="#052d0d"> <td><a href="......"> Вход </a></td> <td><a href="......"> Регистрация </a></td> <td><a href="......"> Кабинет </a></td> <td><a href="......"> Корзина </a></td> <td><a href="......"> Выход </a></td> </tr> </table>…
0 votes2 answers -
Фоновая картинка на весь экран
Как такое сделать? Вот скажем так, как на ostriv.in.ua
0 votes1 answer -
Как сделать страничку с добавлением странички через "/"
Здравствуйте,уважаемые спецы. Я полный чайник имею самые базовые представления о html. Срочно надо сделать такую штуку. Есть домен например www.test.com на нем сделана переадресация на другую страничку, если надо могу полностью текст переадресации выложить. Надо сделать так чтобы если ввести www.test.com/kurs открывалась другая страничка. Т.е. по адрессу www.test.com была переадресация, а по ссылке www.test.com/kurs открывалось содержимое которое я сделаю. Как это сделать, подскажите, пожалуйста, очень надо. Знаю, что можно, т.к. видел такое. Или подскажите, что почитать т.к. я даже не знаю как это называется и что искать. Заранее спасибо.
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-