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
-
Зделать как на вконтактке!
Здраствуйте увожаемые Господа прогромисты!!!!! Подскажите как зделать на сайте розпад тегов как на вконтакте!!!!!!!!!!!!! Таблицу пробовал уже не получаеться!!!!!! Помогите прошу Вас!!!!!!
0 votes28 answers -
Как вывести 2 значения VALUE (HTML)
Доброго времени суток необходимо вывести выпадающий список, при выборе вариантов должна выводится картинка и отдельно ссылка(или слово, 2 картинки или все что угодно), цель вывести 2 значения. И еще одно условие код должен быть на html. пример моего кода: <img src="1.jpg" name="pic" id="pic"> <select onchange="document.getElementById('pic').src=this.value"> <option value="1.jpg">1</option> <option value="2.jpg">2</option> <option value="3.jpg">3</option> </select> сейчас при выборе 1 выводит картинку, нужно добавить, что бы выводило картинку и например какое то слово или ссылку
0 votes7 answers -
Не отображаются картинки
Здравствуйте! Начал верстать макет, сделал фон с картинкой, а он не отображается в браузере. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows1251" /> <link rel="stylesheet" type="text/css" href="css/main.css"> <title>Мультики</title> </head> <body> </body> </html> * { outline: none; margin: 0; padding: 0; } body { background: #6AD5F9 url("../img/main_bg.png") repeat 100%; } Есть папка с макетом, в ней папки css и img. Проверял пути и все равно не от…
0 votes30 answers -
При обновлении страница сама прокручивается в один и тот же участок страницы
Здравствуйте. При обновлении страница сама прокручивается в один и тот же участок страницы. Верстаю на бутстрапе , себя бы обозвал опытный новичек. При загрузке и обновлении страницы ,страничка сама становиться в одном и том же месте ближе к середине страницы. В точности под навигационным меню ,которое снизу большого слайдера.(т.е. при загрузке страницы показывается не слайдер ,а навигационное меню сверху экрана и то что под меню.) Навигационное меню такое : <div class="row"> <div id="navbar-middle" class="col-lg-12 padding-nav-menu"> <ul class="nav navbar-nav nav-balka nav-text"> <li class="active"…
0 votes3 answers -
Td>img = 3px
не бейте, если этот вопрос звучал (а он вроде звучал), но не нашел ответа. в IE у картинки появляется отступ в 3px снизу, когда оная находится в TD. помогите ссылкой или хаком
0 votes16 answers -
Вставка php в html инклудом
Заранее прошу прощение, может глупый вопрос. Просто в php я вообще не понимаю, пока изучаю html и css. Переделал html шаб из паблика, сделал его почти полностью на инклудах. Хочу вставить форму обратной связи. Пытаюсь через инклуд, а страничка "съезжает" в сторону и выдает ошибки. Вот так пытаюсь вывести в html документе форму связи <!--#include file="inc/index.php" --> Пробовал в .htaccess прописать AddType application/x-httpd-php .php .htm .html .phtml результат тот же, не работает. Помогите разобраться.
0 votes15 answers -
Div блоки
Хочу расположить 3 блока div горизонтально. левый и правый фиксированной длины, средний растягивается на ширину страницы. Пишу такой текст <div style='background:red; width:63px; height:38px; float: left'> Левый блок </div> <div style='background:blue; height:38px; margin-left:63px; margin-right:14px;'> Центр </div> <div style='background:green;width:14px; height:38px; float:right;'> Правый блок </div> но почему то 3 блок съезжает вниз....что я не так делаю?
0 votes4 answers -
IE6-8 Рендеринг шрифтов
Здравствуйте, дамы и господа! Сразу с «жалоб». Уже не первый месяц и не в первом проекте сталкиваюсь с проблемой рендеринга шрифта в IE6-8. Шрифт абсолютно по-разному отображается в IE6-8 и в IE9+/Chrome и т.п. Перечитал массу статей, свожу все к кодировке UTF-8, но больше меня интересует решение данной проблемы. Если кто-нибудь знает ответ или же имеет схожую проблему, добро пожаловать на обсуждение! P.S.: На скриншотах обратите внимание на ширину букв. Шрифт Verdana. https://www.dropbox.com/s/qulo4xj97qcym2u/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.22.png https://www.dropbox.com/s/b8vzs3o64ubbve3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%…
0 votes41 answers -
phpmyadmin не хочет включатся
почему -то phpmyadmin не включатся , пишет проверьте пароль и имя(все сходится, но он всеравно не включается). Подскажите в чем может быть проблема?
0 votes11 answers -
Форма ответа
Здравствуйте) Подскажите пожалуйста код для создания формы отправки письма с сайта на мэйл админа без участия почтового клиента. Сайт написан на html с применением JavaScript. Он расположен на Народе, поэтому о php речь не идет, как сказал сам Народ "Расширением текстового файла может быть только: html, htm, txt, js, css, xml, xsl, vbs."))) Заранее премного благодарна)
0 votes30 answers -
как сделать ссылкой фрагмент блока?
вопрос: есть блок шириной в 1000 пх, надо чтоб ровно посередине него, была какая-то зона/блок/хз, при нажатии на которую юзверь отправлялся бы на мейн. пробовал задать у него посередине блок, и сделать его ссылкой, но почему-то в такой ситации ссылкой становится и материнский блок( пнгшку как-то не охота пихать(оптимизации ради). подскажите как ето сделать корректно и правильно?
0 votes21 answers -
IFRAME - полосы прокрутки
Помогите новичку. Нужно "перекрасить" полосы прокрутки для обьекта . Пишу так IFRAME{ border: 0; scrollbar-face-color: #0000FF; scrollbar-darkshadow-color: #0000FF; scrollbar-shadow-color: #0000FF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #DDDDDD; scrollbar-arrow-color: #FFFFFF; background-color : #FFFFFF; } не работает ни в каких браузерах (именно то, что связано со scrollbar, остальное работает). Как можно сделать такое - если это возможно. Желательно для браузеров MSIE и Opera (разумеется не "древних" версий).
0 votes7 answers -
Адаптивная верстка и iphone.
Здравствуйте, уважаемые форумчане. Проблема следующая. Есть сайт с адаптивной версткой: grimakva.ru При проверке сайта в эмуляторах моб устройств все отображается корректно (за исключением меню (оно в процессе). Но при просмотре сайта непосредственно через айфон (различных моделей и версий ios) фон сайта отображается некорректно, выравнивается по ширине, оставляя внизу большое пространство. При этом прописанные @media screen полностью игнорируются. В чем может быть ошибка? Буду рада любым советам и полезным ссылкам, сама к сожалению не нашла ничего.
0 votes13 answers -
проблема в ie, неправильный пересч?т картинок
Здраствуйте, имеется следующая проблема. Есть отдельная страница на которой выводится картинка и под ней панель навигации. Чтобы сохранить высоту страницы постоянной, я в css поставил обрезку картинок по высоте. Так вот в ie картинка искажается, поскольку он неправильно считает ширину файла (в css задано как auto) в ff и opera размеря считаются правильно. Ниже прив?л код страницы и css стили для них. <div class="one"> <div class="two"> <a href="img1.shtml" target="_blank"> <img src=" /pic/gallery/avdeev/avdeev1.jpg" alt="avdeev1.jpg, 1438 kB" title="avdeev1" class="image"></a> <div class="image_menu"> <a href="pre2.shtml">…
0 votes12 answers -
JS. как получить часть url?
Есть страница по адресу: "http://сайт/cat1/index.htm" <script type="text/javascript"> host = window.location.pathname; document.write(host); </script> Этот код выводит "/cat1/index.htm", а нужно вывести только "/cat1". Подскажите каким способом это получить? Какие-то параметры у pathname указать?
0 votes3 answers -
Стили для поля ввода (default, valid, invalid)
Делаю форму (HTML5) и столкнулся с такой проблемой. Если указывать атрибут required для input, то стили для этого поля автоматически с дефолтных значений меняются на те, которые я прописал в input:invalid (как я понял, так работает валидация формы). А как сделать, чтоб и проверка работала, но применялись стили по умолчанию, а стили input:invalid применялись если введенная инфа не соответствует тому, что я прописал в атрибуте pattern для input?
0 votes5 answers -
Сдуелать два слоя одинаковыми по высоте
В общем возник вот такой вопрос: какие есть варианты сделать два рядом стоящих слоя одинаковыми по высоте, например, есть такая раскладка: <style> div {float:left} .no1 {width:30%} .no2 {width:70%} </style> <div> <div class='no1'>content1</div> <div class='no2'>content2</div> </div> задача: сделать no1 и no2 одинаковыми по высоте, независимо, сколько в них содержиться информации. ps. для себя я эту задачу уже решил просто интересно, какие у кого еще есть предложения по этому поводу
0 votes8 answers -
проблема с фоном
постановка задачи следующая: есть такой макет. необходимо реализовать для доктайпа quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> чтобы div.one и div.two растягивались на всю высоту окна браузера. Буду благодарен за любую идею по реализации. Совершенно не имеет различия таблицами или дивами. Главное, чтобы работало.
0 votes18 answers -
как убрать горизонтальный скролл в Опере?
Здравствуйте! Возможно кто-то уже встречался с такой прблемой! Расскажите, что можно в этом случае сделать? Диву назначен стили overflow:auto; overflow-x:hidden; overflow-y:scroll; Ширина и высота фиксиованные. В ИЕ и ФФ применяются свойства overflow-x:hidden; overflow-y:scroll; и все выглядит как надо В Опере эти свойства не срабаотывают, но срабатывает overflow:scroll; Необходимо, чтобы было как в ИЕ и ФФ Можно ли убрать горизонтальный scrollbar?
0 votes7 answers -
Помогитеееееееее плз
Ребятя помогите!!!! Мне нужно узнать код вкладки. Пожалуйста ответьте мне скодом а если не знаете то ненада. Плз помогите
0 votes18 answers -
Сделать элемент недоступным
Имеется довольно сложное меню: <div id="menu"> ...... (внутри много чего) ...... </div> Необходимо сделать это меню недоступным. То есть, чтобы онКлики не срабатывали, по ссылкам пройти нельзя было. Может кому-нибудь приходилось такое делать. Как лучше такое сделать?
0 votes2 answers -
Не работает в IE6 но работает в IE Почему?
Приветствую Помогите пожалуйста Создал страничку сайта в дивах CSS2 + HTML 4.0 Валидацию проходит Корректно отображаться в IE7 но совершенный бред получается в IE6 В чем загвоздка CSS /* общие установки */ html { margin: 0; padding: 0; } body { font: 75% georgia, sans-serif; line-height: 1.88889; color: #555753; background-image:url(body_bg.gif); margin: 0; padding: 0; text-align:center; } p { margin-top: 0; text-align: justify; } /* span в заголовках невидимы для пользователя, но значимы для поисковых машин сами заголовки представлены картинками */ h1, h2, h3 span { display:none; } /* отступ блоков */ h3 { height:39px; margin:0; padding:…
0 votes3 answers -
float и overflow
Всем привет! Есть код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <style> .block { background-color: #CCC; } .float { float: left; width: 50px; height: 50px; background-color: #0F0; } </style> </head> <body> <div class="block"> <div class="float"></div> <p>текст текст текст текст текст текст текст текст текст текст текст текст</p> </div> </body> </html> Ситуация такая: чтобы div.block захватил …
0 votes27 answers -
Проблема с float
Пытаюсь прикрепить футер к низу через position:absolute и bottom:0px . Т. е. положение футера зависит от высоты body. Проблема в том, что блоки с float:left не влияют на эту высоту (для всех кроме IE). Методом "тыка" удалось выяснить, что если к самому body приписать float:left , то все начинает работать как надо. Но я не знаю нормально ли к body такое приписывать. По крайней мере, нигде этого не встречал. Четко сформирую вопросы: 1. Можно ли к body приписывать float:left ? Не появятся ли из-за этого потом проблемы? 2. Как обычно поступают в таких случаях (про существование гугла я знаю, но в тех случаях, что мне удалось найти либо футер крепился по-другому, либо не было …
0 votes7 answers -
не работает onclick="window.open...
onclick="window.open('/images/stories/ekonom1.jpg,'EKONOM','width=100,height=100')" когда нажимаешь ссылка открывается в этом же окне, если указывать target="_blank" то в IE открываеться просто новое окно не 100х100, а в опере открвается простое новое окно и окно размером 100 на 100 =)), а если не указывать target="_blank" то в опере просто открываеться в этом же окне. Код редактирую через админку джумлы.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-