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
-
Вёрстка колонок
Сейчас лучше чем верстать колонки сайта: флоатами или inline-block?
0 votes1 answer -
помогите немогу поставить сайдбар и контент правильно в один ряд
<!DOCTYPE html> <html> <head> <title>Создание Сайтов</title> <meta charset="windows-1251"> <link rel="stylesheet" href="css/main.css" type="text/css"> </head> <body> <div id="page_aligen"> <div id="shapka"> <a href="Glavnaya">Главная </a> <a href="Ceni">Цены</a> <a href="Docky">Документы</a> <a href="kontakti">Контакты</a> <a href="Npishute">Напишите нам</a> <a href="Zakaz" ><font class="zakaz">Закажите</font></a> </div><…
0 votes2 answers -
Полная замена кода страницы
Доброго времени суток! Буду краток : обучаюсь верстке, наткнулся на такой пример (на кодопене, внизу, если не открывает - codepen.io/colewaldrip/pen/MKmKEJ) Проблема: На сайте и в скаченных исходниках (архиве) совершенно разные коды, хотя открывается та же форма (можете попробовать экспортировать). Соответственно я так понял, что код где-то должен заменяться, только я не понимаю где. Будьте любезны, объясните почему так происходит, где происходит замена и что можно почитать/ посмотреть на эту тему. Заранее спасибо.
0 votes0 answers -
Ширина и отступы в дивах
CSS body { margin: 0px; } #d1, #d2, #d3, #d4, #d5 { padding: 0px 0px 0px 0px; } #d1, #d4 { height: 100px; } #d1 { background-color: red; } #d2, #d3 { height: 400px; } #d2 { background-color: orange; float: left; width: 150px; } #d3 { background-color: yellow; float: right; width: 1115px; } #d4 { background-color: pink; clear: both; } HTML <body> <div id="d1">text...</div> <div id="d2">text...</div> <div id="d3">text...</div> <div id="d4">text...</div> </body> Результат: http://imgsave.ru/image-8D09_4E33E4FA.jpg 1) как зная разрешение экрана, установить два дива на всю ширину экрана? не в процент…
0 votes0 answers -
Какие косяки могут быть с "position:relative"?
В макете понадобился закрыть часть экрана блоком с "position:fixed". Из-за чего некоторые ссылки перекрылись этим блоком. Отслеживать поведение каждой - уйма времени. Вариант - задать всем перекрытым блокам position:relative и "вытолкнуть" их наверх через z-index. Какие при этом могут появится косяки? Например, переопределение родителя при абсолютном позиционировании (вместо body - позиционированный блок) или float будет корректно работать? Может ещё какие подводные камни?
0 votes0 answers -
Проблема margin
Здрасти всем, у меня возникла проблема в margin, прощу помощь. Вот html страница <body> <div id="center"> <div id="logo"></div> <div id="leftbar"> тесттттттттттттттттттттттттттттт </div> <div id="rightbar"> <div id="panel">Панел</div> <table> <tr><th>#</th><th>тест</th><th>тест</th></tr> <tr><td>1</td> <td>тест</td> <td>1111</td></tr> <tr><td>2</td> <td>тест</td> <td>26.02.1992</td></tr> <tr><td>3</td> <td>тест</td> <td>08.05.1…
0 votes1 answer -
верстка письма
Добрый вечер. Столкнулся с неприятным багом в Outlook 2007. В колонке таблицы хочу разместить картинку(элемент дизайна) размером 14x580. Если указать src картинки(а мне именно так и нужно и никак иначе) через cid, то в Outlook'e изображение растягивается до 720px, что совершенно все портит (если указывать через обычный url, то все ok, но это не вариант). Есть у кого идеи/советы? Возможно вознаграждение(ЯД).
0 votes0 answers -
Помогите довести до ума
Здравствуйте! Целый день бьюсь над несколькими проблемами, давно верстал, а вертку не доделал и забыл что да как. Вот имеется странички: http://banks.xpmaster.ru/gamer/index.html http://banks.xpmaster.ru/gamer/index2.html Так у них в между блоков есть пространство, как его убрать? А также нужно выровнять футер, нужно сделать так чтобы он был на весь экран растягивался. Как это сделать? Спасибо за внимание, надеюсь поможете.
0 votes4 answers -
Проблема в ie8+
Сверстал шапку, во все браузерах все отлично. В ie6 тоже в принципе все нормально, правда не поддерживает минимальную ширину сайта, но бог с этим В ie7 все отлично в ie8 тоже все отлично а вот в ie9 проблема Не отображается ни одна картинка на сайта, ie9 вроде видит структуру картинок но не отображает, сайт резиновый, картинки позиционированием выровнял и floatom одновременно, почему во всех браузерах даже в ie6,7,8 показываются, а в ie 9 нет ? вот исходники http://jsfiddle.net/23bJa вот скриншоты: mozilla firefox: http://radikale.ru/data/upload/4efc3/69fda/ebcd054d3e.png opera: http://radikale.ru/data/upload/05615/69fda/3144fe2bd3.png ie6: http://radikale.ru/data/upload/…
0 votes2 answers -
Помощь с вёрсткой
Здравствуйте! Не могу никак найти свойство, которое отвечает за появление формы. В этом сайте http://www.mys174.ru/после переноса блока "левое меню" (float: right) при нажатии кнопки "задать вопрос" форма появляется за пределами сайта, то есть появляется горизонтальный ползунок. Надо сделать, чтобы эта форма вылезала слева от кнопки. Не могу найти, что заменить или добавить в стилях. Я только начинаю изучать вёрстку, так что помидорами не забрасывайте, если глупый вопрос задал))
0 votes2 answers -
Как лучше всего сверстать такой макет?
Всем привет. Вот код http://jsfiddle.net/u8auj81g/2/. Мне нужно по вот такой вот незамысловатой "сетке" выравнивать картинки относительно текста. Еще есть место где с двух сторон абзаца будут картинки которые не должны превышать в ширину 245px; Кроме того и у картинки и у её описания может меняться вертикальное выравнивание (там в коде это для каждого элемента inline сделано). Собственно, меня волновал вопрос, откуда берется пустое пространство в описании к IMG4? Но пока воспроизводил ситуацию в фидле - понял откуда оно берется. Теперь мой вопрос звучит так: как мне это пустое пространство победить? Что бы не делать position: absolut; что бы все так же и осталось с float…
0 votes2 answers -
3 колонки % const %
Здравствуйте! Подскажет, пожалуйста, как можно получить такую резиновую верстку: 3 колонки % const % например так не работает, поскольку left-block и right-block блоки набегают на central-block-const при масштабировании браузера body { margin: 0px; padding: 0px; background-color: #f0f0f0; } #main { border: 1px solid #f00; width:100; padding:0px; margin:0px; position:relative; overflow:hidden; } #central-block-const { border: 1px solid #ff0; width:100px; margin: 0px auto; } #left-block { border: 1px solid #ff0; width: 40%; position:absolute; top:0px; left:0px; margin:0px; padding: 5px; } #right-block { border: 1px solid #ff0; width: 40%; position:absolute; top:0px; …
0 votes1 answer -
простенькая таблица
<table border="0" width="100%" bgcolor="#E6E6FA" style="border-collapse: collapse"> <tr bgcolor="#8b95a4"> <th> </th> <th> </th> <th></th> <th>И</th> <th>В</th> <th>Н</th> <th>П</th> <th>О</th> </tr> <tr bgcolor="#9fcced"> <th>1.</th> <td><img src=images/logomini/logmu.png></td> <th align="left">Манчестер Юнайтед</th> <th>31</th> <th>24…
0 votes4 answers -
Проблема с элементом audio
Вот сайт. На компе при тесте плеер играет, а в инете нет =( Пробовал ставить атрибут autobuffer но не загружает буфер. Как быть?
0 votes0 answers -
Стили смешиваются
Делаю сайт и задался вопросом как создать мобильную версию. Нашел что с помощью Media Queries можно реализовать. Но вот когда я подключаю стили и захожу на мобильную версию, то сайт выглядит плохо так как стили перемешиваются вместе, а по идеи они должны отключаться. Например мы зашли на мобильную версию, то style.css должен отключиться, а так не происходит, кто может сказать в чем дело? <link rel="stylesheet" media="only screen and (min-width: 100px) and (max-width: 10000px)" type="text/css" href="style.css"> <link rel="stylesheet" media="only screen and (min-device-width: 32px) and (max-device-width: 10000px);" type="text/css" href="style_mobile_v2.css"> Ср…
0 votes0 answers -
Одно разрешение, разные размеры экрана.
Собственно, вопрос. Будет ли разница в вёрстке, если разрешение у ноутбуку (17 дюймов) 1600 на 1200, и у десктопа (22 дюйма) тоже 1600 на 1200. Подскажите, в чем будет отличие и как это проверять/фиксить
0 votes1 answer -
Расположение элементов на странице
Очень долгое время меня уже мучает вопрос относительно того, как правильно размещать элементы в нужных позициях. Например есть текст в контейнере. Контейнер без границ, фона. Текст необходимо расположить скажем на некотором расстоянии от верха. Чисто визуально ведь этого можно добиться используя padding-top, или margin-top, или и то и другое вместе. Или используя position, воспользоваться top. То же само касается правого, нижнего и левого краев. И то же самое касается не только текста. Так что же все таки предпочтительнее и в каких ситуациях использовать? Может есть некие "правила"? Например для одних элементов одно, для других другое.. Или это вообще дело вкуса? Подскажи…
0 votes1 answer -
Горизонтальное выпадающее меню, помогите исправить
Помогите в существующем горизонтальном меню сделать выпадающие вкладки. Уже два дня мучаюсь, не могу сообразить, как исправить. Вот ссылка на страничку: permyakov.org/ru - надо сделать именно в этом меню, новое я сам могу создать, но оно не будет таким красивым.
0 votes2 answers -
несколько input с текстом
Есть 3 input box'a: <input type="text" name="fields_filter[brend]" value="Производитель" onfocus="this.value=(this.value=='Производитель') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Производитель' : this.value;" /> <input type="text" name="fields_filter[naimenovanie]" value="Наименование" onfocus="this.value=(this.value=='Наименование') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Наименование' : this.value;" /> <input type="text" name="fields_filter[nomer_po_katalogu]" value="Номер по каталогу" onfocus="this.value=(this.value=='Номер по каталогу') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Номер по каталогу' :…
0 votes0 answers -
Помогите с оригинальной кнопкой.
Вот надо сделать такую кнопку при наведении. Как не могу понять. Главное условие, чтобы она под ширину кнопки растягивалась. Вот скрин: http://s1.ipicture.ru/uploads/20120418/26V5jz5W.png Помогите, пожалуйста.
0 votes1 answer -
Передать скрытый параметр формы
У меня на сайте есть скрипт который открывает определенные страницы по адресу вида: <домен>/index.php?catalog/<пункт меню каталога>/<пункт меню каталога>/<пункт меню каталога>/ На сайте необходимо организовать поиск по этому каталогу. Подскажите как можно генерировать ссылки подобного рода из HTML формы.
0 votes0 answers -
Неправильно отображается сайт в Хроме
Если в хроме вбить в адресную строку адрес, то сайт с первого раза отображается криво, как будто часть правил цсс не учитывается, при обновлении страницы все ок. В панели отладки показывает что все файлы грузятся ок. Подскажите пожалуйста почему криво отображается с первого раза? http://elcmarket.ru/ спасибо
0 votes2 answers -
0 votes0 answers
-
помогите с прозрачностью
Люди помогите в верстке. Нужно получить вот такой элемент. http://s019.radikal.ru/i601/1301/89/d7ac2bf06bbe.gif В котором черный фон прозрачный текст и картинка нет. <section id="line_one"> <aside class="left"><img src="img/photo_like.gif"><p>Показать <br/> все фото</p></aside> <aside class="right"><img src="img/like.gif"><p>Мне <br/> нравится</p></aside> </section> стили .left { width:200px; height:61px; float:left; background:#000; border-radius:0 40px 40px 0; } .left img { float:left; margin:3px 0 0 10px; } .left p { padding: 5px 0 0 80px; } Пробовал по разному, к left…
0 votes2 answers -
Скругленные уголки у таблицы
Как только прописываю таблице border-collapse: collapse перестает работать border-radius у лиюбого элемента таблцы, хоть у table, хоть у <td> Убираю border-collapse: collapse - но тогда появляется геморрой с рамками внутри таблицы, они удваиваются, что в общем-то логично. Как застваить работать border-radius на таблице при border-collapse: collapse?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-