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
-
Как сделать переключатель
Всем привет. Подскажите как сделать переключатель между двумя блоками комментариев как здесь вот такой С применением только html и стилей. Как дополнение можно и пример на PHP, но повторюсь больше интересно на html ! Заранее спасибо за ответы.
0 votes2 answers -
Смещение левых блоков
У меня такая проблема. Смещается левый блок. Помогите решить проблему что бы блок не смещался после заполнения формы гостевой книги. Вот до http://hostingkartinok.com/show-image.php?id=01c25f1eb39fe92f03b47443b88a071d Вот после http://hostingkartinok.com/show-image.php?id=70c343cd9f32c4f51f1dc93b293434e5 ссылка на сайт http://78.106.50.188/gbook.php#
0 votes5 answers -
Проблемы оступа Mozilla Chrom между элементами.
<!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> <title>Page</title> <meta http-equiv="Content-Type" content="text/html charset=utf-8" /> <link rel="stylesheet" type="text/css" href="styles/style.css" /> </head> <body> <div id="logo"> <table> <tr> <td> <img src="images/logo.jpg" alt="Логотип"/> </td> <td c…
0 votes3 answers -
помогите с анимацией
вот результат моих мучений http://s018.radikal.ru/i505/1301/d5/cfe1a43272b4.jpg проблема вот в чем; при нажатии мышью на поле страницы, нужно чтоб менюха заезжала вверх а плеер с синей кнопкой вниз и при этом нижние боковые плашки должны опускаться на столько какова высота собственно плеера с кнопкой. а при нажатии еще раз, все ставало на свои месте. Суть в том, что плашки абсолютно спозиционированы. щас код прикреплю <body> <section class="wrap"> <header class="nav_head"> <nav class="top_nav"> <a href="index.html">АЛЬБОМ</a> <a href="index2.html">ФОТО</a> <a class="acti…
0 votes4 answers -
Помогите отцентрировать фон
Всем привет. Прошу помочь. У меня имеется макет шириной 1000px. Нужно отцентрировать его. Вроде делаю все правильно, фон шапки становить по центру, а фон body нет. <!DOCTYPE html> <html lang = "ru"> <head> <title>Портфолио</title> <link href = "style.css" rel = "stylesheet" type = "text/css" /> <meta charset = "utf-8" /> <!--[if lt IE 9]> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <header> <div class = "header_bg"></div> </header> </body> </html> *{margin: 0; padding: 0;} body {margin: auto; width…
0 votes2 answers -
Горизонтальный нежелательный промежуток в FF 22
Подскажите пожалуйста причину происхождения нежелательного промежутка, который проявляется только в FF 22.0 http://clip2net.com/s/5wsNan http://septa.devlab-s2w.com/makeup/ Опера, Крома и даже ИЕ9 этого не проявляют.
0 votes3 answers -
Расширение при помощи background-size:cover;
Вот такая проблема, не могу некак решить уже часа 3 мучаюсь надежда тока на вас К сожелению саму картинку показать не могу, постораюсь обьяснить на словах У нас есть фон для меню шириной 1200px и высотой в 88px а щас вот сам код .top { background:url(images/bg_top.png) no-repeat; background-size:cover; max-width:1200px; height:88px; display:block; margin:0 auto;}то есть при разрешений больше 1200px все нормально картинка стоит по центру при смене разрешения в 1024 на 768 картинка режется и правый скругленный угол не видно тоже самое при разрешеий 800*600 но еще в добавок появляется scroll Как решить эту проблему , вообще перепробовал много способов но не по…
0 votes6 answers -
Как сохранить размеры изображения внутри div ?
<style> .container { width: 400px; height: 400px; } </style> <div class="container"> <!-- Размер картинки к примеру 1000px на 1000px--> <img scr="image.png"> </div> Вопрос: как мне поместить в .container и сохранить исходный размер картинки image.png и чтобы она была по центру сверху ? Спасибо за отклик.
0 votes1 answer -
Помогите с выводом данных по id
Помогите не могу вывести данные с БД по id вот код. <? if (isset($_GET['id'])) {$id=$_GET['id'];} $result=mysql_query("SELECT id,name,price,img,text FROM products WHERE id ='$id'",$db); $myrow=mysql_fetch_array($result); { printf(" <td colspan='3'> <div class='new'>%s </div> </td> </tr> <tr> <td colspan='2'> <img src='%s' style='float:left;'> <p> %s </p> </td > <td id='na_pr' > %s$ </td> …
0 votes0 answers -
Вопрос по Chekbox
Здравствуйте. Друзья, подскажите решить такую задачку. Есть два чекбокса - mode1 и mode2. <div> <div> <div id="instmode"> <form> <div style="float: left; padding-right: 10px;"> <input type="radio" name="instmode" id="imode_1" value="MODE1" onclick="show_instmode1(this)"> <label for="imode_1">Единственное устройство</label> </div> <div> <input type="radio" name="instmode" id="imode_2" value="MODE2" onclick="show_instmode2(this)"> <label for="imode_2">Группа устройств</label> </…
0 votes3 answers -
Input type submit с плавающим gradient фоном
Все работает для любых элементов кроме input type="submit". Вот пример: .test { background: linear-gradient(to left, #feffe800 0%, #c3c3c3e6 100%); transition: all 1s ease-in-out; background-size: 20% 100%; display: inline-block; } .test:hover { background-size: 100% 100%; } Здесь плавает только background-size. Что не так делаю? Это в браузере не допилено или я туплю где-то?
0 votes0 answers -
Ресурсы для начала обучения
Добрый день Уважаемые форумчане! Буду очень признателен получить советы от знатоков, с чего начать процесс обучения по написанию сайтов (учебники, видеоуроки, другие материалы). Интересует (если я правильно понял этапы познавания дзен) следующее: - html5 - css3 - bootstrap 4 - "натягивание" сайта на cms (интересует в первую очередь wordpress, т.к. по прочтённой мной информации она самая простая для обучения и понимания). В интернете очень много ресурсов (а уроков еще больше) и информация на этих ресурсах разнится (возможно какие то морально устарели просто, какие то не совсем верно доносят информацию). Пробовал начинать по видео-урокам, …
0 votes0 answers -
помогите с меню
доброе время суток. есть вот такой код: ?<!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>one</title> <script src="jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { var $topLinks2 = $('#tab-nav > ul > li > a'); $topLinks2.click(function() { var $parentItem = $(this).parent(), slideAmt = $(this).next().width(), direction; $…
0 votes2 answers -
Как так сделать?
Как так сделать? Я знаю один вариант, задать для blue - position: absolute; и спозиционировать куда-нужно. Или отрицательными margin А как еще можно?
0 votes3 answers -
Подсказка ошибок
Ребят подскажите проги для IE и Хрома если есть такие. Кторые показывают в баре ошибку кода как в мазиле к примеру.
0 votes0 answers -
цвет текста
У меня в самом начале файла css стоит но столкнулся с проблемой!!! в определенном блоке хочу оставить стандартный цвет (черный) color:black; , но почему - то он все равно остается зеленым! Как сделать что бы весь текст в определенном блоке вместе вложенными в него блоками были другого цвета!
0 votes5 answers -
Про валидацию
Подскажите что это за ошибки , спасибо. Line 249, Column 15: attributes construct error <td width="20%"valign="top" ><img src="30-text.png" alt="" height="32" width="3… ? Line 249, Column 15: Couldn't find end of Start Tag td line 249 <td width="20%"valign="top" ><img src="30-text.png" alt="" height="32" width="3… ? Line 249, Column 81: Opening and ending tag mismatch: tr line 248 and td …"20%"valign="top" ><img src="30-text.png" alt="" height="32" width="32" /></td> ? Line 251, Column 5: Opening and ending tag mismatch: table line 247 and tr </tr> ? Line 252, Column 8: Opening and ending tag mismatch: div line 228 and table <…
0 votes0 answers -
Растягивание фона
Здравствуйте, форумчане! Имеется сайт с приблизительно такой структурой: <table> <tr> заголовок </tr> <tr> <table> <tr> <td>левая колонка</td> <td>центр</td> <td>правая колонка</td> </tr> </table> <tr>подвал</tr> </table> Ширина колонок и центра постоянна, длина меняется. Задача: добавить фоновую картинку. Так, чтобы она была за обеими колонками и центром, и растягивалась в зависимости от их длины. Решение: после долгих поисков и проб нашел более-менее сработавший способ, добавил перед левой колонкой ячейку: <td height="100%" width="1050" valign="top" style…
0 votes2 answers -
Пусть музыка играет
Слабонервным не читать: я ставлю музыку на сайт. Извините, заказчик уж очень просил. Итак, на странице флэш-плеер, который играет замечательную музыку. Однако, при переходе на другую страницу, плеер также перезагружается, и музыка начинается снова. Заказчика это расстраивает. Он хочет, чтобы посетитель гулял по сайту под непрерывную музыку. Как такое можно реализовать малой кровью? вариант с переписыванием сайта на аяксе рассмотрели, руководство отвергло: заказчик столько не платит; вариант с фреймами рассмотрели, руководство отвергло: моветон (это при музыке-то на сайте!); какие ещё могут быть варианты? У меня фантазия закончилась, взываю к коллективному разуму.
0 votes3 answers -
Непонятные пробелы в навигации
В общем сделал горизонтальное меню, между пунктами какието пробелы (в смысле места в которых нет никаких ссылок меню). Чтобы вы поняли о чем я - в ксс прописал border-right: 1px solid #000; для тега li и вот, что вышло: на картинке стрелкой показан как раз этот пробел, откуда он, зачем он там и как его убрать? Заранее спасибо.
0 votes4 answers -
Подскажите как такое можно реализовать
Ребята, подскажите как можно сделать вот такое меню списка. Я уже запарился, все что только пришло в голову гуглил. Пробовал псевдоклассами before after , но понял что это не вариант, потому что активная вкладка выше и с другим бэкраундом. Жду Ваших совет, очень нужно!
0 votes5 answers -
выделение слова ссылкой
здравствуйет, ребята, подскажите, пожалуйста. мне нужно, чтобы кнопка в форме работала и как кнопка(обрабатывала форму) и отправляла на следующую страницу. Знаете, как бывает при регистрации, когда она начинается на одной странице, а потом по кнопке "продолжить" переход на следующую стр. вот у меня сейчас код для этой кнопки: <button id="button"> <img id="button_1" src="image/bg_button1.png" alt="" style="vertical-align:middle"> </button> а как сделать, чтобы она ещё и перенаправляла? Пробую заключить её в тег <a> , но не появляется ссылка. В каком месте нужно проставить эти теги <a> ? мн…
0 votes3 answers -
под 1280х1024 отдельно
Привет! Верстаю резиновый макет, В ширину тянется отличной, но вот с высотой бывают проблемы, а именно с 1280х1024. Как можно отдельно подключить файл стилей, который бы определял разрешение экрана и загружал именно эти стили?
0 votes2 answers -
Вопрос о верстке
Здравствуйте уважаемы пользователи сея форума.Я уже не начинающий верстальщик но и не профессиональный и вот по этому обращаюсь к вам. Постоянно сталкиваюсь с проблемой верстки,а именно фона. Сколько не искал ответов не находил. Проблема в том что не могу сделать изображение по виду одинаково на разных разрешениях монитора. Прошу помощи специалистов. К примеру у меня макет 1300х1000 как сделать так что бы он подходил под все разрешения мониторов. Буду очень благодарен за ответы.
0 votes2 answers -
Нужны ли ключевые слова?
Добавлял сайт в поисковики...оказывается все так просто...ввел адресок и нажал ссылочку "добавить". Раньше помню нужно было кучу полей заполнить, ключевые слова вводить. А сейчас в этом есть необходимость? Карту сайта xml вот построил. А желательно ли пользоваться модулями для cms типа metatag для Drupal или писать ключевые слова в метатегах в код страниц?
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-