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
-
Проблема в Safari (mac os)
Уже день мучаюсь, мозг себе сломал но так и не понял почему такое происходит. Есть сайт http://nt-work3.bl.ee/ там если покрутить страницу вниз - появляется клон верхнего меню и прикрепляется сверху. Где то посередине сайта есть горизонтальный слайдер с прокруткой мыши. Во всех браузерах все работает нормально, где то без анимации, где то с анимацией, не суть. Суть в том, что в Safari если наводить мышью на пункт Новинки (в клонированном меню) то не показывается выпадающее меню. До тех пор пока не покрутишь мышью слайдер.. Как только покрутил и меню открывается.. Меню клонирую кодом $(document).ready(function () { $(".heading-wrapper").before($(".heading-wrapper")…
0 votes2 answers -
Проблема в авторизации php
Проблема с авторизацией, я так понял, что я не правильно пишу запрос $query = mysqli_query($con, "SELECT * FROM users WHERE login='$e_login'") Фул php код: if(isset($_POST["submit"])){ $username = $_POST['username']; $login = $_POST['login']; $password1 = $_POST['password1']; $password2 = $_POST['password2']; $email = $_POST['email']; if ($password1 == $password2){ $password1 = md5($password1); // $query = mysqli_query($con, "SELECT ('',$username,$login,$password1,$email,'') FROM users ORDER BY id"); $query = mysqli_query($con, "INSERT INTO users VALUES ('','$username','$login','$password1','$email','')"); if ($quer…
0 votes1 answer -
Проблема в адаптивной верстке
Подскажите пожалуйста в чем может быть проблема! Макеты уже проверстаны и везде все нормально отображается(браузеры и мобильные устройства) кроме одной проблемы. Почему то на Iphone 4 и Galaxy SII и иногда ipad 2 не загружается малая часть картинок. Бывает что со второго загруза страницы подряд, все загрузится. На странице мало графики и должно за раз загружаться. В чем может быть проблема? Везде работает а вот пару картинок на айфоне и самсунге подгрузить, неподгружается. Спасибо большое!
0 votes2 answers -
max-width Проблема в адаптивной верстке
Здравствуйте, я новичок в сайтостроении и у меня возникла одна проблема при адаптации страницы, она состоит в том ,что в max-width ,при заданной ширине, не хочет работать изменение отступов (padding и margin), хотя flex-direction: column; работает. Жуткое ощущение глупой ошибки ,которую не могу найти. Заранее спасибо за помощь. Ниже HTML и CSS код: <header> <div class="header"> <div class="wrap"> <div class="logo header_left"> <a href="#"> <img src="images/logo.png" alt="Логотип"> </a> …
0 votes0 answers -
проблема в блочном элементе как ссылке
Есть блок ссылка, всё работает, но ни как не удаётся поместить текст ссылки в правый нижний угол. <html> <head> <meta charset="utf-8"> <title>блок-ссылка</title> <style> #projects { width: 300px; height: 200px; background: #0f0; } #projects a { display: block; text-decoration:none; text-align: right; height: 100%; color: #666; } #projects a:hover { background: #00f; } </style> </head> <body> <div id="projects"> <a href="1.html">текст ссылки</a> </div> </body> </html>
0 votes1 answer -
Проблема в браузене Сафари
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #nav_ct { float:left; height:33px; width:920px; } #content_all { overflow:hidden; padding:20px 0; width:100%; } .center { height:100%; margin:auto; width:936px; } </style> </head> <body> <div class="center"> <div id="nav_ct"> Navigation </div> </div> <div id="content_all"> …
0 votes11 answers -
Проблема в браузерной стратежке
Начал писать онлайн браузерную игрушку - стратежку. Графика 2.5D . Для каждой DIV отвечающую за 1 ячейку прописана к примеру: .item0_0{ position:absolute; left:368px; top:0px; z-index:0; } В каждом такой DIV имееться DIV отвечающий за рисунок к примеру: .tile1{ background-image:url(../images/town/tile1.png); position:relative; left:0px; top:-16px; width:93px; height:64px; }} Соотвествено вся карта выглядит в виде блоков примерно так: <div class="item0_0"> <a href="?action=event&x=0&y=0"> <div class="tile0"> </div> </a> </div> какие есть идеи реализации ссылок? Т.е. чтобы если шелкнули по зданию переходило им…
0 votes4 answers -
Проблема в вёрстке
Доброго времени суток коллеги! Проблема заключается в следующем. Именно в браузере опера, при заходе на две ссылки, main div в котором расположен весь контент сайта, падает пикселей на 50 по вертикале. Не могу понять в чём проблема ибо сайт полностью адаптирован под PHP и всё, везде одинаково, но именно на двух страницах у прилагаемого ниже сайта проблема такая существует. http://81.200.23.210/project ссылки - "Девушки" и "Юноши".
0 votes10 answers -
Проблема в верстке меню
Всем доброго времени суток! Смотрите, проблема вот в чем. Есть меню, вертикальный аккордеон, несколько уровней. Все хорошо работает, но только вот есть проблема в css. Проблема в том, что открытые серые <li>(те, что светлее) по высоте больше, чем надо. И главное, что в коде пэддинг стоит только для верха и левой стороны этого <li>, но почему-то он и вниз растягивается, что и не очень выглядит, потому что сами эти <li> больше главных лишэк. Вот css: .topnav { background: #d3d3d3; width: 268px; padding:0; list-style:none; } .topnav ul{ padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none; } .topnav li { width:268px; list-style: no…
0 votes3 answers -
Проблема в верстке, не вмещается меню и поиск
Сверстал сайт, но 1 проблема Если размер окна браузера неочень большой то поиск невлезает и сползает вниз и невлезает все меню. Как это исправить помогите плз? http://mir-animasiya.ru/
0 votes1 answer -
Проблема в верстке, при уменьшении размера браузера
Здравствуйте, вот пример моей проблемы http://arm.zz.mu/ При уменьшении размера окна меньше чем 1200 пикселя, с права появляется полоса. Я знаю в чем проблема. Проблема в том что есть класс "width", из-за которого все это получается. может кто подскажет решение данной проблемы... https://pp.vk.me/c424420/v424420357/94a5/fjA8J-ZA_eg.jpg
0 votes2 answers -
Проблема в верстки карточки товара
Добрый день. Есть карточка товара. Подскажите как ее сверстать ее, так что бы когда изображение отсутсвует часть с описанием сдвигалась влево. на данный момент у меня сверствано float и картинке задана ширина если ее нету то ширина = 0 и соответствено описание сдвигается влево, но тут возникает проблема когда описание больше по высоте чем картинка то текст попадать под картинку , таковы уж правила работы float Верстать не нужно подскажите в каком направлении двигатся, может ссылку а то у меня ни чего не получилось найти
0 votes9 answers -
Проблема в верстки с footer( Первая верстка).
Решил узучить Html. Начал свою первую вертску и у меня возникла проблема с footer. Проблема в том что у меня у меня как-о не рабоет margin и мне приходить ставить большие числа(px), чтобы опустить элемент вниз. Также у меня почему-то footer вылазиет поверх фото, хотя должен быть внизу их ТУТ. Помогите. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Burning man</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans&display=swa…
0 votes1 answer -
Проблема в вставки картинки в html коде
Ребята, я попробовал скачать исходники(картинки) для сайта чтобы потренироваться в html css верстке. Скачал, картинки были в папке img(по дефолту), а когда пытаюсь вставить эту картинку на html страницу выдает значок, что мол этой картинки нет(ну вы поняли какой значок) и рядом пишет что было указано в alt="" пишу эти команды, все перепробовал <img src="./img/logo.png" alt="logo"> <img src="img/logo.png" alt="logo"> <img src="../img/logo.png" alt="logo"> ". Использовал Notepad++ Visual Studio Code Sublime везде один и тот же результат, если нужно будет скину весь html код( прошу заметить, что если я копирую в браузере(копировать URL КАРТИНКИ) все вста…
0 votes1 answer -
Проблема в заводском шаблоне
Есть сайт: http://lit-book.ru Там стандартный шаблон, выбирал именно его, чтобы не было ошибок в css и html ... Нооо... проверял через cвалидатор, всё равно ошибки есть Помогите исправить пожалуйста
0 votes0 answers -
Проблема в загрузке страницы
Добрый вечер, помогите разобраться. Есть сайт easy-diplom.ru вверху находится модуль карусели. При открытии главной страницы сайт грузиться абсолютно нормально. Но при переходе в раздел доставка или любой другой, модуль карусели падает вниз и страница грузиться очень долго. Помогите исправить проблему
0 votes1 answer -
Проблема в ИЕ с первым дивом
Проблема с отображением пачки дивов, идущих друг за другом, имеющие идентичный код. Проблема только с первым... и только в ИЕ! .messages { min-height: 100%; margin-left:214px; margin-right:10px; _margin-right:7px; _margin-left: 8px; background-color:#C1EEC7; padding:3px; } .letter { background-color: #F9FDFA; height:24px; margin-left: 5px; margin-right: 5px; margin-top:1px; position:relative; overflow: hidden; } <div class="messages"> <div class="letter"> <table width="100%"> <tr> <td align="center" class="chckbox"><input type="checkbox"/></td> <td class="name">Вася Пупкин</td> <td class="sub…
0 votes1 answer -
проблема в ИЕ7 с флоатами
Добрый день. Есть два блока: <div style="float: right; margin-bottom: 20px; text-align: center; width: 50%;"> <div style="margin-right: 10px; min-width: 400px; float: left;"> В ИЕ 7-ом второй блок опускается вниз. Как исправить? Спасибо.
0 votes2 answers -
Проблема в ИЕ8 и выравнивание :after
Как надо http://divhack.com/d...s/study/3/html/ Как получается у меня(смотреть только на вернюю часть, остальное пока наброски) http://troshka.hut4.ru/ 1)Можно как-нибудь сделать чтобы мои уголки в меню центрировались ровно по середине относительно слов? Под пунктом FAQ так вообще криво выглядит. 2) В ИЕ 8 стили для меню вообще похоже игнорирует, как исправить? 3) Большую картинку под меню возможно выполнить через стили(белое свечение на фоне текста) и стоит ли вообще таким заниматься ли оставить просто картинку?
0 votes4 answers -
Проблема в картинке или в браузере
вот такую штуку наблюдаю в ие оверлей идет пнг картинкой на сам блок стоит эффект квери .fadeIn везде нормально обрабатывается в ие вначале такое потом появляется прозрачность может трабла в самом пнг его както по хитрому сохранять? помню в CS2 пнг не корректно отображались в IE браузере надо было хакать pngcrushgamma
0 votes3 answers -
Проблема в кириллице подключаемых шрифтов
Проблема c кириллицой, семейство helvetica cyrillic condensed, белка не справилась, какой костыль придумать?
0 votes4 answers -
Проблема в кроссбраузерности сайта. Нужно решение
Здравствуйте! Надеюсь на этом форуме найду помощь.. У меня два вопроса. 1. В прикрепленном фото поймете о чем я. В общем в firefox'e отображается как нужно сайт, но в остальных браузерах съезжают немного блоки влево, тем самым нарушая внешний вид. Просидел весь день и не смог понять так как в кроссбраузерности не очень понимаю, а точнее каким браузерам не подходят какие настройки... взгляните на "бесплатную доставку" под кофтой в Firefox и во остальных браузерах - разница огромная. В общем фото прилагается и вот адрес сайта, сразу на то место где эта проблема: http://www.cotton-lu.../aimee-me-green 2. В ie8 пропала вертикальная затенённая окантовка сайта. в общем беда с к…
0 votes1 answer -
Проблема в меню
Здравствуйте, прошу вас помощи. Мне один человек сделал шаблон, но кое-что, видимо, не учёл. <a href="/" class="a_box"><div class="linkbox"> Главная страница</div></a> код ссылки в меню div.linkbox {width: 182px;padding: 0px;padding-top: 4px;padding-bottom: 4px;border-top: 1px solid #3C3C3C;border-bottom: 1px solid #171717;text-align:left;font-size: 8pt;} div.linkbox:hover {width: 182px;padding: 0px;padding-top: 4px;padding-bottom: 4px;border-top: 1px solid #3C3C3C;border-bottom: 1px solid #171717;background: url("../img/block/linkbox_hover.png");background-repeat: repeat-y;text-align:center;} .boxfoot {padding: 0px;width:212px;height:15px;backgr…
0 votes3 answers -
Проблема в микроразметке
Вот проблемный код: <figure itemscope itemprop="image" itemtype="http://schema.org/ImageObject"> <picture> <img itemprop="url contentUrl" src="http://nebo.top/data/_index-block/bg-index.jpg" srcset="http://nebo.top/data/_index-block/bg-index.jpg" alt="небо" title="небо"> </picture> <meta itemprop="width" content="100"> <meta itemprop="height" content="100"> </figure> Яндекс вебмастер выдаёт ошибку по всем картинкам в таком виде и не индексирует их: Валидатор выдаёт вот такое сообщение по этому коду: Помогите пожалуйста разобраться в чём тут проблема.
0 votes2 answers -
проблема в опере
исчез курсор в последней опере в текстовых полях таких как input[type=text] и textarea, текст при этом печатается и показывается. в мозилле все нормально пробовал css стилями менять по разному - не помогло, весь прикол также в том что во время загрузки все нормально, как только сайт до конца загрузится - появляется эта проблема. код приводить для примера думаю нет смысла но если надо могу часть <input type="text" style="color:#444" size="40" name="user" id="autor" value=""/> помогите если кто сталкивался с такой бедой.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-