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. Прелоад изображений

    Наткнулся на статью, о проблеме с подгрузкой изображений для элементов, которые по умолчанию display: none; http://www.xiper.net/collect/html-and-css-tricks/css-tricks/preload-images.html Статья эта датирована 2009 годом (хотя, почти 2010), но технологии то, на месте не стоят. В связи с этим, вопрос: эта проблема актуальна на сегодняшний день? И если да - то может вы знаете какие-нибудь более изящные/легкие способы решения этой проблемы, чем те, которые приведены в статье?

    Asked by Evkaky,

    0 votes
    1 answer

  2. HTML5. Кроссбраузерное Оформление Placeholder...

    Здравствуйте. HTML5 изучаю недавно и на днях решил применить атрибут 'placeholder'. (с соответствующим плагином для кроссбраузерности.) В результате столкнулся со следующими трудностями: 1) Opera не поддерживает регуляцию цвета для текста. 2) В Safary невозможно отцентрировать текст по горизонтали. Буду благодарен, если кто подскажет обходные пути. (Возможно требуется прописать что-нибудь в скрипте? Я в этом не силён.) P.S. Также было бы неплохо понять, каким образом можно найти аналог св-ва ':focus' для инпутов в ie-7? (необходимо поменять цвет бордерам.) Пример страницы с проблемами находиться здесь: http://webmaster.ayrveda.ru/Placeholder/index.html Буду признателен за…

    Asked by Yamaradg,

    0 votes
    0 answers

  3. Aside уходит под Article

    Ситуация: заказана верстка была у одного "спеца", который теперь не отвечает на сообщения... Сайт (СМИ) отображается нормально на главной, а на странице материала Aside уходит под Article Программист, который ставил CMS, пытался исправить, но не смог, я сам тоже не верстаю( Просто верстка работала нормально, но после введения сайта в эксплуатацию, понеслись ошибочки, самая главная щас вот с aside Собственно ниже код того что было (норм было до запуска сайта) и того что я намудрил сам. Не понимаю где ошибки, помогите( и может ли что-то ещё влиять на верстку? непонятно( В моем варианте блок сместился вправо, но также остался под материалом Если нужно прикреплю скрины=) Спас…

    Asked by ReAl,

    0 votes
    1 answer

  4. Проверка кроссбраузерности

    Есть какой-нибудь аналог IETester, но для старых хрома, лисы и сафари? Нашел только сайты, но там можно проверить только url, а хотелось бы по быстрому, не загружая на хост... И еще вопрос, касающийся градиентов. background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0ECF4), to(#D0ECF4), color-stop(0.5, #5BC9E1) color-stop(0.6, #5BC9E5)); Значения позиции в color-stop 0.5, 0.6. откуда берут отсчет? От начальной точки градиента начинается 1 и дальше по убыванию? Т.е. в данном случае с обычным градиентом сверху вниз, наверху 1 а внизу 0.0. Но если бы градиент был по диагонали(0 100%, 100% 0) , то отсчет будет как я указал на картинке?

    Asked by ВикторТрошка,

    0 votes
    0 answers

  5. Вывод списка друзей, как в вконтакте

    Всем добрый день. Думаю из названия понятно, что требуется: <div class="friend"> <div class="avatar_mini"> ..... </div> <div class="first_and_last_name"> ..... </div> <div class="friend_menu"> ..... </div> </div> И вот в таком виде должна выводится информация о пользователях. Ковыряние CSS из вконтактика ни к чему хорошему не привело, как только эти дивы не прыгали по странице, но так как нужно не ставятся. Кто что посоветует?

    Asked by helcoder,

    0 votes
    6 answers

  6. доктайп блочит скрипт?

    вобщем сделал какую то страничку, на ней - скрипт,но не работает сволочь убрал <!DOCTYPE html> - заработало. больше ничего не менял,у тега скрипт не было атрибутов. Но без доктайпа не хорошо.как доктайп влияет на скрипты?

    Asked by Мелкий,

    0 votes
    0 answers

  7. Изображение в нижний правый угол окна браузера

    Как поставить изображение в нижний правый угол окна браузера?

    Asked by Naverjas,

    0 votes
    3 answers

  8. Как в фотошопе опредилить позицыю слоя ?

    Здравствуйте. Подскажите пожалуйста, как узнать в фотошопе позицыю текста от левого края и от верхнего ? как в фотошопе опредилить еденицу измерения не pt а px ? у меня CS 4

    Asked by oggy3010,

    0 votes
    1 answer

  9. Фоновый рисунок

    Я уже замучился. . . Никак не могу сделать, чтобы картинка растягивалась на всё окно фрейма. Вот index.html: <!DOCTYPE html> <html> <head> <title>Successful Life</title> <meta charset="utf-8"> <meta name="keywords" content=""> <meta name="description" content=""> </head> <frameset rows="40% , *" frameborder="0"> <frame src="head.html" name="HEAD" scrolling="no" noresize> <frameset cols="25% , *"> <frame src="menu0.html" style="background: #fda" name="MENU0" noresize> <frame src="content0.html" style="background: #abc" name="C…

    Asked by Mr_ILYAS,

    0 votes
    2 answers

  10. Div ссылка и Z-index

    Такой вопрос:есть 5 ссылок и 6 картинок 1 статичная находится в контейнере рядом другие нужно подключить к этому контейнеру так чтобы они заменаяли статичную если наводишь на ссылки тоесть к каждой ссылке приписываем по 1 изображению. Я разобрался как работает это с java :вот код a href="#" onmouseover="document.getElementById('kartinka').src='../Images/smena2.jpg';" onmouseout="document.getElementById('kartinka').src='../Images/smena1.jpg';">пункт 1</a> <UL> <li><a href="#">пункт 1.1</a></li> <li><a href="#"> пункт 1.2</a></li> <li><a href="#"> пункт…

    Asked by Stripped,

    0 votes
    0 answers

  11. Кроссбраузерная вёрстка(Ios safari...)

    Имеется сайт http://epicforever.ru/ Вверху 2 дива, собственно новости и новые песни. При открытии их на айфоне\айпэде, в левом диве некоторые строки переносятся на 2 строки, высота дива увеличивается... Как сделать, чтобы такого не происходило? nowrap не предлагать) c min-width экспериментировать пробовал, тоже не помогло.. мб что то не так делал. Зарнее спасибо)

    Asked by Briss,

    0 votes
    6 answers

  12. Проблемы с размерами блоков

    Здравствуйте.Недавно начал осваивать HTML верстку.Проблема такая: Есть типичный макет:Шапка,Центр(3 колонки),футер. Вот,что получается в различных браузерах: Хром IE Опера Сафари Т.е.искажаются размеры блоков. Посоветуйте пожалуйста литературу(желательно на русском),в которой рассказывается как устранять такие проблемы.Заранее спасибо.

    Asked by Ferma,

    0 votes
    2 answers

  13. Вывести картинки под спойлером

    Ребят, помогите пожалуйста. Нужно на определенной странице джумлы Ссылка (это компонент) вывести спойлер, а при нажатии на него вывести некоторые картинки. Как это реализовать? Я так понял это реализовывается в компоненте - вот он: Скачать Спасибо.

    Asked by a1m,

    0 votes
    1 answer

  14. Помогите "чайнику" с кнопками на HTML

    Добрый день, уважаемые форумчане! Прошу у вас помощи, в наверное простом для вас вопросе. Сам я очень далек от верстки, но начал мастерить некое устройство на микроконтроллере управляемое через браузер и столкнулся с проблемой. В идеале мне бы хотелось чего то примерно такого: Слева кнопка "Vol -" потом значение VolValue, а справа соответственно кнопка "Vol +" По нажатию этих кнопок браузер должен передавать микроконтроллеру значения cmd=8 и соответственно cmd=9 (там, на микроконтроллере парсится строка запроса от браузера в поисках cmd и выполняются соответсвующие действия). Но у меня не получается сделать желаемое в одной строке. Т.е. если я делаю так: <form METHOD=…

    Asked by Alex-GK,

    0 votes
    5 answers

  15. Валидный HTML5 код

    Помогите разобраться. Я так понимаю, что в HTML4 следующий код был не валидным: .. <a> <div>text</div> </a> .. А именно из-за того, что тег <a> текстовый, и внутрь текстового нельзя помещать блочный. Но этот код становится валидным, если <!DOCTYPE html>. Собственно, почему? Например, может <a> перешёл в разряд универсальных тегов?

    Asked by smevok239,

    0 votes
    5 answers

  16. Выравнивание сайта по центру

    Здравствуйте (: Проблема в выравнивании сайта по центру. Ширина сайта - 1200px; Ширина шапки - 1600px; Сейчас так : body{ background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; } #conteiner{ position: absolute; left: 50%; margin-left: -600px; width: 1200px;} При этом : Шапка смещена px на 20 влево. При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя) На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо. margin:0 auto;Не работает совсем. Если писать background для div'a header, то…

    Asked by user135,

    0 votes
    3 answers

  17. Не получается прижать footer к низу страницы

    Друзья, пробовал несколько методов, найденных в сети, выбрал тот, при котором к footer-у применяется абсолютное позиционирование, а страница body и html растягиваются до 100%... Долго мучился, так и не разобрался, вот полный код: <!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 charset="utf-8"> <style type="text/css"> html { height: 100% } * html body { height: 100% } body { margin: 0; padding: 0; min-height: 100%; position: relative; } #header { float:left; width:100%; min-width:1000px; } #wrapper { …

    Asked by Artur Boss,

    0 votes
    1 answer

  18. бордюр не на всю высоту элемента

    свойство border делает бордюр элементу от начала и до конца, как сделать, чтоб получились отступу с каждого края?

    Asked by sc@r@bey,

    0 votes
    5 answers

  19. Скроллбар контента в произвольном месте

    Привет. Подскажите как сделать следующую вещь: Нужно сделать так что бы можно было располагать кастомный скролл в произвольном месте. Т.е. у меня есть какое-то количество оранжевых блоков. Красный блок с заданной шириной и overflow: hidden, зеленый блок c какой-то большой шириной. Можно красному блоку задать overflow:auto и использовать плагин вроде jScrollPane, но тогда скролл будет около контента, а мне нужно "отделить" его от туда и вставить в произвольное место. Знаю что это сделать можно, но как пока не соображу. Спасибо

    Asked by bob_24,

    0 votes
    4 answers

  20. responsive web design and grid (Адаптивный web lbpfqy)

    http://forefathersgroup.com/ http://www.stpaulsschool.org.uk/ http://sweethatclub.org/ Вот примеры адаптивных сайтов Подскажите как установить grid(Сетку) И как правильно работать с media queries

    Asked by paseonru,

    0 votes
    1 answer

  21. Выравнивание сайта по центру

    Здравствуйте (: Проблема в выравнивании сайта по центру. Ширина сайта - 1200px; Ширина шапки - 1600px; Сейчас так : body{ background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; } #conteiner{ position: absolute; left: 50%; margin-left: -600px; width: 1200px;} При этом : Шапка смещена px на 20 влево. При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя) На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо. margin:0 auto;Не работает совсем. Если писать background для div'a header, то…

    Asked by user135,

    0 votes
    7 answers

  22. Как сделать выровнять текст по центру только в верхней строке(а именно в ее столбцах) ?

    Добрый день. Код: <table id="a_table" border="1" bordercolor="#e1e1e1"> <tr class="a_table_tr_header"><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td></tr> <tr class="a_table_tr_main"><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr class="a_table_tr_main"><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td&gt…

    Asked by Frank,

    0 votes
    2 answers

  23. Как блок расположить над таблицей?

    Тема закрыта

    Asked by Frank,

    0 votes
    1 answer

  24. Как принудительно заставить IE работать в стандартном режиме?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> и страница в любом IE разваливается. Если поменять на <!DOCTYPE HTML>, то начинает работать правильно. Но у меня есть возможность править только то, что внутри <body>. Как можно в таких условиях переключить IE в стандартный режим?

    Asked by LittlePony,

    0 votes
    12 answers

  25. Работа с iframe

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

    Asked by Makeda,

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