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. [опрос] Футер, прибиый к низу страницы

    Друзья, все мы сталкивались с необходимостью "прибить" футер к низу страницы. Также мы знаем, что есть два различных подхода к этой задаче: 1. Прибить футер с помощью position:absolute. Здесь все просто: HTML <body> <div class="wrapper"> <div class="content"> Lorem ipsum dolor sit amet </div> <div class="footer"> Consectetur adipisicing elit, sed do eiusmod tempor </div> </div> </body> CSS (вариант 1) html, body { width:100%; height:100%; } .wrapper { position:relative; min-height:100%; } .content { padding-bottom:200px; } .footer { position:absolute; bottom:0; width:100%; height:200px; } CSS (…

    Asked by indexmsk,

    0 votes
    1 answer

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

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

    Asked by gadjet,

    0 votes
    7 answers

  3. моя 1ая работа

    Приветствую. Я художник + изучаю photoshop. Решил сделать себе небольшой сайт. Делаю с нуля в блокноте. Это мой 1 проект. http://rghost.ru/40171398/image.png моя наработка http://rghost.ru/40171406/image.png хочу сделать так Не знаю как перемещать текст, пока использую пробел вида т.к. сайт простенький и будет в нём примерно 10-15 страниц решил делать его вручную, хороший опыт для меня. вот как я делаю, да очень топорно вопрос состоит в том, чтобы переместить текст как это сделать? <html> <head> <title>Картины, макеты, рекламные апликации, фото, портреты и многое другое</title> </head> <body> <br> <center> <span st…

    Asked by stilus,

    0 votes
    18 answers

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

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

    Asked by tini.kRyptoNite,

    0 votes
    4 answers

  5. Анимация

    Доброе время суток! Подскажите, пожалуйста, как можно написать код (можно с помощью с другого языка программирования, но только, чтобы приложение работало на web-сайте), к примеру, пользователь дует по микрофону и парус может плавать по воде. Заранее благодарна!

    Asked by Rusica,

    0 votes
    1 answer

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

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

    Asked by Simpsons,

    0 votes
    5 answers

  7. Позиционирование div'а

    Здравствуйте! Я только начал изучать web дизайн, это мой первый проект. у меня такая проблема: div коряво располагается в доступном пространстве. код html <td id="notesline" colspan=3> <div id="fullnotes"> <div class="note"> <div class="oldnotetext"><a href=#>Какой-нибудь текст</a></div> </div> <div class="note"> <div class="oldnotetext"><a href=#>Текст</a></div> </div> <div class="note"> <div class="midnotetext"><a href=#>Текст</a></div> </div> <div class="note"> <div class="newnotetext"><a href=#>Какой-ниб…

    Asked by Ana1oliy,

    0 votes
    1 answer

  8. Как сделать блок высотой в 100%

    Здравствуйте. Никак не могу сделать так, чтобы блок принял высоту в 100%. HTML <body> <div class="container"> <div class="layout"> Контент </div> </div> </body> CSS html, body { width:100%; height:100%; } .container { position:relative; min-height:100%; } .layout { height:100%; } Блок с классом layout никак не принимает высоту в 100%. Как поправить?

    Asked by indexmsk,

    0 votes
    1 answer

  9. Таблица

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

    Asked by gadjet,

    0 votes
    4 answers

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

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

    Asked by salmin,

    0 votes
    3 answers

  11. Активная ссылка

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

    Asked by lobanov_kirill_,

    0 votes
    6 answers

  12. Background в ссылках

    Доброго всем дня. Помогите изменить фон в следующем коде: <div> <a href="#"> <img src="#" width="150" height="150" /> </a> </div> У меня в цикле выводятся картинки размером 150 Х 150. Но если картинка не такая квадратная, например прямоугольная, т.е. ее пропорциональная длина или высота не соответствует заданным 150 Х 150, то в оставшейся части идет черная заливка. Вот ее-то я и хочу закрасить в белую. Внизу, по центру, доп.фото: картинка Уже по всякому пробовал и с бекграундами в стилях, и в дивах и в ссылках, но что-то не получается.

    Asked by rapsik,

    0 votes
    2 answers

  13. CSS3 Radio button. Между label и input дополнительный тэг

    Сделал реализацию переключателя таким способом: <!DOCTYPE html> <html> <head> <title>Title of the document</title> <style type="text/css"> input[type="radio"]{ opacity: 0; position: absolute; } input[type="radio"] + label::before{ content: ""; display: inline-block; width: 13px; height: 13px; line-height: 13px; margin: 0 8px 0 0; background: green; vertical-align: middle; } input[type="radio"]:checked + label::before{ background:red; } </style> </head> <body> <form action="" name="form"> <input type="radio" name="test" id="first" value="1" /><…

    Asked by artemhp,

    0 votes
    7 answers

  14. Прокрутка overscroll

    Есть div элемент и overscroll-y:scroll и добавляется постоянно внуть этого блока ,другой блок, элемент расширяется и то что добавилось уходит вниз и не видно, надо прокручивать ,а как чтобы сам фокус уходил в конец div элемента и также при загрузки

    Asked by vladimircape,

    0 votes
    1 answer

  15. Красиво или кроссбраузерно

    Как по вашему-лучше создавать кроссбраузерные сайты на старых версиях html и css или красивые на html5 и css3

    Asked by max2012,

    0 votes
    8 answers

  16. Куда делась полоса прокрутки?

    Вопрос в названии темы, подробности ниже. Что это может быть? IeTester хоть как то реагирует, а IE8 вообще зависает. Видео заранее спасибо за ответы.

    Asked by fragilewelldone,

    0 votes
    3 answers

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

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

    Asked by bond312,

    0 votes
    4 answers

  18. Как растянуть блок на весь viewport?

    Решено как сделать так, что бы родительский блок имел ширину не меньшую чем дочерний к нему, в случае, когда ширина viewport'а меньше чем ширина этого дочернего блока? Пример тут Откройте его в окне шириной меньше 1000px и получите это: Вопрос продублирован на хабре, надеюсь это не противоречит правилам.

    Asked by titulus,

    0 votes
    1 answer

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

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

    Asked by Svatov,

    0 votes
    2 answers

  20. Атрибут lang

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

    Asked by Evkaky,

    0 votes
    4 answers

  21. Растягивание страницы по всему экрану

    Здраствуйте! Помогите мне пожайлуста растянуть страницу сайта ( на картинке) по всему экрану(то есть по ширине) а не как на картинке ( по середине). Заранее вам огромное спасибо)

    Asked by sasha8085,

    0 votes
    2 answers

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

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

  23. Автоуменьшение горизонтального меню

    Здравствуйте, есть горизонтальное меню оформленное через CSS, вроде бы как надо сделано, но при уменьшении окна последний блок меню сползает вниз, а хотелось бы чтобы меню уменьшалось всего навсего, нет конечно оно уменьшается, но всё равно как-бы не успевает. вот url демо-сайта: http://trebolka.16mb.com/ попробуйте уменьшить окно и будет видно как один пункт меню перейдёт ниже вот CSS код: #mainmenu { width: 100%; } #mainmenu ul { list-style: none; display: table; padding: 5px 0px; margin: 0px auto; } #mainmenu li { list-style: none; display: block; float: left; margin: 0px 1px; } #mainmenu li a { display: block; float: left; height: 66px; color: #fff; tex…

    Asked by ЗлОй ПрОграММер,

    0 votes
    4 answers

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

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

    Добрый день. У меня следующая проблема. Есть разметка <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
×
×
  • 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