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. Расположение фона страницы

    <style type="text/css"> body { background: url(bg-header.jpg); background-repeat : no-repeat; background-size: cover; background-position-y: center; Помогите расположить фон страницы. background-size: cover - рисунок фоновый занимает размер нужный по ширине. Ввожу параметр center чтобы во вертикали фон центрировался по центру но оно не помогает. Пожалуйста подскажите как сделать чтобы фон растягивался по ширине на всю страницу но при этом центрировался по вертикали?

    Asked by stylelad,

    0 votes
    7 answers

  2. Уменьшать div'ы

    Такая задача, есть горизонтальная строка с div'ами, они создаются автоматически, когда их становится слишком много, нужно их уменьшать по ширине, как, например, в браузере гугле хроме. <div id="onchantopswitch" class="onchantopswitch globbutton"> <div class="room_s" tab="chlist"> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="канал1" tabs="kn77a4ko1yxlxs28asub2g9tnvlw85s" tabz="1" taby="terminal" tabx="1"></div> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="*канал2" tabs="euqab84pmzoa6o4w2y812lkqhktek" tabz="1" taby="terminal" tabx="11"></div> <div class="room_s" tabg="f2jb1y3v…

    Asked by Kerny,

    0 votes
    14 answers

  3. Вопрос по спойлерам на jQuery

    Собственно нашол нужным мне код, внедрил его, но есть вопрос, у меня на одной странице используется сразу не сколько спойлеров, все они свернуты, мне нужно, что бы один из них был всегда показан полностью (с возможностью свернуть), а другие нет. Может, кто подказать, что нужно изменить в этом коде: HTML <div class="spoiler-wrap"> <div class="spoiler-head folded">Внимание, спойлер!</div> <div class="spoiler-body"> Текст спойлера </div> </div> Javascript <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> jQue…

    Asked by papay,

    0 votes
    4 answers

  4. Увидел одно интересное меню

    Здраствуйте! Гуляя по РуНету, наткнулся на Сайт с, как мне показалось, интересным меню. Как подобное реализуется? Возможно ли такое сделать без JS, испльзуя CSS u HTML? PS: Уж извините за "рекламу"

    Asked by OlegLont,

    0 votes
    6 answers

  5. изображение под изображением

    Доброго времени суток. В html коде прописано : <div class="c-left"> <div class="good-bg-1">Изображение</a></div> </div> <div class="c-right"> Текст </div> в таблице стилей : .c-left, .c-right {float: left;} .c-left {width: 150px;} .c-right { padding-top: 14px; width:600px; margin-left:40px} что мне нужно прописать в моем случае чтоб два изображения были с лева друг под другом а текст с права, текста много.

    Asked by Aleksandr_I,

    0 votes
    8 answers

  6. div приклеился к низу

    В общем ситуация: есть шапка сверху, под ней слева сайдбар. Справа от него по идее должен быть ещё один див с чем-либо. Проблема в том, что он всё время находится внизу - или под сайдбаром, или сбоку от него, но тоже приклеенный к низу. При флоат: райт он почему-то вообще съезжает под див в котором находится и висит вне его. Как можно вытащить его наверх? Кстати, сайдбар при флоате тоже почему-то уходит из большего дива

    Asked by Peekit,

    0 votes
    9 answers

  7. Анимация выпадения ксс3

    http://www.volkswagen.ru/ru.html как сделать через ксс3 анимацию выподания меню, как на примере у верхнего меню

    Asked by aquapasha,

    0 votes
    3 answers

  8. проблема в трансформации (CSS3)

    Всем привет! Случилась проблема, нужно что бы свойство transition плавно трансформировало таблицу не только по горизонтали (width) но и по вертикали вниз (height). Перепробовал в свойство transition и #wrap1 приписывать функцию height, но по вертикали переходит очень резко, а нужно плавно. Спасибо за внимание. вот исходник: <html><style type='text/css'>#wrap1{border:1px #000 solid;width:200px;padding:10px;font-size:1.5em;transition: width 4s, height 4s; }#wrap1:hover{width:500px;height: 300px;}</style><body><div id="wrap1">ВОТ</div> </body></html>

    Asked by Георгий123,

    0 votes
    12 answers

  9. Карусель Bootstrap 3

    Как сделать плавные переходы в стандартной карусели Bootstrap 3

    Asked by virtas,

    0 votes
    0 answers

  10. как сделать респонсив верстку

    Друзья, добрый день! Помогите, пожалуйста. Нужно сделать респонсив верстку. Вот на этой странице - http://toolbird.com/list/time-tracking-tools/- когда уменьшаешь до размера смартфона, то в теле (в разделе Suggestions) плывут кнопка, минифото, и тайтл с текстом под ним. Надо сделать, чтобы кнопка и фото оставались в одной строке, а тайтл с текстом опускался под них. Спасибо большое!

    Asked by Denzil,

    0 votes
    1 answer

  11. Как перенести текст на новую строку ?

    Здравствуйте. Мне нужно в текстовом поле ввода показывать 2 абзаца содержащихся в переменных t1 и t2 друг под другом с пробелом в одну строку. Подскажите, как это сделать ? Приведенный ниже пример не работает. <textarea type="t" name="n" class="c"><?php echo $t1;?><br><br><?php echo $t1;?></textarea>

    Asked by Kompilator,

    0 votes
    2 answers

  12. Float элемент странно вырван из потока.

    Давно усвоено, казалось бы, флоат элемент вырван из потока. Каким образом margin-top элемента <nav> в потоке добавляет тот же margin-top элементу <div>, вырванному из потока? http://codepen.io/462960/pen/VaWwYQ

    Asked by seemax,

    0 votes
    1 answer

  13. При просмотре сайта через смартфон не загружается css

    Недавно закончил с основным наполнением своего первого интернет-магазина и решил заняться оптимизацией. Проблемы с блокирующими css удалось решить с помощью операторов preload таким образом: <link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'"> Как javascript, помещал таблицы стилей в самый низ кода страницы. Скорость загрузки возросла до 96/100 по данным PageSpeed Insights. Но! Появилась новая проблема, которую я не могу решить по сей день, а именно: вообще не загружаются таблицы стилей при просмотре сайта через смартфон (также Google бот не загружает стили)! Менял самые основные на обычный link rel="stylesheet" type="text/css"-загру…

    Asked by acsoncry,

    0 votes
    0 answers

  14. слаидер slick с картинкой

    при ширине экрана @media(max-width:768px) в самый низ страницы верстки есть слайдер внутри него есть контент с картинкой хочу поместить картинку за границы слайда сверху но картинка обрезается. как сделать чтобы было видно ссылка на верстку http://frontend-er.h1n.ru/asia-spa/

    Asked by victorius,

    0 votes
    0 answers

  15. IE + высота ячейки

    Opera 9.62, Safari 3.2, Firefox 3.0, осел 7.0.5730.11 первые три все гуд, последний, одним словом осел короче, вот главная, а при большом теле место под меню съезжает вниз, а нужно как, ну как в других браузерах, т.е. нормально =) ставилял во второй строке height=*, height=99%, height=600... не чего не помогает..

    Asked by clgs,

    0 votes
    2 answers

  16. я начинающий ХТМЛешник

    http://depositfiles.com/files/tmytdomgc http://letitbit.net/download/5a99de594490/flash.rar.html http://uploading.com/files/3TM8X8UH/flash.rar.html здесь есть файл архив что-ли(rar), в общем распокавал, а там формат непонтный, ни димом, ни блоконотом, ни каким либо еще редактором, прогой не смог открыть. в описании написанго что это исходник сайта, я так понял что флэш. но флэш плеером не открыть, может кто поможет? Заранее благодарю, за понимание и жду помощи

    Asked by d08,

    0 votes
    4 answers

  17. цвет ссылок

    Доброй ночи! Не могу понять: это стиль цвета ссылок a { text-decoration : none; outline : none; color : #ffffff; } а это код и стиль отдельной ссылки <a class="a_new color" href="http://www.youtube.com/ asdfagdfsh" > YouTube - ISIIS<br /> (In Situ Ichthyoplankton Imaging System)</a> .a_new color {color:#006699; font-style:oblique; } Скажите, почему у меня не отображается стиль для ссылки a_new color, таким каким я его прописал, а отображается стиль для тега <a>?

    Asked by pattaya,

    0 votes
    4 answers

  18. регулирование размеров блока

    Здравствуйте. Имеется два блока, один вложен в другой ( блок класса content вложен в блок класса body) .body { margin: auto; height: auto !important; min-height:99%; height: 99%; } .content { border: groove 3px #410707; height: auto !important; min-height:99%; height: 99%; width: 50%; margin:auto; } Возникает проблема: несмотря на то, что указан минимальный размер в 99% высота регулируется автоматически, при чем при отсутствие данных в content высота блока становится равной 0. В чем дело? Каковы пути решения проблемы? UPD: нагуглил некоторую инфу по данному поводу( http://forum.htmlbook.ru/index.php?showtopic=11536), но ответа на вопрос так и …

    Asked by nerf,

    0 votes
    8 answers

  19. Форма растягивает блок

    Привет всем участникам! Возникла проблема при верстке. Имеется блок с фотографией пользователя. Фотография может быть разная, как по высоте, так и по ширине, но важным для моей задачи является именно ширина. Под блоком с фотографией находится блок с некоторым контентом. Задача в том, чтобы этот блок был такой же ширины, как и ширина загруженной фотографии. Поэтому я не задавал ему ширину, разместил блок с фотографией и с контентом в таблицу. Блок с контентом растягивается на ширину ячейки, ширину которой, в свою очередь, определяет ширина фотографии. Казалось бы, задача решена. Но в блоке с контентом имеется форма, которая раскрывается при нажатии на ссылку. И при развор…

    Asked by nickostyle,

    0 votes
    2 answers

  20. проблемы с @font-face

    Трудно объяснить в чём проблема, но правило не срабатывает! Без проблем работает в IE с его oet-ами... Опера отображает только один из двух шрифтов. Фокс ни одного! В чём может быть проблема? ссылки перепроверил - срабатывают (по крайней мере браузер предлагает сохранить файл) есть несколько вопросов по синтаксису: family надо записывать в кавычках или без разницы? должно ли название файла совпадать с тем что прописана в файле шрифта? можно ли использовать в правиле font варианты начертания: файл шрифта bold - в правиле надо указывать font:bold... или font:normal... мог ли браузер как-то хитро закэшировать предыдущие версии шрифта и отдавать их? Какие есть варианты - как …

    Asked by Nanto,

    0 votes
    9 answers

  21. Резиновость сайта

    Вроде поменял всю ширину на 100% , а все равно сайт не резиновый!! Вопрос кэш очищать в этом случае надо? body {margin: 0 0 0 0;padding: 0 0 0 0;background: #e0e0e0; color:#0040a0; font-family: "Times New Roman", Times, serif;font-size: 20pt;} table{border:3px; border-color: #204090; border-collapse:collapse;} table td{padding:0px; vertical-align: top;} table tr{margin: 0 0 0 0;padding: 0 0 0 0;} img{border: 0;margin: 0 0 0 0;padding: 0 0 0 0;} ol, ul{text-align: justify;font-size: 12px;padding-left:20px;color:#20b040;} li{text-align: justify;font-size: 12px;} p{text-align: justify;font-size: 12px;} p.pc {text-align: center;} p.pcb {text-align: center; font-weight: bold;}…

    Asked by bsuir,

    0 votes
    5 answers

  22. не работает свойство @font-face

    Доброго времени суток! У меня почему то не работает свойство @font-face,точнее работает только в firefox ,а больше нигде .. <style type="text/css"> @font-face { font-family: 'Myriad Pro'; src:url(Myriad Pro.ttf) format('truetype'); font-weight: bold; font-style: normal; } body{ font-size:25px; font-family: Myriad Pro;} </style>

    Asked by tanaka,

    0 votes
    5 answers

  23. Как сделать ячейку таблицы шириной в зависимости от контента

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

    Asked by tini.kRyptoNite,

    0 votes
    5 answers

  24. Слайдер

    Как реализовать такой слайдер? Чтобы за ним был оранжевый цвет, а перед ним серый? Можно простенькие примеры, пожалуйста.

    Asked by aquapasha,

    0 votes
    4 answers

  25. загадочный quirks mode

    помогите пожалуйста понять что такое quirks mode пока я понимаю так: 1. тип документа влияет на html и css 2. при условии корректно заданного типа документа каждый браузер интерпретирует html и css по определённому стандарту. чаще всего по последнему(современному). который заложили в него разработчики(или до которого он обновился) 3. если тип не указан, или указан с ошибкой, или до него есть символы(пробел например, или BOM), то включается режим обратной совместимости. то есть браузер интерпретирует html и css по устаревшим стандартам. то есть по тем, которые действовали в 90-х годах(они вшиваются в даже самые современные версии браузеров. на всякий случай), и которые спо…

    Asked by cyklop77,

    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