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

29,542 questions in this forum

  1. Очень странный глюк с радио-кнопками

    Здравствуйте, Ситуация следующая: Есть динамическая форма (http://favorite-group.ru/index.php/stoimost). При выборе услуг из выпадающего списка, страница перезагружается, и появляется 2ая часть формы с услугами. В некоторых услугах есть радио кнопки. В коде строго прописано, что в каждой группе радио кнопок одна активная. Мой заказчик выбирает нужные пункты (IE7), начинает проверять свои ответы и скроллить страницу вверх-вниз, и в этот момент активные радио кнопки изчезают, либо везде, либо в только в некоторых услугах. Т.е. в каждой группе кнопок все становятся неактивными. Проблема в том, что я тестировал на 4 компах, в IE6-7, FF и Опере и ниразу не столкнулся с этой п…

    Asked by Chervontsev,

    0 votes
    6 answers

  2. Синтаксис CSS

    Подскажите товарищи что значит знак "-" для примера правила ul.menu li.active-trail > a, ul.menu li.active-trail > a.active, Если что это я в Друпале нашел

    Asked by laswetu,

    0 votes
    7 answers

  3. Проверка На Кроссбраузерность

    Просто любопытно послушать мнение форумчан, по некоторым вопросам. Мне кажется самая подходящая ветка форума для такого обсуждения, если ошибаюсь то перенесите куда следует. 1.Как проверяете верстку на кроссбраузерность? Я проверяю в IETester(6,7,8) и в последних версиях фф, сафари, хром и опера пользователи последних я думаю регулярно обновляют браузеры до последних версий(нет ведь таких кто по каким либо причинам вынужден пользоваться 2-ым фаерфоксом или 9 оперой, как в случае с ИЕ). Существуют ли проверенные аналоги ИЕТестера для других браузеров? Делитесь ссылками. 2.Кроссбраузерная это и кроссплатформенная тоже? Если сайт правильно отображается во всех выше перечисл…

    Asked by rediskavet,

    0 votes
    6 answers

  4. заработок версткой

    Не нашел разделов, куда можно было бы удачней поместить эту тему,поэтому разместил в этом. В общем спросить я хочу вот что: Как начать зарабатывать версткой? Какие существуют способы получения заказов для портфолио(разумеется бесплатно для заказчика)? Существуют ли какие то способы вписаться в помошники к кому то(слышал о чем то подобном краем уха)?

    Asked by Gaydar777,

    0 votes
    15 answers

  5. Скрипт для смены картинок

    Необходим скрипт меняющий картинку при загрузке страницы. Например, есть папка с картинками, 10-20 шт. Надо чтобы при каждой новой загрузке странички подгружалась рандомная картинка из этой папки. Очень желательно на PHP. Гугл особо не помог, то слайдеры то javascript. Подскажите пожалуйста как реализовать, или где почитать.

    Asked by alleclf,

    0 votes
    8 answers

  6. Bootstrap и форма для мобильных и планшетов

    Здравствуйте. Проблема с версткой формы в Bottstrap. Хочу сделать 2 поля в одну линию с выбором промежутка ОТ и ДО. Но при уменьшении размера экрана до планшета, название поля не правильно отображается. Пробовал различные размеры col-md-* col-xs-* и тд. подставлять но не помогло. Подскажите как сделать. Получается вот так: Код такой: <form method="GET" action="#" accept-charset="UTF-8" class="form-horizontal"> <fieldset> <!-- Text input--> <div class="form-group"> <label for="name" class="col-md-4 control-label">Имя</label> <div clas…

    Asked by z3r9,

    0 votes
    6 answers

  7. не могу растянуть ячейку

    подскажите ка растянуть ячейку есть таблица

    Asked by boot,

    0 votes
    8 answers

  8. Проблема в расстоянии между ячейками в таблице

    Собственно хочется что бы рисунки которые вставлены в ячейки таблицы, составляли один рисунок при просмотре. Сейчас же между границами ячеек существует расстояние в 1px. Как сделать так что бы не было пустого расстояния? Такой баг только в IE 6.0, в Opera и FF норма... Пустое расстояние после: <tr ><div style="border:none; margin:0px;"><img src="images/img_01.gif" /></div></tr> Весь код страницы.. <!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=windows-1251" /> <titl…

    Asked by ProGGGer,

    0 votes
    3 answers

  9. Открытие нового окна/вкладки

    При открытии нового окна/вкладки при помощи target="blank" все работает нормально, но если на этой же странице кликнуть следующую ссылку с target="blank", то страница откроется не в новом окне, а в том же, что и первая ссылка. Можно ли открывать сколько угодно ссылок в таком же количестве окон/вкладок?

    Asked by Veseloff,

    0 votes
    3 answers

  10. Равномерное деление ячеек в таблице

    Вот еще вопрос на повестке дня: А можно ли выровнять(разбить) ячейки равномерно во всех браузерах, так как это делает ие6,7 (пробовал на поценты бить может не там) вот так это должно примерно выглядеть а вот как во всех кроме ие 6,7 http://xmages.net/out.php/i104633_1.jpg ИЕ http://xmages.net/show.php/104634_2.jpg ВСЕ КРОМЕ _____________________________________________________________________ Извеняюсь за "не надо в одну корзину все складывать", не повторится, увлекся)

    Asked by woofs,

    0 votes
    2 answers

  11. Отображение таблицы в разных доктайпах

    Есть у меня табличка с данными, а у таблицы декоративная рамка, где картинки порезаны на части и распределены между ячейками таблицы. Доктайп был loose, и всё выглядело замечательно. Потом вдруг думаю - переделаю-ка на strict, делов-то. Поубирал все лишние параметры таблицы из html (border=0 align=center cellpadding=0 cellspacing=0), перенёс в стили. Откуда ни возьмись, появились промежутки между ячейками, и в рамке появились разрывы. Задал в CSS для таблиц margin: 0; padding: 0; border-spacing: 0; - не помогло. Задал для строк - не помогло. Задал для ячеек - не помогло. Задал для картинок - тоже не помогло. Что б ему ещё такое сказать, чтоб он понял?

    Asked by Pinguin,

    0 votes
    12 answers

  12. Как выполнить проверку input на заполнение?

    Ребятки, есть вот такой вот фрагмент. Есть вот такой код: input:focus + label {display: none} Т.е. когда нажимаешь на input, надпись name исчезает, но стои убрать фокус с формы, надпись появляется снова, причем поверх текста. Получается некая неведомая фигня. Как сделать так, что если в инпуте есть хотя б одна буква, лейбл на нем не появлялся? Пробовал input:not(:empty) + label {display:none;} Но как выяснилось что input всегда empty. И как решить этот вопрос, ума не приложу. 2й день голову ломаю над делеммой.

    Asked by sergei8550,

    0 votes
    3 answers

  13. mozilla не понимает colspan через JS

    в таблице есть radio button посредством которой выбирается товар кликнув на нее картинка товара и его описание сдвигаются влево, у предыдущего кликнутого появляется radio. в ие и опере вс? ок, а в мозилле в?рстка плыв?т. HTML: <tr> <td id=td26 valign=bottom style="display:none;padding:15;padding-left:0;padding-top:100" > <input type="radio" onclick=selectOne(26) name=selectone id=rad26 value="26" /></td> <td valign=top id=img26><img src="/images/item/26_1.src.jpg" onclick=selectOne(26) width="106" height="106" style='border:3px solid #d8c4a3;' alt=""/></td> <form action="/?page=basket" method="post" name=delTovar26><td …

    Asked by elfuvo,

    0 votes
    0 answers

  14. Подскажите пожалуйста

    Приветствую всех! По сути: Столкнулся с давно описанной проблемой, а именно - расстоянием от маркера(маркир. списка) до текста. Вот здесь, в Рецептах показан доходчивый и надёжный способ (li {padding-left: 20px;}),но в моём случае он почему-то не работает...в FF нормально,в IE, Opera не работает. Вот участок CSS: li { padding-left: 20px; list-style-image: url(images/li.gif); list-style-position:inside; } li:hover {list-style-image: url(images/li-hover.gif); } Очень интересно, почему это не работает,может у меня где-то ошибка? Посмотреть как именно не работает

    Asked by bravada j,

    0 votes
    9 answers

  15. Как прописать в ксс input только типа "text"?

    Сабж. Имеется невозможность прописать класс в текстовой строке. Да и мне это не нужно - ибо одни парметры на все инпуты текстового вида. Как это сделать? Всякого рода эксперименты к резутьтату не привели.

    Asked by 7ion,

    0 votes
    5 answers

  16. Еще одна задачка

    <style> #content:after { // чтобы родительский блок принимал высоту наибтольшего находящегося в нем ребенка content: ""; display: block; clear: both; } #content { position: relative; // задаем относительное позиционирование, чтобы div.neighboor выравнивался относительного него } #left { float: left; width: 50%; height: 300px; // в этом блоке выводятся статьи, поэтому высота может быть разной } #right { float: right; width: 50%; } #right div.garbage { height: 100px; // здесь выводятся последние новости, поэтому высота тоже может быть разной } #right div.neighboor { position: absolute; bottom: 0; } </style> <div id="content"> <div id="left">…

    Asked by lavr-ik,

    0 votes
    6 answers

  17. Нетривиальная задача

    Добрый день! Хочу услышать мнение грамотных людей по поводу верстки одного из тестовых макетов. Общие требования в верстке 1. Корректное отображение в браузерах: Internet Explorer 6 и выше, Firefox 3.5.* и выше, Google Chrome, Safari 5 и выше 2. Минимальное количество элементов в html разметке, минимальное количество стилей CSS, минимальное количество изображений для оформления (если вы используете изображения при реализации задачи), минимальное кол-во JavaScript'а (если вы используете JavaScript для реализации задачи, использование при этом JavaScript framework'ов /prototype, jQuery, и т.д./ приветствуется), использование тегов таблиц не желательно Комментарии к макету …

    Asked by IIAIIIA,

    0 votes
    24 answers

  18. Иконка для полей ввода

    Здравствуйте, форумчане! Верстаю сайт и озадачился таким вот вопросом. Позволю себе предысторию... Сейчас модно делать иконки у полей ввода (поиск, пароль, адрес почты и т.д.), которые визуально показывают тип информации, которую в них следует ввести. Обычно это легко делается, через свойство тега background. Но мне почему-то показалось, что некрасиво, когда при наведении на эту иконку курсор остается "в режиме ввода текста" (ну вы поняли...), он имеет вид, как-будто его навели на поле ввода и не меняется. Я подумал и решил, что надо сделать так: Вначале html-код: .... <div id="searchWrap_lvl2"><input type="text" name="search_field" id="search_field" value="По…

    Asked by k0d,

    0 votes
    8 answers

  19. float: left не работает в IE7

    привет, нужна ваша помощь. ситуация банальная ... но я не могу ее решить .. вот код... <div id="test"> <div id="t1"></div> <div id="t2"></div></div>#test { width: 120px; height: 300px; background-color: red; position: relative;}#t1 { width: 50px; height: 50px; background-color: black; float: left;}#t2 { width: 150px; height: 50px; background-color: pink;}одним словом - как заставить IE7 - выполнить условие float:left - когда родительский блок меньше чем дочерний ... всех других браузерах все работает как надо .. а вот здесь как всегда

    Asked by zerofx,

    0 votes
    5 answers

  20. не могу создать элемент div - без position: absolute;

    Не могу создать элемент DIV - не прописав свойство position: absolute из-за чего не получается смаштабировать сайт: <!DOCTYPE html><html> <head> <title>Сайт по WEB-разработке</title> <meta charset="utf-8"> <link rel='stylesheet' href='../css/style.css' /><script type='text/javascript' src='../js/jquery-1.11.1.min.js'></script><script type="text/javascript" src="../js/jguery-1.4.2.min.js"></script><script type="text/javascript" src="./js/jguery-ui-1.8.2.custom.min.js"></script><script type="text/javascript" src="../js/jguery.ghindaVideoPlayer.js"></script> <script> docu…

    Asked by Zero-11,

    0 votes
    7 answers

  21. PHP not work

    Доброго времени суток всем верстальщикам и тем, кто себя ими считает! Это мой первый код на пхп, но он не робит. Почему? PHP: <html><head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8" > <link rel="stylesheet" type="text/css" href="css.css" /> <title> TITLE </title> </head><body> Text <?php echo "Hello PHP"; ?></body></html>"Hello PHP" не выводтся. Стоит Open Server, localhost открывается, то бишь все должно работать. "Text" выводится. Help.

    Asked by kulc_hacker,

    0 votes
    17 answers

  22. Резиновая шапка сайта

    Добрый день! Проблема в отображении шапки мобильной версии... В desktop версии все хорошо, а в мобильной версии криво Вот css: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2014/12/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; /* Животные */ height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование */ top: 0px; /* Сдвигаем картинку вниз */ }А вот сам код: <div class="header-bg"> …

    Asked by Dizred,

    0 votes
    7 answers

  23. Исчезание надписи при наведении мыши

    Здравствуйте! Подскажите, как сделать так, чтобы надпись "Ваш Е-мэйл" в окошке формы подписки исчезала при наведении на нее курсора. Сейчас приходится ее выделять и удалять, а только после этого можно указать Е-мэйл.

    Asked by StOK,

    0 votes
    5 answers

  24. Большая проблема многодевайсности

    Честно, сейчас так много устройств, что кажется восстание машин уже началось и щимить они начали уже в вёрстке. Подскажите пожалуйста, что делать в такой ситуации: у iPadPro разрешение 1366х1024, у какого-нить ноутбука, к примеру, 1280х800. Так какую же версию сайта нужно отображать на Айпэд Про, если у него разрешение больше чем у ноутов? Я сделал отображение десктопной версии. Но тут заказчик посмотрел сайт с обычного айпэда, и говорит, что туда надо мобайл. И вот парадокс: iPadPro (protrait) - 1024x1366 iPad (landscape) - 1024x768 На один 1024 получается нужно повесить и десктопную и мобильную версию? Как? Тогда вопрос, может показывать на айпэд про …

    Asked by Alarr,

    0 votes
    2 answers

  25. позиционировать пейджинг по середине

    сабж, проблема в том что на данный момент я отцентровал пейджинг используя padding-left:120px, но размеры области в которой он находится изменяется и в результате пейдж смешается от центра. Нужно отцентровать a.next, a.prev, но они должны нах на одной строчке. Пробовал применять text-align: center не помагло. Код: .nv-pager { clear:both; padding-left:120px; height:35px; margin-top:10px; } .nv-pager a.next { background:transparent url("images/gotonext.gif") no-repeat right center; border:0pt none; cursor:pointer; float:left; margin-left:10px; display:block; height:25px; width:26px; } .nv-pager a.prev { background:transparent url("images/gotoprev.gif") no-r…

    Asked by vrazbros,

    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