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
29,542 questions in this forum
-
Как растянуть сайт, со всем содержимым
Вот сайт pechati89. как мне его сделать пошире? и грамотно сдвинуть сайдбар и контент? /* LAYOUT */ body { background: #FEFEFE; } #wrapper { background: url(images/wrapper-bg.jpg) center top no-repeat; } #container { width:1200px; margin:40px; } #contentwrap { background: #FFFFFF; } a { color: #000000; text-decoration: underline; } a:hover { color: #CF81A4; text-decoration: none; /* CONTENT */ #content { padding: 15px 5px 15px 0; color: #504D4D; } pre { overflow: hidden; width: 470px; } .post { padding:10px 0 10px 0; margin-bottom: 20px; } .post p { margin-bottom: 10px; и /* SIDEBAR(S) */ .sidebaradbox { margin…
0 votes2 answers -
Фиксирование блоки
Есть таблица: <table width="775" height="851" style="background: url(img/beck1.gif) repeat-y;" cellpadding="0" cellspacing="1" align="center"> <tr> <td colspan="2"><img src="img/up1.gif" width="773" height="11" alt=""> </td> </tr> <tr> <td width="179" height="279" align="left" style="background: url(img/m3.gif) repeat-y;" id=ZZZZZZZZZZ><IMG SRC="img/m1.gif" WIDTH=179 HEIGHT=279 ALT=""> </td> <td> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr align="right" valign="top"> <td colspan="2" id=ZZZZZZZZ…
0 votes5 answers -
Помогите раставить позиции div'ов
Господа, помогите разобраться. На сайте есть div (div id="1") располагающийся с верху-в низ, по правому краю. Мне нужно чтобы он находился там всегда и был подложкой для всего остального наполнения (но не fixed). А по верх него уже шли все остальные блоки и элементы страницы. Помогите расставить блокам "position" чтоб отображалось все корректно. То есть я хочу попробовать сверстать страницу в которой начина блока "box"(меню, заголовки, форма поиска, просто блоки с основным контентом), будут идти не просто друг за другом с флоатом, а размещаться с персональными параметрами (отступы, высота и тд) и в том числе перекрывать местами другие блоки. К примеру: <div id="box"&…
0 votes4 answers -
Height:100% не срабатывает
Добрый день, товарищи. Помогите доверстать... есть пимерно такая страничка <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> <div id="content"> <header> <div id="logo"> </div> <div id="account"> </div> <ul id="top_nav"> <li>menu</li> <li>menu</li> <li>menu</li> </ul> <ul id="nav"> <li>menu</li> <li>menu </li> <li>menu </li> <li>menu </li> </ul> </header> <nav></nav> <as…
0 votes4 answers -
Отправка checkbox на email
Нужно отправить значения 4 чекбоксов на email чтобы в письме было что-то вроде Заказ: Крем 1 Крем 3 Крем 6 Подскажите, пожалуйста, где посмотреть урок по отправке чекбоксов.
0 votes3 answers -
Почему не работает border collapse?
Почему-то у меню http://www.zhitlegko.myjino.ru/ не работает collapse, и бордер получается двойной. В чем могут быть причины?
0 votes2 answers -
подскажите как сделать menu на примере ....
Здравствуйте! Помогите разобраться, вот пример меню http://svetilnik-online.ru/ Там есть картинка background-image: url(../images/menu_tab.png);которая меняет, как я понимаю, размер в зависимости от длины текста меню. Подскажите как они это делают. Спасибо!
0 votes2 answers -
Конфликт стилей
Добрый. Подскажите пожалуйста как выправить досадную ошибку в стиле, а именно, перейдя http://gigaline.com.ua/sites/blog(1).html вы можете заметить, что галерея выходит на передний план, а должна менюшка быть сверху, очень прошу подсказать где ошибка?! Спасибо.
0 votes6 answers -
Проблема с повотором
http://hostingkartinok.com/show-image.php?id=80422c0aca0fc2a65197481cd2b40eed Парни при каждом выводом поста,у меня повторяеться панель меню и приветствие. Помогите исправить бок( background-repeat: no-repeat; пробывал,не помагает,или мб я не туда пишу его( Что скажете? Код php <!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" xml:lang="en" ><head><title>Shop</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="style.css" /></head><body><?php$DBH …
0 votes2 answers -
Opera Mini сжимает шапку по ширине экрана. Как ей это запретить?
Всем привет! Переношу сайт но новую CMS. Заодно с табличной вёрстки перевожу на вёрстку дивами. При переносе шапки возникла проблема: Opera Mini, если в настройках качества изображений строит установка ниже "Высокого", уменьшает шапку по ширине экрана [телефона]. Это серьёзная проблема, т.к. сайт фиксированной ширины без адаптивной вёрстки: в шапке используются элементы навигации с абсолютным позиционированием, которые при её сжатии наезжают на расположенные ниже элементы. На старом сайте при использовании Opera Mini такой проблемы не наблюдается; судя по всему, из-за табличной вёрстки. Вопрос: как запретить Опере Мини изменять размер шапки на новом сайте? Ссылк…
0 votes0 answers -
Редактирование файлов на сайте!
Здравствуйте, нужен совет! Речь идет только о сайте на локальном сервере (использую Denwer)! Мне нужно, чтобы посредством гиперссылки через браузер открывались файлы (.doc, excel и пр.) чтобы была возможность их редактировать и сохранять в тот же каталог из которого они открылись! Подскажите как можно это сделать? Обычно файл через браузер открывается только для загрузки! Заранее благодарю!
0 votes5 answers -
При наведении не вся часть меняется!
http://webmastamakewebsite.url.ph/ при наведении на ссылку "info@green.com" , текст меняет цвет, когда навожу на картинку, то меняется и картинка и цвет текста. Как сделать по нормальному, чтобы при наведение менялось все, то есть навел на этот блок мышку, и поменялась картинка и цвет текста.
0 votes3 answers -
едет верстка и не все элементы центруются
Здравствуйте такая проблемка при верстке возникла, что при изменении маштаба хедер и контент выравниваются по центру, а футер прикреплен к левому краю, в css указан margin: 0 auto; для wrapper. Плюс весь текст остается так же у левого края. Как зацепить его к элементам? пример ниже, сорри если криво вставил. За нижнюю часть не надо говорить пока ибо не доделал, наткнувшись вот на эту дрянь, да и на чистоту кода пока не грешите В общих чертах <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link href='http://fonts.googleapis.com/css?family=Roboto:300&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'> <link rel="s…
0 votes3 answers -
Что за эффект?
Всем привет! Подскажите, как можно сделать такой вот эффект: http://joxi.ru/n2YY0kKcwb5526- левая картинка без ховера, правая с ховером. Может, кто делал подобное, кажется, что не трудно, но нормальных идей нет=( Заранее, спасибо!
0 votes3 answers -
Ссылка на всю высоту
Как сделать ссылку на всю высоту? http://codepen.io/anon/pen/KpZdJG
0 votes4 answers -
Как лучше и красивее сделать ?
Здравствуйте. верстаю сайт по макету на бутстрап. есть 4 блокам ,которые пронумерованы. и между ними граница ввиде "плюса". Проблема в том ,что при уменьшении экрана , блоки уходят друг под друга и "плюс" портит весь вид. Как лучше сделать? или может через media запрос убирать стили "плюса" ? или есть решения покрасивее?
0 votes2 answers -
Смазываются картинки в мобильных устройствах
Кто-нибудь встречался с ситуацией, когда картинка (в бэкграунде точно) на компе отображается нормально, четко, а вот с мобильных смазывается? Если да, то как это лечится? Например тут http://lerache.ru логотип в шапке.
0 votes1 answer -
Передёргивание страницы на чекинг радио инпут
1) "Стар рейтинг" работает как задумано, только страница перёдёргивается. Решение вопроса через preventDefault() const labels = document.querySelectorAll('label'); function noDefault(e){ e.preventDefault(); }; labels.forEach(x => x.addEventListener('click', noDefault)); несостоятельно, т как инпуты перестают переключаться на "чекед". 2) Связанный с этим второй вопрос второго примера. Страница не передёргивается, чекится как надо. Только не работает в ИЕ, т как он не прощает :before применительно <input>, который не является блочным элементом. Первому варианту предпочтение, но оба примера применяют псевдоэлементы. Если нет…
0 votes3 answers -
Позиционирование элементов
Объясните как мне установить внутри блока div картинку фон? Мне нужно что бы картинка была по середине красного блока. а она распологается по центру браузера Скрытый текст <html> <head> <title>Страны мира</title> </head> <style> <!-- Стили --> html { height: 100%; /* Высота веб страницы */ } /***************************************************************************************/ body /* Тело сайта */ { margin: 0; /* Величина отступа от каждого края элемента */ padding: 0; /* Значение полей вокруг содержимого элемента */ } /*******************************************…
0 votes3 answers -
помощь в создании сайта
Доброго времени суток.. Решит тут на днях своять себе сайтик... вот уже второй день роюсь в инете в поисках информации... Результаты даёт , но зашёл в некий ступор... Прошу вашей помощи! Тут приложил план сайтика , по ссылочке... http://imageshost.ru/links/c509fae376717a12b66fbee2074712f8 идея такова: Всё что изображено на картинке центрируется в окне браузера, размер этого хозяйства 900x900. Имеются зона 1 с основным меню , зона 2 с добавочным меню ( по клику в первом меню Gallery ), и зона 3 , непосредственно, с информацией. Вобщем, всё это банальная и стандартная ситуация... Можно конечно реализовать это всё так, что при клике по пункту меню будет перезагружаться…
0 votes3 answers -
прокрутка всего окна
Уважаемые товарищи, пож-та помогите с написанием сайта Занялась фреймами, потому что без них дальнейшее размещение инфо будет сложным, но возникла проблема. У меня страница отсекается и не позволяет прокручивать текст вниз всего окна, вот как например окно данного форума (есть скроллик справа) а у меня просто отсекает и все http://www.prommarkt.ru/ вот коды <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Промышленный маркетинг: стратегии, аналит…
0 votes5 answers -
проблема с таблицей
Господа подскажите как сделать так чтобы в левой колонке верхний блок и нижний всегда прижисались соответсвенно к низу и верху в независимости от размера контента. Пока получается так но чего то не хватает. <table width="422" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td><table height="100%" width="211" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td height="300"> </td> </tr> <tr> <td height="auto"> </td> </tr> <tr valign="bottom"> <td height="300"> </td> </tr> </table> </td> <td>Text<…
0 votes9 answers -
Фон общий страницы ( проблема )
Здравствуйте! Кто соображает в html и css подскажите, как сделать что бы весь макет сайта тянулся на весь экран по оси х. То есть width стоит 1280px, на маленьком мониторе появляется горизонтальная прокрутка, а на большом мониторе ( С разрешением примерно 1300px ) остается белое место ( остальные 20px ). Вот собственно вопрос, как сделать что бы весь сайт тянулся на всех мониторах на весь экран при это что бы его ширина была 1280px ?
0 votes5 answers -
Высота блока
Делаю комментарии на сайте. Каждые 30 комментариев открывается вниз(типо страницы). Так вот проблема в следующем. Надо изменять высоту блока,где будет располагаться блок с комментариями. Как я делаю. С помощью яваскрипт всовываю все коммент. в блок с Ид=homeInfoMan ,потом узнаю высоту этого блока,который находится в основном блоке home .Возникает проблема var heightInfoManCom=document.getElementById("homeInfoMan").style.height; всегда равно нулю. Почему ?!
0 votes3 answers -
Таблица, стиль background в теге TH - разрывы
Господа, что я делаю не так? Хочу, чтобы заголовок таблицы был залит монолитно, а получается вот так: http://lexicanum.ru/table.html Код таблицы: <TABLE CLASS="border"> <TR> <TH CLASS="border_bottom">Столбец 1</TH> <TH CLASS="border_bottom">Столбец 2</TH> <TH CLASS="border_bottom">Столбец 3</TH> <TH>Столбец 1</TH> <TH>Столбец 2</TH> <TH>Столбец 3</TH> </TR> <TR> <TD>Ячейка 1.1</TD> <TD>Ячейка 1.2</TD> <TD>Ячейка 1.3</TD> </TR> <TR> <TD>Ячейка 2.1</TD> <TD>Ячейка 2.2</TD> <TD>Ячейка 2.3</TD> &…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-