Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Отображение видео на сайте

    Подскажите в чем может быть проблема ! <video class="vlad_video" loop="loop" width="100%" height="auto" autoplay=""><source src="video/formula.mp4" type="video/mp4"></video> Вот так вот все сделал а видео не отображается просто черный экран

    Asked by virtas,

    0 votes
    1 answer

  2. Странно себя ведет position: fixed

    Проблема с фиксацией картинки background:url(../images/bgshowk2.jpg) center top no-repeat fixed;min-height:50px;background-size: cover;padding:340px 0px 0px; Посмотреть можно на главной странице http://decor-holyday.ru В FireFox все, как надо, а в Chrome (Версия 45.0.2454.85 m) косяки. Просьба к форумчанам помочь, где я туплю... Заранее благодарен за ответы

    Asked by inter1c,

    0 votes
    5 answers

  3. inherit не работает для IE8

    Всем привет. У меня в IE8 не работает inherit для любых CSS стилей. Например: HTML —> <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="./css/test.css" type="text/css" media="all" /> </head> <body> <div class="main"> <div class="test1"></div> <div> </body> </html> CSS —> .main { width: 400px; height: 400px; border: 1px solid black; } .test1 { width: 100px; height: 100px; background: pink; border: inherit; } В примере не наследуется border. Если бы был IE7, вопросов бы не было. Но, у меня IE 8.0/7601.17514, W…

    Asked by sator,

    0 votes
    1 answer

  4. прокрутка для мобил

    сайт на бутстрап есть страница с отображением итемов.на десктопе итемы отображаются всей пачкой если открыть на мобиле то итемы идут в высоту и нужно крутить сайт вниз есть простое решение чтобы для мобилы итемы выводились в виде карусели по 1 на экране?

    Asked by https,

    0 votes
    0 answers

  5. Адаптивная информативная фотогалерея

    <div class="imgPages col-es_12 clearfix"> <a href="assets/template/flexible/img/ballu/bravo.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo.jpg" alt="Ballu Bravo внутренний блок"> </a> <a href="assets/template/flexible/img/ballu/bravo-outdoor.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo-outdoor.jpg"> </a> <a href="assets/template/flexible/img/ballu/bravo-pult.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo-pult.jpg" alt="Ballu Bravo ИК-пульт"> </a> </div> Есть вот такой блок с изображениями расположенными в …

    Asked by Delat,

    0 votes
    1 answer

  6. Grid проблема с текстом

    display: grid grid: "leftSection regStep rightSection " auto "leftSection submitButton rightSection" auto / auto auto Когда в regStep появляется текст, сетка исчезает, то есть весь текст растягивается на всю ширину текста, как исправить этот баг и заставить текст оставаться по середине экрана? Набросал такой вариант grid "leftSection regStep rightSection " auto "leftSection submitButton rightSection" auto/ minmax(20px, 20%) minmax(60%, 1fr) minmax(20px, 20%) Но мне кажется этот код попахивает ?

    Asked by McLotos,

    0 votes
    0 answers

  7. Экспорт новостей

    Скажите, пожалуйста, с какого сайта можно экспортировать новости на разных языках? Сайт многоязычный...... необходимо выводить соответствующую языку ленту новостей. Может кто-то сталкивался с этим?

    Asked by banyman,

    0 votes
    2 answers

  8. Помогите с отправкой текстов и файлов

    Доброе время суток! Вот прошу у вас помощи ,так как сам не знаю что как сделать.Поесняю простыми словами что бы я хотел. Пример Как тебя завут?.....................мне нужно поле ввода Ты откуда к нам?....................поле А есть аська? ........................поле Фото скинь?............................поле ввода отправить...............................и кнопка отправки на почту все данные которые заполнили. Скажите как это можно сделать на странице? если можно то пример в хтмл коде. Спасибо большое зарание.

    Asked by lajf,

    0 votes
    6 answers

  9. Помогите исправить код

    Здравствуйте. Подскажите, как реализовать: Есть код: <li {if isset($last) && $last == 'true'}class="last"{/if}> <a href="{$node.link}" {if isset($currentCategoryId) && ($node.id == $currentCategoryId)}class="selected"{/if} title="{$node.desc|escape:html:'UTF-8'}">{$node.name|escape:html:'UTF-8'}</a> {if $node.children|@count > 0} <ul> {foreach from=$node.children item=child name=categoryTreeBranch} {if isset($smarty.foreach.categoryTreeBranch) && $smarty.foreach.categoryTreeBranch.last} {include file="$branche_tpl_path" node=$child last='true'} {else} {include file="$branche_tpl_path" node=$child las…

    Asked by Motoko Kusanagi,

    0 votes
    0 answers

  10. отображение в Googl Chrome

    Привет всем подскажите пожалуста, как убрать не правильное отображение отступа в браузере Googl Chrome Прописал в стилях отступ от элемента, все нормально, отступ есть в гугл хром теперь на этом отступе вида обводка, как убрать данный глюк? Вот ниже прикладую скрин описующий суть проблемы. А вот адрес проблемной страницы Запорожский строительный портал

    Asked by vadimcucherencko,

    0 votes
    3 answers

  11. Резина + две фиксированные одна под другой, проблема?

    Проблема, как сохранив (важно!) данный порядок блоков сделать так, чтобы сайдбар прижался вверх к меню. Сейчас он начинается под контентом. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Слева резиновая, справа фиксированные колонки</title> <style type="text/css"> body { color: #000; /* цвет текста страницы */ background: #fff; /* фоновый цвет */ margin: 0; /* убираем поля по краям */ } #header { height: 100px; /* высота шапки */ background: #fc0; /* фон */ } #menu { width: 250px; /* ширина меню */ background: #0fc; float: right; /* всплыва…

    Asked by 2001photo,

    0 votes
    5 answers

  12. как показать html файл перед формой ?

    вот у допустим у меня есть форма: <style type="text/css"> H1 { font-size: 100%; color: blue; } </style> <form action="http://malish.vizie.ru/message/vopros.php" method="post"> <p> <h1> Введите Ваше имя</h1></p> <p><input type="text" placeholder="Вася" required name="nik"></p> <textarea name="vopros" class="brd" placeholder="Пример" required rows="10" cols="32"></textarea> <p><input type="submit" value="Отправить"></p> </form> Потом php файл записывает данные в html файл, дак вот как мне потом это html файл показать перед формой ? пожалуйста помог…

    Asked by malish,

    0 votes
    10 answers

  13. IE9 ругается на onblur/onfocus

    Хочу сделать форму с использованием onblur/onfocus: <input type="text" value="Поиск" onblur="this.value='Поиск'" onfocus="this.value=''" /> Но IE9 её блокирует: Как сделать, чтобы это не появлялось?

    Asked by L1nk,

    0 votes
    3 answers

  14. Скругленные углы и бордер в chrome

    Стиль для img .group_on_index img { border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -khtml-border-radius:15px; behavior: url(/projects/yamaha/js/pie/PIE.php); border:2px #ff0000 solid; } привел к такому результату в chrome Что не так? Вроде нормальный браузер...

    Asked by goooooch,

    0 votes
    2 answers

  15. Форма поиска

    Здравствуйте! Подскажите пожалуйста! Я хочу сделать на сайте форму поиска, чтобы нажав кнопку поиска посетитель мог искать введенную инфу с помощью выбраного поисковика. У меня получилось сделать такое только с Google: <form method="get" action="http://www.google.com/search" target="_blank"> <input name="q" id="form-query" value="" placeholder="поиск по сайту"> <input type=submit value="искать"></form> адресс action="http://www.google.com/search" я взял из кнопки "Поиск в Google" посетитель вводит запрос, нажимает кнопку и Google показывает результаты! Я пробывал сделать также с yandex, но он просто выдает 404, tut.by тоже Подскажите как мне сделат…

    Asked by prdirect,

    0 votes
    3 answers

  16. помогите выровнять три колонки

    При редактировании шаблона на Prestashop добился перехода с фиксированной до резиновой верстки (возможно криво и не правильно). Но возникла проблема. структура сайта была: как было #page {} /* тут вроде все понятно: хедер, три колонки и футер*/ #header {z-index:10;} #columns {z-index:1;} #left_column {float:left;} #center_column {} #right_column {float:right;} #footer {} при этом .container_9 { width: 980px; margin:0 auto; } /*это контейнер для шаблона, как я понял задает размер и расположение*/ .grid_1, /*это вот не понимаю что описывает вероятно расположение модулей*/ .grid_2, .grid_3, .grid_4, .grid_5, .gr…

    Asked by mnjk,

    0 votes
    1 answer

  17. Пропала буква к IE9

    Здравствуйте. Вот есть сайт. Там есть надпись в главной "Звоните!". И в этой надписе пропала буква "З" (В IE9). В других браузерах всё хорошо. Я не могу понять, куда буква то делась? Вот сайт: http://artprstudio.ru/Folder/index.html

    Asked by prowoke,

    0 votes
    1 answer

  18. Css для определенных страниц

    Помогите решить проблему ! Сайт переделывается под Wordpress. Главная страница имеет красивую картинку по середине, а все остальные ссылки должны быть без нее ! как подключить к определенным ссылкам другой Style.css?

    Asked by ivanu6kin,

    0 votes
    3 answers

  19. Модель блока

    В книге Влада Мержевича на странице 115 "Вёрстка веб-страниц" модель блока описана следующим образом: "высота складывается из значений высоты контента (height), полей (padding), границ (border) и отступов (margin)". Когда приобрел книгу http://www.ozon.ru/context/detail/id/2468908/. то там обнаружил другие определения: отступы (padding), границы (border) и поля (margin). Вопрос, как правильно? По моему margin - переводится как "поле", а значит второй вариант.

    Asked by Delat,

    0 votes
    8 answers

  20. меню:применила hover,но в ie8 он не перекрывает разделитель

    Всем привет! Не работает в ie8: Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. И это происходит, если я веду курсором по пунктам меню СЛЕВА НАПРАВО, а если наоборот, то работает корректно,только разделитель чернеет, хотя он зеленого цвета Как можно сделать так, чтобы и разделитель слева закрывался фоном и разделитель не чернел? .Menu-2 { margin:0; padding:0; float:left; width:1200px; height:40px; background:url(/template/menu/menu_1/img/menu2_line.png) no-repea…

    Asked by Nailya,

    0 votes
    3 answers

  21. Как это сделано?

    Здравствуйте! Заинтересовало меня вот такое подстраивание изображений под размеры окна: _http://www.yootheme.com/demo/joomla/subway Как это сделано? С помощью js? PS: к сожалению, ссылка не ведет напрямую... Но если выбрать Moreno - то, что нужно. Вообще, сайтов с таким способом подстраивания встречается много. Вот скриншот:

    Asked by Светлана Г.,

    0 votes
    3 answers

  22. Проблема при ориентации экрана

    Проблема на некоторых планшетах(эмулятором проверял), сайт нормально отображается, но при смене ориентации экрана, сайт как то не реагирует, и не применяет новые свойства, для новой ширины( Что можно придумать?

    Asked by fikret,

    0 votes
    3 answers

  23. Всплывающая подсказка для сенсорных экранов

    Скажите пожалуйста, как можно реализовать всплывающую подсказку для смартфонов и планшетов. Например, что бы при касании картинки всплывало текстовое сообщение, и не пропадало пока не нажмешь в другом месте или не прокрутишь страничку вниз/вверх. Обычный <a title="text"> не работает, при клике картинка только рамочкой вокруг выделяется а сообщения нет.

    Asked by alleclf,

    0 votes
    2 answers

  24. Посоветуйте слайдер

    по типу такого, чтобы был на всю ширину сайта, можете посоветовать плагины?

    Asked by aquapasha,

    0 votes
    5 answers

  25. Не пойму как работает min-width

    Здравствуйте! Не пойму как работает min-width в медиа запросах. Вот, например, мне нужно, чтобы на больших экранах был фон у блока с картинкой, а на маленьких экранах -- картинку убрать. То есть, на экранах с минимальной шириной 768px картинка с фоном должна исчезнуть...но она не исчезает. Пишу такой код: @media (min-width: 1200px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 992px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 768px) {.footer { background:none;}}

    Asked by Alfa2015,

    0 votes
    3 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept