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

29542 questions in this forum

  1. Как поставить 3 блока в ряд

    Делаю меню. должно получиться как на первой картинке. Фон белый, на нем слева изображение правее надписи. Получается надписи делать только ниже изображения, либо справа как и нужно, но тогда фон пропадает. Подскажите пожалуйста как делать. HTML: Скрытый текст <div class="top"> <div class="img"> <img src="monopo.jpg" width="100"/> </div> <div class="info"> Главная </div> <div class="info"> Контакты </div> </div> CSS: .top { background-color: #FFFFFF; padding: 10px; } .info { margin-left: 20%; font-size: 20px; }

    Asked by monopo,

    0 votes
    1 answer

  2. Проблема со вставкой изображения

    <!DOCTYPE html> <html lang = "eng"> <head> <meta charset = "utf-8"> <link rel = "stylesheet" href = "css/mains.css"/> <title>Шапка</title> </head> <body> <header> <div class = "container"> </div> </header> <section> <div class = "container"> </div> </section> <section> <div class = "container"> </div> </section> <section> <div class = "container"> </div> </section> <footer> <div class = "container"> </div> </footer> </body&gt…

    Asked by jack123537,

    0 votes
    1 answer

  3. Проблема с блоком

    При просмотре в ИЕ - 3 блок имеет свойство "падать" вниз если окно браузера изменять,... как можно избежать этого в данном примере? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; } #Container { width:100%; height:50px; z-index:1; float: lef…

    Asked by allod21,

    0 votes
    2 answers

  4. Бегущий title...

    У меня вопрос...Понятия не имею,как сделать,чтобы вверху,где название сайта,например,как здесь "HTML форум.....",чтобы когда сворачиваешь браузер,внизу это название имело вид бегущей строки....Подскажите,а...

    Asked by Hohlandec,

    0 votes
    2 answers

  5. Обрезать div

    Нужно обрезать div и поднять его в верх. То есть есть информация в divе мы ее обрезаем на 100px и поднимаем вверх на 100px. вот так не катит <img src="white.gif" style="width: 100%;height:100px;" /> <div style="margin: -102px 0 0 0;"> тут что то </div> вверху есть таблица на которую наложится белый гиф и будет не красиво, гуру помогите плиз.

    Asked by zerg,

    0 votes
    2 answers

  6. как отделить друг от друга одинаковый элемент?

    вот наглядно http://jsfiddle.net/F2ayV/ не могу понять как 1, 2, 3 и 4 можно удалить на разные расстояния друг от друга) еще и 1,2,3,4 получаются через переменную i в скрипте( в тупике... начинающий) и еще как сделать не прокрутку влево, а что бы одно тухло изображение, другое на его месте появлялось или что то в этом роде) где почитать можно

    Asked by gladyshef,

    0 votes
    5 answers

  7. Плывущие облака на фоне

    Доброго времени суток. Выделил с сайта код, но работает только в Chrome и Firefox, а в Safari и IE не работает. Помогите сделать его кроссбраузерным. Пример

    Asked by I.S.Borodin,

    0 votes
    3 answers

  8. Можно ли оптимизировать мой код?

    Доброе время суток. Я вот тут налобал такую штуку http://jsfiddle.net/Bizon4ik/28hLG/ Все выглядит так как я хотел, но меня терзают смутные сомнения что у меня слишком большой код как для такого задания... Прошу высказать ваше мнение можно ли что то опимизировать/переписать полностю но при этом почуть код поменьше. Может быль я слишком много использвал дивов или идентификаторов. В любом случае будет интересно услишать вашу критику по этому коду, заранее спасибо.

    Asked by Bizon4ik,

    0 votes
    8 answers

  9. Шрифт A&S Black Swan

    Подскажите. Есть такой код - http://jsfiddle.net/...tPCz8CJv/t3KGP/ Но он почему-то не подключается, не работает в браузере. Почему? Может, синтаксис неверен? MyriadPro-Regular работает, все нормально.

    Asked by aaron,

    0 votes
    6 answers

  10. Как делать перенос слов, если не помещается строка в теге <option> ?

    Здравствуйте возникла необходимость переноса слов в теге option. Пробовал word-wrap: break-word. - не работает!. Что делать подскажите. Пробовал задавать вручную ширину и для селекта и для optiona'a не работает перенос. подскажите что делать ? Чем это лечиться вообще. Не работает во всех браузерах. Думал может класс не тот задаю - ан нет все работает нормально.

    Asked by nurik_6,

    0 votes
    1 answer

  11. На IPAD не отображается рамка у <fieldset>

    Всем привет! Столкнулся с такой проблемой: На сайте у <fieldset> закруглены углы и изменен цвет рамки. Но на IPAD рамка вообще не отображается (Safari, Chrome). Кто-нибудь сталкивался с подобной проблемой или знает что с эти можно сделать или как это отловить? (Может какие специализированные инструменты есть для подобных случаев). Спасибо.

    Asked by grrr,

    0 votes
    1 answer

  12. сдвинуть элементы в право

    Привет, подскажите пожалуйста, как сдвинуть к примеру: ul.share{width: 376px;height: 27px;margin-top: 15px;} в право! И ещё если не сложно ответить, подскажите как у элемента (перед ним) добаить - Поделиться :

    Asked by bifido,

    0 votes
    5 answers

  13. Png изображение и раскройка по классам

    Решал практикум на htmlbook. Вот это задание. Полез в ответы за подсмотром решения и наткнулся на одну очень интересную вещь. То решение я перенёс на codepan: http://codepen.io/pojar/pen/dMEbdZ Разметка, позиционирование расчётное, это понятно. Суть вопроса: там есть у каждой такой иконки два class: icon и класс соц. сети. Вот цельная картинка иконок. Вот этот png применяется в решении один раз прямо ко всем подобным элементом с классом icon как background. Далее происходит обращение по классам к конкретному значку. Но как это происходит? Ведь это цельное изображение. С псевдоклассом :hover ситуация идентичная. В коде нету никаких таких объявле…

    Asked by P0jar,

    0 votes
    5 answers

  14. Какой хостинг под блог выбрать?

    Доброго времени суток всем! С некоторого времени начал изучать вёрстку сайтов. И наконец решил сделать свой первый сайтик. И выбор пал на сайт типа блог. Сайт то я сделал, а вот с выбором хостинга появились проблемы. Вначале я так думаю посетителей будет не очень много. Да и неизвестно, когда их станет много. Вот я и подумал брать бесплатный хостинг бессмысленно. Значит нужен платный. Но для начала хотелось бы выбрать какой-нибудь недорогой хостинг, там с оплатой 200-300 рублей в месяц ( ну максимум до 500). А уж потом, если сайт раскрутится перенести его на более крутой хостинг. Просто не люблю тратить деньги, если не уверен в их окупаемости. Не подск…

    Asked by DonFalcon,

    0 votes
    4 answers

  15. Как сделать псевдо 3д эффект? Изображения объекта в разных ракурсах.

    Здравствуйте, делаю сайт, хочу сделать чтобы в центре экрана появлялся объект, и когда крутишь ниже этот объект крутился вокруг оси. То есть достигался бы псевдо 3д эффект, а по суди это много кортинг этого объекта в разных ракурсах которые меняются в зависимости от позиции скролла. Подскажите как правильно сделать? Сделать див с position: absolute и на js в зависимости от позиции скролла менять фото? Может есть готовые примеры? Не могу найти сайты на подобие, помню давно видел сайт, где машина так ехала по всему сайту. Буду благодарен за примеры сайтов.

    Asked by FRANZEE,

    0 votes
    1 answer

  16. Не знаю как вставить корзину с покупками в кнопку

    Не понимаю как вставить корзину покупок wicart в a href. Или же это нужно делать через другую команду?

    Asked by Bourdun,

    0 votes
    1 answer

  17. вывод нужного текста в текстовом поле при нажатии на кнопку!

    собственно есть несколько радио кнопок, кнопка баттон и пустая форма для текста. процесс будет такой: выбирается радио кнопка, затем нажимается на кнопку и в текстовом поле выводится текст, который должен быть привязан к радио кнопке. Как это осуществить??? помогите пожалуйста, я в этом не сильна, но мне жизненно важно это сделать =(

    Asked by fifo4ka,

    0 votes
    2 answers

  18. <embed />

    на одной и той же странице данным тегом разместил два разных файла - видео и аудио после чего при попытке просмотра видео - реал плэер пытается открыть файл не там где он размещён непосредственно,а там где должен открываться аудио файл...при запуске аудио обратного эффекта не происходит всё играет ,как надо ... В результате чего это происходит ? - может быть использовать <object></object> для корректности ? p.s. зарание благодарен

    Asked by Guest Гость,

    0 votes
    0 answers

  19. Работа поисковиков...

    Добрый день! На одном из форумов нашел информацию о том, что если на сайте располагается материал с другого сайта(например, видеоролик который грузиться с ютуб), то поисковики обходят сайт выходя на первоисточник. И таким образом при запросе "видео" в поисковике будет выскакивать первоисточник, а не мой сайт. Хотел узнать это действительно так?

    Asked by Чебурашка,

    0 votes
    4 answers

  20. Countdown

    Здравствуйте, не знаете ли, как установить на одну из страниц сайта обратный отсчет типа "до Нового года осталось 45 дней"?

    Asked by Marta,

    0 votes
    3 answers

  21. Списки форм + Ссылки (я наверное дурак?)

    Хочу сделать так, чтобы список, который выпадает с формы, по клику на него, срабатывал, как ссылка. Если не правильно объяснился, я думаю из кода все станет понятно. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Группа</title> </head> <body> <p><b>Приключения электронников</b></p> <form> <select> <option>Выбрать альбом</option> <option><a href="http://#">Прекрасное далёко</a></option> <option>&…

    Asked by romanist,

    0 votes
    3 answers

  22. Странное отображение

    Всем привет! У меня странная ситуация, переделал свой сайт - http://vs-aqua.ru/ На компьютере отображение супер, а вот если открыть на айпаде, то весь сайт съезжает влево и сбоку остается свободное место, причем если крутить айпад и сайт должен перевернуться - ему пофиг. Когда вставлял в шапку всякую штуку - у меня появился скролл - убрал его с помощью тега: overflow-x: hidden; body { margin: 0px; padding: 0px; border: 0px; background:#E6E6E6; overflow-x: hidden; Подскажите что не так я сделал? и как можно если что убрать этот скролл без этого тега.

    Asked by ZFJoury,

    0 votes
    6 answers

  23. Проблема с отображением в IE 8

    Здравствуйте! Всего пару дней изучаю HTML и CSS, пытаюсь сверстать свой первый сайт. На первых же порах столкнулся с проблемой неправильного отображения в IE 8, в Chrome всё в порядке. Подскажите пожалуйста, что делаю не правильно? Где ошибся? Заранее спасибо! Вот мой код: http://jsfiddle.net/Uqvgj/

    Asked by vladsypchenko,

    0 votes
    17 answers

  24. Смещение текста относительно строки без помощи <sub>

    Добрый день, у меня возникла проблема при смещении части текста в строке, в макете текст выглядел вот так: но при смещении текста вниз тегом <sub> или стилем vertical-align: sub; текст смещается не на четверть высоты символа, а почти на один символ вниз. Посоветуете, как решить эту проблему?

    Asked by Alien-i,

    0 votes
    7 answers

  25. псевдоэлемент :hover

    Здравствуйте. Подскажите пожалуйста, есть ли возможность применить псевдоэлемент :hover встроенным способом.

    Asked by webded,

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