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. Margin:0 auto для блока с абсолютным позиционированием

    Приветствую. Возник вот такой вот вопрос. Есть блок со следующими стилями: .block {position:absolute; right:0; bottom:0; left:0; height:6em; max-width:1200px; margin:0 auto;} Верстка «резиновая». При достижении ширины блока в 1200 пикселей все хорошие браузеры выравнивают его по центру. И лишь обожаемый и неповторимый IE имел все в виду в порядке строгой очереди. Стандартные фиксы не спасают (из-за абсолютного позиционирования): .outer {text-align:center;} .outer * {text-align:left;} Есть ли разумное решение проблемы или же имеет смысл не выносить мозг и вложить в .block другой блочный элемент и прописать стили к нему?

    Asked by solovets-denis,

    0 votes
    1 answer

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

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

    Asked by Briss,

    0 votes
    6 answers

  3. 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

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

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

    Asked by Alex-GK,

    0 votes
    5 answers

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

    Тема закрыта

    Asked by Frank,

    0 votes
    1 answer

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

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

    Asked by smevok239,

    0 votes
    5 answers

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

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

    Asked by sc@r@bey,

    0 votes
    5 answers

  8. 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

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

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

    Asked by a1m,

    0 votes
    1 answer

  10. Не получается прижать 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

  11. Таблица

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

    Asked by gadjet,

    0 votes
    4 answers

  12. Как задать высоту td кроссбраузерно в абсолютных единицах?

    Первое что попробовал это просто присвоить высоту td(height: 40px;) - этот вариант поддерживает, то есть отображает как желалось только FF, далее другой вариант это задания tr(height: 40px;), а td - 100% - этот вариант поддерживается большинством браузеров кроме браузеров на движке webkit. Может кто знает как задать высоту td кроссбраузерно? Подскажите пожалуйста. Хм.. задал tr нужную высоту и всё стало кроссбраузерно. Извеняюсь за пост... Тогда что бы тема не пустовала, может знает кто как решить одну проблемку. В FF есть возможность взяите таблчних элементов в фокус, при этом элементы в фокусе подсвечиваются синей рамкой, может знает кто как её убрать?

    Asked by tini.kRyptoNite,

    0 votes
    4 answers

  13. Safari (проблемы с SVG)

    Столкнулся с интересной ситуацией, я конечно понимаю, что Safari поддерживает нативные градиенты через старый или новый стиль задания градиента, но мне стало интересно как он ведет себя с SVG градиентом генерируемым Colorzilla генератором. Вот пример где все наглядно(открывать в Сафари): ПРИМЕР Как это объяснить я не знаю, помогите пожалуйста)

    Asked by Svatov,

    0 votes
    2 answers

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

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

    Asked by Naverjas,

    0 votes
    3 answers

  15. Атрибут lang

    Стал чаще встречать атрибут lang в теге html. W3C говорит по этому поводу: "Этот атрибут определяет базовый язык значения атрибутов элементов и текстового содержимого" И что нужен он для: "Оказание помощи поисковых систем Помощь агент пользователя выбрать символ варианты для высокого качества типографии Помощь агент пользователя выбрать набор кавычек Помощь агентам пользователей принимать решения о переносов, лигатур и расстояния" И тут у меня вопросы: 1) Разве не для этих же целе <meta http-equiv="Content-Language" content="ru"> 2) А если у меня значения атрибутов на англ, а сам контент сайта на русском? Что мне тогда писать в <html lang="">? 3) Действительно…

    Asked by Evkaky,

    0 votes
    4 answers

  16. Горизонтальная прокрутка

    Добрый день. У меня следующая проблема. Есть разметка <div class="carousel"> <a href="#"> <img src="some_src"> </a> <a href="#"> <img src="some_src"> </a> <a href="#"> <img src="some_src"> </a> .... </div> и стили к ней .carousel { overflow-x: auto; width: 300px; height: 90px; } .carousel a { display: block; float: left; margin: 3px; } и вместо горизонталсной прокрутки получаю вертикальную прокрутку пробовал также вместо float: left; display: inline-block, не помогло. что дел…

    Asked by tiko-svyazist,

    0 votes
    3 answers

  17. от позиционировать элемент в динамическом блоке

    есть блок который увеличивается при определенном событие в нем картинка <div class="little_point" style="left: 427px; top: 356px;"> <img src="http://www.google.com/mapfiles/marker.png" /> </div> как сделать так что бы картинка всегда была по центру прижатая к низу вот стили блока .little_point { position:absolute; width:20px; height:34px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; background-repeat:no-repeat; background-color:#000; } высота и ширина меняются через js динамически пробывал через vertical-align но элемент даже не сдвинулся

    Asked by cyber_ua,

    0 votes
    9 answers

  18. Есть ли сервис для генерации такой рамки?

    Нарисовал рамку в фотошопе. Есть ли визуальный создаватель рамки подобного типа(градиент в обводке, закруглённые края) с тенями(использованы внутренняя и внешняя тени)? p.s.закругленные края не попали в снимок

    Asked by borus,

    0 votes
    2 answers

  19. Прелоад изображений

    Наткнулся на статью, о проблеме с подгрузкой изображений для элементов, которые по умолчанию 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

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

    Есть какой-нибудь аналог 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

  21. текст под картинкой.

    Здравствуйте! нужно сделать вот так: (текст по картинкой) У меня сейчас вот так: Вот Html: Вот Css: Помогите реализовать, то что на первой картинке (сам текст, который под картинкой).

    Asked by Simpsons,

    0 votes
    5 answers

  22. на сайте не отсылаются сообщения, что не так ?

    Здравствуйте ! Я в сайтостроении понимаю очень мало Скачал шаблон, переделал под себя. Все работает кроме отсылки сообщений на странице контактов. Понимаю, что почти всем, кто это сейчас читает все равно, отсылаются они или нет, но для меня это очень важно. Дорогие люди! подскажите пожалуйста, что не так? чего не хватает ? заранее благодарю за помощь. сайт http://laserman-show.ru/ почта salmin1@mail.ru

    Asked by salmin,

    0 votes
    3 answers

  23. Неправильные ссылки 456 штук!

    Здравствуйте! Одномоменнтно на сайте появилось 456 штук неправильных ссылок. Редактирование не помогает, откат сайта тоже ничего не дал. Не могу найти информацию по этой проблеме. Подскажите, плиз, что могло случится? Ссылки перечёркнуты, но работают и все на старых публикациях в основном. Благодарю всех откликнувшихся!

    Asked by bond312,

    0 votes
    4 answers

  24. Как загрузить в одном html файле несколько других html файлов?

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

    Asked by gadjet,

    0 votes
    7 answers

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

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

    Asked by oggy3010,

    0 votes
    1 answer
×
×
  • 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