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. Выравнивание картинок с подписью по горизонтали

    Добрый день! Прошу помочь! Вставляю картинки в блок div и они прекрасно становятся по горизонтали относительно друг друга. Делаю подпись и все картинки уходят друг под друга. Что не так? <div id="header-menu-i"> <p>ИЗДЕЛИЯ</p> <div id="header-menu-i-inner"> <form> <img src="/images/iproduct/benz.jpeg" width="10%"><p>Бензиновые электростанции</p> <img src="/images/iproduct/diesel.jpg" width="10%"><p>Дизельные электростанции</p> <img src="/images/iproduct/gazoporshn.jpg" width="10%…

    Asked by Hosemose,

    0 votes
    7 answers

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

    Есть 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

  3. Помогите стилизировать селект

    есть селект вида: Как его оптимальнее всего стилизировать? Реально ли сделать на чистом css? Насколько предложенные способы получатся кроссбраузерными? Заранее огромное спасибо за оказанную помощь...

    Asked by beliy,

    0 votes
    7 answers

  4. Все ли правильно!?

    Всем привет, учусь на интерактивных курсах, вот сегодня сверстал первый свой код htmll и css. Если есть у кого то время, проанализируйте, может где то можно сократить, где то исправить, хочу с самого начала учиться правильно, а так как наставника нет, прошу помощи у вас. Спасибо! https://jsfiddle.net/cqtcjxbd/

    Asked by Livitan,

    0 votes
    7 answers

  5. Bootstrap фотогаллерея

    Ребзики, коллегушки .. Верстаю сайт под смартфоны на bootstrap. Подскажите пожалуйста нормальную фотогаллерею. Требования: 1. Не громоздкая. 2. Удобная для пользования с мобилки. Заранее приподнимаю шляпу в знак уважения.

    Asked by Pinga,

    0 votes
    7 answers

  6. Выравнивание изображения без класса

    Имеется конструкция типа: <p><img src="image.jpg"></p>Как можно с помощью CSS, указать выравнивание по середине?

    Asked by Nigelist,

    0 votes
    7 answers

  7. Верстка небольшого блока

    Приветствую, есть небольшой и возможно достаточно простой для большинства профи блок, но я являюсь любителем, который иногда что-то пытается верстать для себя и в таком случае важен не только результат (соответствия макету), но важно научится грамотно выбирать оптимальный способ реализации. Следовательно у меня есть несколько вопросов к знатокам по данному макету: 1) Насколько реализуема и уместна верстка косых углов на чистом css? 2) Как сделать разделитель меню через border-right, дабы он соответствовал макету? Насколько это оправданно? 3) Как бы вы сверстали этот блок (желательно пример кода)? Заранее благодарю за вашу помощь...

    Asked by beliy,

    0 votes
    7 answers

  8. Меню западает за видимость

    Парни,есть сайт,я его сверстал,но проблема моя в том что выпадающее меню залазит за видимость экрана( Как сделать красиво?Или хотя бы что бы что б оно автоматов в другую сторону выпадало? Вот скрин,и ссылка на сайт. http://cs629325.vk.me/v629325382/27aec/7GVSae6yP5s.jpg http://chobd.esy.es/

    Asked by vitaxastifler,

    0 votes
    7 answers

  9. написал в html,форму для своего сайта,но как прописать это в CSS,я не помню!

    Всем привет! Ребята,я начинающий веб дизайнер,написал в html,форму для своего сайта,но как прописать это в CSS,я не помню!!! Помогите пожалуйста,так что бы заполненная форма,тех кто хочет ей воспользоваться,отправлялась бы мне на почту: lsu73@mail.ru За ранее благодарен всем,кто откликнется! Форму в html,я прописываю ниже: <html><head><title>Обратная связь!</title><link rel="stylesheet" type="text/css" href="index.css"></head><body> <table style="width:900px;margin:0 auto;padding:20px 0px;"><tr><td style="width:435px;padding-left:40px;"> <div style="padding:30px 0px;font-family:Verdana;font-size:2…

    Asked by lisur,

    0 votes
    7 answers

  10. границы сдвига элементов при изменении размеров страницы (css)

    Всем привет У меня вопрос - можно ли только с помощью css и html тегов (без привлечения JS) реализовать следующую вещь: есть 2 элемента - один всегда находится слева сверху страницы img.corner_lt { width: 200px; border: 0px; display: block; position: absolute; left: 10px; top: 10px; z-index: 1000; } второй - сверху по центру экрана (div в котором находится текст) div.menu { width: 100%; height: 30px; padding: 15px 0px 15px 0px; border-style: none; display: block; position: absolute; text-align: center; } Когда окно браузера начинает уменьшаться (по ширине), то текст (из div.menu) рано или поздно начинает наползать н…

    Asked by Zhihar,

    0 votes
    7 answers

  11. Высота элемента на всю страницу

    Всем привет! У меня такая проблема: я не могу сделать так, чтобы элементы, находящиеся в теге main имели высоту в 100%. Я уже все перепробовал, даже скрипт написал, ничего не выходит. В html и body прописывал min-height и height в 100%. У main высота также 100%. Вот картинка

    Asked by Askhat7,

    0 votes
    7 answers

  12. При transform:scale за границами блока не видно

    При наведении на картинку она увеличивается в размерах немного при помощи transform: scale Но блок <div class="site"> не дает ей выйти за свои пределы потому что я для него установил overflow: hidden, чтоб этот блок не разваливался на части, из-за того что внутри float стоит с двумя блоками Как можно сделать так чтоб вверху картинка не обрезалась при наведении? Здесь сайт

    Asked by Bava,

    0 votes
    7 answers

  13. attr для фона

    Мне нужно путь к фоновой картинке передавать в атрибуте data. Я написал следующее <article data-i="i/1.png"></article>article{ background:url(attr(data-i url)) left top no-repeat;}Но эта конструкция не работает. Какова будет работающая конструкция? Вообще моя задача скрыть от поисковиков картинки в блоках без использования javascript. Поскольку их много, то пришла идея писать путь к картинке в каждом блоке внутри data и передавать её для отображения как фон. Можно, конечно, каждому блоку писать style="background:url() left top no-repeat;", но это не приемлемо. Так как поисковики понизят страницы в выдаче за такой приём. Если с attr не возможно этого добить…

    Asked by PavelTkachev,

    0 votes
    7 answers

  14. Изображение в три колонки

    Есть вот такая страница с картинки https://jsfiddle.net/Lh8kz698/1/ Суть вопроса в том что хочу сделать картинки в три колонки. Если менять параметр width = 30% то оно впринципи получается но картинки становятся очень большие. Какие параметры есть чтоб сделать в три колонки по центру страницы, чтоб с изменением width менялся только размер?

    Asked by galsik2009,

    0 votes
    7 answers

  15. Использование Column

    Есть меню с перечислением общеклиническими направлениями, для разбития на столбцы подпунктов использовала column Проблема в том, что он делает разбитие li слева направо, а мне надо сверху вниз. Когда рассматривала примеры работы с column везде текст идет сверху вниз (( http://test3.aveas.ru/napravleniya/obshcheklinicheskie-napravleniya/

    Asked by Mary_RND,

    0 votes
    7 answers

  16. Конфликтуют стили max-width и float?

    Добрый вечер, для начала краткий экскурс. Делаю сайты много лет, в основном работал с WYSIWYG софтом и готовыми шаблонами для разных CMS`ов и в верстку никогда особо не лез, работаю уже больше 10 лет и всегда справлялся с любыми задачами, однако время идёт и что бы не деградировать нужно наоборот, развиватся=))) на смену WYSIWYG пришел http://scratchpad.io/на котором я принялся практиковатся в выполнении необходимых мне задач. Короче задача следущая, картиночка с max-width 100% справа от которой располагался бы текст тоже с max-width 100%, с условием, что в случае если экранчик маханький при маханький как на мобильном - текст перепрыгивает и размещается под картиночкой,…

    Asked by ilvl,

    0 votes
    7 answers

  17. Создание меню

    Подскажите пожалуйста, мне требуется создать на сайте блок с информацией, его ширина 960px, а высота в зависимости от количества контента. Так же там есть меню, и мне требуется, что бы оно прокручивалось совместно со всем контентом, т.е. находилось все время в одном положении, но когда начал делать вот что выходит. В чем проблема? https://jsfiddle.net/q9zufq3x/

    Asked by oleg126,

    0 votes
    7 answers

  18. Автоматической расширение div

    Подскажите пожалуйста, как сделать, что бы при добавлении новых блоков в блок родитель, высота его так же менялась!? По ссылке сайт, там есть wrapper, и при добавлении новых блоков, почему то сверху и снизу в первом и последнем блоке нету отступа!? http://rghost.ru/8dnbK6TYB

    Asked by oleg126,

    0 votes
    7 answers

  19. Перенос слов в Хроме

    Коллеги, я уже несколько раз вскользь сталкивался с проблемкой отсутствия переноса в Хроме, когда <html lang="ru"> и -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; ... не приводят к автоматической расстановке переносов в Хроме, но забивал на неё. А сейчас вот решил разобраться с вашей помощью - что за хрень такая? Почему не работает в хроме? И может кто-то знает нормальный способ научить Хром перeносить слова - без js? Или его просто не существует и нужно просто забивать на это и дальше?

    Asked by MaxWall,

    0 votes
    7 answers

  20. Помогите с выводом таблици

    Не могу вывести правильно товары, нужно что бы было по три в ряд. <div class="content"> <table> <tr> <td colspan="3"> <div class="new">Новинки нашего сайта: </div> </td> </tr> <tr> <? for($a=0;$a<9;$a++) printf(" <td> <img src='images/sempl.png' alt='img'> <p>Название Цена </p> <img src='images/buy.png' alt='img'> </td> "); ?> </tr> </table> </div>

    Asked by DronBoy,

    0 votes
    7 answers

  21. Страница не прокручивается при "нацелевании" через ID

    Ситуация следующая: необходимо, чтобы элементы находящиеся внутри элемента div.slider при ссылании на них через ID не проворачивали страницу. Т.к. объясняю я, возможно, не очень приведу пример: Сайт с адресом AfrikaTour.net/tours <div class="slider"> <ul> <li id="n1">1</li> <li id="n2">2</li> <li id="n3">3</li> <li id="n4">4</li> </ul> </div> <div id="n5">Бла-Бла-Бла</div> Так вот хотелось бы, чтобы при переходе по адресу AfrikaTour.net/tours#n1 страница не прокручивалась а по AfrikaTour.net/tours#n5 прокручивалась

    Asked by Manka-Manka,

    0 votes
    7 answers

  22. Окупаемость сайта

    Всем привет. Пару месяцев уже изучаю связку HTML и CSS. Уже начал изучать JS. И тут наткнулся на книгу "Прохоренок Н. А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера". И вот в последних главах написано про то, как зарабатывать на сайте. И тут я задумался, а ведь сайт то в конечном счёте должен окупать себя. Как я понимаю вначале создатель сайта вкладывает в него деньги, но потом сайт, так сказать, должен кормить сам себя. Искал инфу в интернете и понял, что реклама В общем-то не окупает даже оплату хостинга. И мне стало интересно, как вообще окупаются сайты? Через какое время можно будет оплачивать расходы на сайт с заработка, получ…

    Asked by Arhont,

    0 votes
    7 answers

  23. Некорректное масштабирование элементов страницы в хром и опере

    Здравствуйте. В общем обнаружилась такая проблема. Есть элементы в виде квадратиков в несколько рядов. https://jsfiddle.net/y5hsr9b6/ В хроме, опере в масштабе 110% начинают скакать нижние ряды элементов. В масштабе 100%, 125% и др. все нормально, в других браузерах в любых масштабах все норм. Получается хром и опера некорректно масштабирует страницу? Как лучше справиться с этим эффектом?

    Asked by ishurgaya,

    0 votes
    7 answers

  24. Выбор данных из анкеты и занесение на страницу

    всем привет) подскажите,пожалуйста, как сделать(запрограммировать)... есть анкета, она открывается в модальном окне, данные в анкете не меняются http://prntscr.com/bw0orj как сделать так,чтобы при выборе данных в анкете(чекнутые чекбоксы) и при нажатии на кнопку Сохранить, данные отображались на основной странице(данные-это текст рядом с чекбоксом), причём порядок построения был такой же как в анкете. Может,кто такое делал или есть готовый пример

    Asked by Джулия,

    0 votes
    7 answers

  25. Почему разная высота между полями в страницах

    Всем привет, 2 редактора админики с одним файлом стилей. Не могу понять почему разная высота между полями . На этой старнице высота правильная : Страница 1 На этой странице : Страница 2 в высоте между полями появляются лишние 10 px. В инспекторе вижу что для обоих редакторов : form-control = padding-top:5px; padding-bottom:5px form-group =margin-top:10px; margin-bottom:10px Во второй странице редактор внутри таба со своими классами - но влияет ли это на высоту между полями и как не могу найти... Стили в файле стилей определены как : .form-horizontal .form-group { /*margin: 0px;*/ margin: 10px 0px 10px 0px; /*margin: 1…

    Asked by mstdmstd,

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