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. Не подключается кириллица Google Web Fonts/

    Всем привет! На ровном месте возникла проблема. Хочу использовать http://www.google.com/webfonts Там всё просто и доходчиво описано как из подключать. С английскими шрифтами проблем нет вообще. Но кириллические (беру естественно из раздела кирилик) не подключаются ни в какую, ни так как ниже по простому, ни @import, ни яваскрипт. Пример ниже <h1> Bad Script отображается как дефолтый таймс, а <h2> как и задумывалось Exo. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href='http://fonts.googleapis.com/css?family=Bad+Script|PT+Serif' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?fa…

    Asked by santacruz,

    0 votes
    1 answer

  2. Фон для текста

    Здравствуйте. В макете у текста есть фон - http://joxi.ru/KAgMOn8CgbXbKm Есть возможность сделать 2 строки одним тегом <p>, но с фоном на каждую строку? Пока только решение пилить 2 тега <p> на каждую строку. Например, текст в несколько строк, но фон, конечно же, непрерывный - http://joxi.ru/v29JkwWsGlzwbA

    Asked by kattiperk,

    0 votes
    2 answers

  3. Пропадает изображение в слайдере при масштабировании

    Доброго времени суток. Столкнулся с проблемой: Есть некий сайт, пстроен на ModxRevo. На главной есть слайдер, реализован с помощью Flexslider. При горизонтальном масштабировании(изменении размеров окна браузера) катринка исчезает Вызов слайдера: <div class="row"> <div class="col-sm-3">[[$sidenav]]</div> <div class="col-sm-9 hidden-sm">[[$slider?set=`set1`]]</div> </div> Чанк слайдера: <!--========== SLIDER ==========--> <div class="flexslider"> <ul class="slides"> [[parseMIGXToGallery? &tpl=`images.gallery.tpl` &i…

    Asked by f4rr3ll90,

    0 votes
    1 answer

  4. Не понимаю, почему не работает overflow

    Доброго времени суток. Есть задача -- сделать контейнер, который визуально прятался бы за одну из сторон родителя. На данный момент, не получается сделать его уезжающим вправо. На скриншоте: верхний блок -- уезжает за левый край экрана, нижний -- пытается уехать за правый. HTML: <body> <div style="margin: 0px; overflow: hidden; position: static; width: 1009px;"> <div class="horizontal_slide" style="margin: 0px 0px 0px -400px;"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea…

    Asked by Iron_Snake,

    0 votes
    3 answers

  5. IE: Не отправляется форма, если кнопка image

    Проблема с Internet Explorer. Не отправляется форма, если кнопка image, если же обычный submit, то нормально отправляется. Вот объявление формы: <form action="/on-line" method="post"> ... Вот коды кнопок: <input type="image" class="image" src="/send.gif" value="Отправить" name="go"> <input type="submit" value="Отправить" name="go"> Помогите пожалуйста, впервые с таким столкнулся. — Версия IE8 эм.. понял IE не отправляет имя кнопки в POST а отправляет имя_x и имя_y

    Asked by warobushek,

    0 votes
    0 answers

  6. form - label - input. Заступает текст

    Приветствую всех. Проблема в следующем: игры с параметрами padding и margin для form, label, input не дало результата - текст все-равно заступает за чекбокс..... вот код: <html> <head> <title>test</title> <style type="text/css"> form {padding: 0 0 0 5; margin: 0 0 0 5;} </style> </head> <body> <form><label><input type="checkbox">So I've been experimenting with different margins and paddings on lists, and so far I can't seem to figure it out. The object I'm after seems simple enough; I want less of an "indent" (is that padding or margin?) on the left edge. In other words, I want the little do…

    Asked by ZoomAll,

    0 votes
    8 answers

  7. Выравнивание флешки по центру в ячейке

    Не получается выровнять .swf файл по центру в ячейке, помогите пожалуйста разобраться. Код: <table border="0" width="749" align="center"> <tr> <td> <object width="450" height="302"> <param name="movie" value="ventiljator.swf"> <embed src="ventiljator.swf" width="450" height="302"> </embed> </object> </td> </tr> </table> Заключение блока <object> в тэги <div align="center"></div> не помогло. Заключение блока <object> в тэги <center></center> не помогло(как советуют на многих форумах).

    Asked by IndigoHollow,

    0 votes
    10 answers

  8. Каким способом вы отменяете схлопывание margin?

    Каким способом вы отменяете схлопывание margin? Допустим есть блок определенного цвета, а в нем заголовок - нам не нужно, чтобы отступы заголовка двигали блок. Я пока остановилась на padding; 1px 0; Может есть способ получше?

    Asked by Zverushka,

    0 votes
    9 answers

  9. Переход между блоками с паралакс эффектом

    Натолкните на мысль, как лучше сделать такой "уголок" между блоками: Верхний блок с паралаксом, нижний с градиентом, в обоих блоках есть контент.

    Asked by chocolate_moles,

    0 votes
    1 answer

  10. Открывающийся блок

    Делаю сайт. Потребовалось сделать блоки, которые открываются при нажатии на них. Сделал всё при помощи псевдоэлемента :focus. Вот ссылка на код: http://jsfiddle.net/3ujogh36/ Смысл таков, что: - родительский элемент без фокуса имеет надпись; - после фокуса род. элемент принимает высоту на весь контент; - надпись исчезает, появляется контент. Всё хорошо, но проблема в том, что в скрытом контенте, который появляется при нажатии на род. элемент, есть ссылка, и при нажатии на неё переход не осуществляется, а только скрывается контент. Вопрос в том, как сделать, чтобы при нажатии на ссылку в контенте переход осуществлялся. Буду благодарен за варианты ответов!))

    Asked by Я_Евгений,

    0 votes
    2 answers

  11. Помогите решении проблемы начинающему.

    Есть 2 слоля: 1 - 40% в ширину, но не менее 200пикселей, 100% в высоту, залика фона черным, fixed. в этом сое меню. 2 - 60% в ширину, не статичный. всем все остальное. Собственно в впринципе как их расположить рядом - не проблема.. это все сделано, прочитано, реализовано и понято, НО! Когда сжимаешь экран - левое поле доходит до 200 пикселей и останавливается. Правое же поле все-равно сжимается и текст заходит за левое поле. Как сделать так, чтобы правое поле не заходило за левое?? Пример кода: <body> <div class="fon"></div> <div class="content">111111</div> </div></body> CSS:.fon {width:40%; min-width:200px;position:fix…

    Asked by Borodulka,

    0 votes
    7 answers

  12. баг высоты svg

    Доброго времени суток экспертам и профи) Проблема такая.. Имеем на странице svg размерами 1000х1138 <img src="images/logo.svg" alt=""> для img задана img { max-width: 100%; } Находится img в нужном блоке и сжался до 92 пикселей в ширину.. с ней проблем нет, а вот высота просто огромная. В основных браузерах всё ок. Проблема в сафари. Точнее неправильное вычисление высоты. Читал на стак-оверфлоу и гугле, что это баг браузера.. Вопрос в следующем - есть ли оптимальный способ устранения данного бага ?

    Asked by Q4Dizzy,

    0 votes
    6 answers

  13. массив сравнить с бд и вывести результат.

    Добрый день. вобщем такой вопрос я передаю значения id через запятую методом GET. Мне его нужно принять как массив и вывести данные из бд где каждый id равен тому id что передаю. Не могу придумать как это сделать.

    Asked by DronBoy,

    0 votes
    1 answer

  14. div блок, управление

    День добрый. Столкнулся с такой проблемой как перемещение div бока. Сам сайт я пытаюсь как-то сделать адаптивным и мне нужно рядом с div болком поставить еще 1 div блок. Как мне это сделать? Проблема в том что если я буду переносить с помощью px или % то этот блок будет куда нибудь сносить (при других разрешениях экрана).Что делать P.S. Ссылка на сайт: http://fineway.net16.net/ .Как он должен выглядеть: http://imgur.com/TjsJiXv . HEEEELP!

    Asked by Tardpipl,

    0 votes
    1 answer

  15. Последовательное воспроизведение трэков на музыкальном сайте

    Практикую написание музыкального сайта. Столкнулся с такой проблемой, ни как не получается создать последовательность воспроизведения трэков, когда песня заканчивается, она просто перестаёт играть и всё. В инете не объяснятся как это делать, есть просто уроки по тэгу <audio> ни слова о последовательности. Решил воспользоваться плеером, но проблема всё та же. Я новичок в этом деле, надеюсь на адекватный совет тех, кто имел с этим дело. Спасибо заранее! P.S. если нужно больше информации, говорите, дополню. как выглядит:

    Asked by zitco255,

    0 votes
    1 answer

  16. Не задаются стили hover из за js

    Привет, взял такой скрипт аккордеона с сайта, https://jsfiddle.net/gsw3xrhy/ , но есть проблема, что при ховере не задается img arrow_hover, и бекграунд колор не пропадает после того, как panel становится видимой, колор пропадает только если увести курсор с аккордеона, а нужно , чтобы было как на здесь

    Asked by exoty,

    0 votes
    5 answers

  17. Не отображаются списки

    У меня как бы не совсем проблема вёрскти, не знаю куда написать просто. Не отображаются списки во всех браузерах !! О_о Опера, хром, мазила, IE, нигде не отображаются списки, там где списки, нет отсупа от края и нет кружочков или цифр смотря какой список, просто строки текта тупо. Они вообще нигде не отображаются, я просил проверить в аське у других людей всё нормально, файрволы и все фильтры отключал, винда windows 7 я даже не представляю от чего это может быть

    Asked by SoFuWa,

    0 votes
    3 answers

  18. Проблема с IE 8.

    Когда я вставляю этот код: <td><a href="/forum/51" ><img src="images/head_10.gif" width="70" height="58" alt="" ></a></td> В Опере картинка не выделяется синей рамкой. А в IE 8 выделяестя.Что делать?

    Asked by Owen,

    0 votes
    5 answers

  19. подключить стиль для ie6 через style.css

    ... index.html мы подключаем стиль для ие6 вот так <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="style_ie6.css" /> <![endif]--> Ну это понятно. А есть ли способ подключить тоже самое, но через style.css? (я имею ввиду чтото в духе /* [if IE 6] <link rel="stylesheet" type="text/css" href="style_ie6.css" /> <![endif] */ ) ???

    Asked by cardsmoney,

    0 votes
    2 answers

  20. Имитация заполненного бланка

    Нужно с помощью HTML сымитировать заполненный бланк, в котором есть длинная-длинная подчёркнутая графа, простирающаяся на несколько строчек. Нужно, чтобы текст содержимого плавно перетекал на следующую подчёркнутую строчку. Нравится оформление нижним бордюром ячейки, только при переносе строки раздвигается первая ячейка. Подчёркивание текста это хорошо, но не дотягивает до правой границы листа. Разбиение же фразы по размеру строчек - корявое решение, потому что приходится угадывать ширину.

    Asked by Webr,

    0 votes
    4 answers

  21. отцентрирование кода

    как отцентрировать данный текст html? заранее большое спасибо. мучаюсь немало. всё дело в бордерах между блоками. из-за них не получаеться сделать из ширины всех блоков 100%. и поэтому справа остаёться часть пустоты, поэтому я попробывал засунуть требуемый вывод тем в таблицу. но с помощью выравнивания таблицы тоже получилось не совсем по центру. можно ли всё таки выровнять по центру иль всё же нужно на table вёрстку переписать? еще раз спасибо за помощь так же можете посмотреть по адресу: wars.org.ua/forum/2/ вот текст html <table align='center' cellspacing=0 cellpadding=0><tr><td><div class='forum_part_base'> <div class='forum_part_title' sty…

    Asked by das,

    0 votes
    4 answers

  22. Скрол окна принудительно

    Приветствую. Ситуация такая, есть флешка которую позарез нужно отображать на все окно (100% width и 100% height) но при этом нужно установить предельную высоту окна (скажем 900 пикс.) и если окно будет меньше этого размера по высоте,то нужно показать скрол окна браузера и собственно прокручивать эти 900пикс. Вопрос в следующем - как это сделать принудительно для окна браузера, программно (скриптами), то есть если даже в окне будет пустота, то все равно должен появится скрол на указанную высоту, это реально вообще? Спасибо. PS вот еще посетила мысль, может создать какой нить "волшебный" невидимый див или таблицу нужной высоты, но как лучше сделать что бы эти элементы никои…

    Asked by Archi_xxx,

    0 votes
    13 answers

  23. Режим совместимости

    Ребят подскажите пожалуйста, при открытии сайта в IE8 сайт открывается в режиме совместимости и там просто все карау как будто чужой сайт открываю. Если же в IE8 (средства разработчика) поставить режим документов стандартный IE 8, то сайт выглядит на удивление правильно. стандартный для IE7 неправильно но багов в 100500 раз меньше. Вопрос, что надо сделать чтобы при просмотре сайт открывался в стандартном виде, а не в режиме совместимости?

    Asked by ShumNo,

    0 votes
    11 answers

  24. display:table для ie6

    Добрый вечер. Есть такая проблема. Есть меню вертикальное. Пункт активной страницы выделяется фоном. Но нужно чтобы ширина пункта зависела от текста. Вот пример <!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>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> body {background:#719ca5;} ul {list-style:none } .menu { padding:7px 0 40px 14; width:300px; } .menu li { display:table; } .menu a { color:#fff; text-decoration:none; display:block; height:28…

    Asked by Dioni$$,

    0 votes
    6 answers

  25. выравнивание блоков в ячейках таблицы

    Добрый день. У меня есть таблица, в ячейках которой сидят блоки: (границы таблицы - синим цветом, дивов - чёрным) Только не надо спрашивать, зачем я запихиваю в бедную таблицу блоки. Меня интересуют 2 блока, выделенные красным цветом. Я хочу, чтобы они были выровнены по нижнему краю строки таблицы. То есть, при любом увеличении/уменьшении окна браузера или разрешения экрана вся эта хрень принимала следующий вид: Задача вроде элементарная, но я не силён в CSS и не знаю как её решить. Будьте добры, подскажите.

    Asked by drasute,

    0 votes
    8 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