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. Бекграунд дива в зависимости от высоты и без скриптов

    Есть див с бекграундом, заданным с помощью стилей (см. скриншот) высота которого (дива) изменяется при изменении размеров окна (разрешения монитора). Нужно сделать так, чтобы все было красиво Я сделал это с помощью скриптов: поставил обработчик события onload, onresize и меняю класс дива в зависимости от его высоты (двох картинок хватает). Вариант, в принципе нормальный, но хотелось бы сделать без скриптов. Без скриптов придумался такой вариант: 1. в див кладем еще один див, в которого бекграунд - небольшой прямоугольник цвета такого же как и цвет нашего дива и расположен в нижнем левом углу 2. позиционируем бекграунд по точным координатам, вместо left center теперь пр…

    Asked by Tokolist,

    0 votes
    10 answers

  2. tooltip для картинки

    Здравствуйте. Подскажите, как могу реализовать что-то типа тултипа для картинки. Чтобы при наведении на картинку выходила небольшая область с текстом. Желательно, чтобы в текст можно было еще вставить и ссылку. Может можно как-то ALT или TITLE описать таким образом? Даже пример нашел, только не понял, как сделано. сайт ввв.imo.by/furniture-about.php

    Asked by annik,

    0 votes
    6 answers

  3. Выровнять фрейм как надо

    <body style="margin:0px;"> <center> Text1 </center> <center><p><iframe src="h_f_l.html" width="200" height="200" style="margin:50%;" ></iframe></p></center> <center> Text2 </center>Хочу сделать так, что бы фрейм постоянно был по центру страницы, оставался по центру стрницы и при растягивании или сжатии страницы, проблема в margin, если на 50% то он улетает куда то далеко вниз... <body> <iframe src="h_f_l.html" width="200" height="200" style="left:10%; top:10%; position:absolute; position:fixed; "></iframe> <iframe src="h_f_r.html" w…

    Asked by jestyman,

    0 votes
    2 answers

  4. три колоники (боковые колонки тянутся по ширене, средняя фиксированна)

    Здравствуйте. Проблема с версткой макета. Нужно, чтобы правая и левая колонки растягивались по ширене (%), а центральная была фиксированной длины (px). Примерно так: |<—100%—>|<—200px—>|<—100%—>|

    Asked by Юрий,

    0 votes
    7 answers

  5. Позиционирование элементов внутри ячейки

    Вопрос в следующем. Есть таблица 1 ряд в 2 ячейки. Ширина 800px Высота 100% В 1-ой ячейке наверху идет фотография, во-второй идет много-много текста который в свою очередь растягивает ячейку №2 вниз. Теперь в чем стала проблема в первую ячейку надо запихать вторую картинку, но что бы она была в самоом низу, наровне с нижней строчкой текста во 2-ой таблице. Решение есть переделать таблицу, но в моем случае это будет трудоемко. Поэтому можно ли заставить путем css два элемента в одной ячейке быть один в самом верху а другой в самом низу. Заранее спасибо Александр

    Asked by Quazzii,

    0 votes
    7 answers

  6. Проблема с input кнопками на backgrounde

    Переписываю дизайн сайта на divы. Имеется блок div, фоном которого является картинка. Но вот при размещении кнопок на нём фон за этими кнопками не отображается. Вот исходный код для блока, его кнопок и стили <div class='blocks'> <div> <img src='{THEME}/images/vote.png' width='195' height='70' alt='Голосование' /> </div> <div class='background'> {vote} </div> <div> <img src='{THEME}/images/nizleft.png' width='195' height='14' alt='' /> </div> </div> Содержимое блока(кнопки) <div style='padding-left:35px;'> <br /> <b>{title}</b> </div> <br /> &lt…

    Asked by RiG,

    0 votes
    17 answers

  7. Как поместить меню на слайдер bootstrap 4?

    Всем привет. У меня возникла проблема, я не могу поместить прозрачное меню navbar на слайдер bootstrap 4. Получается, что меню вверху, а под ним слайдер( HTML: Скрытый текст <!doctype html> <html lang="ru"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity=…

    Asked by maxfloyd,

    0 votes
    0 answers

  8. IE7 и border dotted

    Вот такой код: <div style="border: 1px dotted #f00;">sdgsdg</div> В IE7 вместо точек - сплошная линия. Если сделать 2px - то точки появляются, но жирные соответственно. Подскажите, почему не работает для 1px и как это побороть?

    Asked by VJiK,

    0 votes
    29 answers

  9. Растянуть блок по ширине содержимого без span

    Есть следующий код: <div style="width:300px"> бла бла бла <code style="display:block; white-space:nowrap"><span style="border:#000 1px solid">тут иногда длинная строка</span></code> бла бла </div> Использую тег span только потому что если применить border к code, бордер растягивается на ширину блока div, а не ширину текста внутри code. Посоветуйте, как избавиться от семантически лишнего span.

    Asked by kedovan,

    0 votes
    7 answers

  10. Анимация открытия двери

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

    Asked by iKNG,

    0 votes
    3 answers

  11. Почему не отображается блок?

    При абсолютном позиционировании не отображается блок? Почему? Где ошибка? http://codepen.io/Diargon345/pen/xVJdeR

    Asked by diargon345,

    0 votes
    6 answers

  12. Вывести родительский div поверх дочернего

    Здравствуйте, я в верстке разбираться только начинаю и поэтому сложилась такая простая проблема: HTML Code: <div id="header"> <div id="header_top"> <div id="logo"> <a href="/"><img src="images/logo.png" alt="Кинорулетка" /></a> </div> <div id="networks"> <a href="/"><img src="images/vkontakte.png" alt="Вконтакте" /></a> <a href="/"><img src="images/facebook.png" alt="Фэйсбук" /></a> <a href="/"><img src="images/twitter.png" alt="Твиттер" /></a> </div> </div> <div id="header_bottom"> <div id="roulet"> <img src="image…

    Asked by Inf1n1tI,

    0 votes
    7 answers

  13. Подскажите. как через стили наложить текст ссылку на картинку

    Хочется чтоб выглядело примерно так же: http://www.24open.ru/index.php ссылки на главную, блог, самые самые, вап версия и стань популярным. Я поглядел. это сделано через див, но не могу понять как именно. Если кто то сможет кусок кода в пример привести, будет отлично. Если это уже обсуждалось, ткните носом. Заранее спасибо.

    Asked by Mants,

    0 votes
    4 answers

  14. как зафиксировать меню посли клика мышки

    Есть такая проблема. Сделал меню по вот этому уроку https://www.youtube.com/watch?v=Vcb4DCts1yc, проблема в следующим: Как сделать так, что-бы при нажатии на квадрат, он остовалься в положении как при наведенной мышой на него. И назат не складывалься. (это ссылка на строницу ну там (главная или контакты)). В уроки у него квадрат увеличиваеться при наведении мыши. Эфект сделан с помощью html <div id="conteiner"> <a href="index.html"><div class="menu"> <p class="p1">Sites</p> <!-- <p class="p2">Paint design</p> </div> css .menu { width: 150px; height: 100px; background-color: #F28802; float:left;…

    Asked by jatisto,

    0 votes
    8 answers

  15. почему не работает border-spacing?

    почему не работает border-spacing???? расстояние не появляется между свойство и цель border-spacing в конце стилей http://jsfiddle.net/hWmC2/ <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> table{ background-color:#efefef; width:350px; border-style:solid; border-width:1px; border-color:#999999; font-family:arial, verdana, sans-serif; } caption{ font-weight:bold; text-align:center; border-style:solid; border-width:1px; border-color:#666666; color:#666666; } th{ height:50px; font-weight:bold; text-align:left; background-color:#cccccc; } td, th{ padding:5px; } td.code{ width:15…

    Asked by DivMan,

    0 votes
    7 answers

  16. Скрипт для Select'a

    Вроде все просто но что то ни как не соображу имеется Select1 <select name="select1" onclick="selectValue(this.form)"> <option value="">Выберите значение</option> <option value="Уровень1">Уровень1</option> <option value="Уровень2">Уровень2</option> </select> и Select2 <select name="select2"> <option value="">Выберано значение</option> <option value="Выбрали2">Выбрали1</option> <option value="Выбрали2">Выбрали2</option> </select> Вот приметный код селектов Задача: при выборе у select1 значения "Уровень2", select2 должен перескочить …

    Asked by slavok47,

    0 votes
    32 answers

  17. Сползает в IE 6..

    Во всеми нами любимом и обожаемом браузере творится нечто невообразимое и никогда ранее не слыханное! Как же так оО !? Вобщем даю ссылку, сами смотрите. В правильных браузерах нормально, а вот в IE 6(ну может ещё 7 - не проверял) правый блок никак не хочет обтекаться и все что левее съезжает вниз.. Помогите кто чем может.. ЗЫ: начинающий я только..

    Asked by SANNY_95,

    0 votes
    20 answers

  18. Выравнивание контента по вертикали

    Вопрос: У меня на странице расположен блок в которым меняется высота в зависимости от содержимого, под этим блоком расположена таблица как сделать так чтобы эта таблица выравнивалась по вертикали, по центру между низом блока и нижней частью окна браузера, margin-top почему то не помогает, отступ берется от самого верхнего края окна браузера. Может я что то не понимаю? Если необходимо могу выложить код и картинку. Надеюсь на понимание и заранее благодарю!

    Asked by Alexsays,

    0 votes
    10 answers

  19. padding и Опера

    Есль div с фиксированной высотой. Почему, если для этого блока указать padding, то его высота увеличивается на это значение? В данном случае высота блока увеличиться на 5 пкс. Причем это только в опере, в ИЕ такого нет.

    Asked by ekklesiast,

    0 votes
    16 answers

  20. Opera не реагирует на cursor:pointer;

    Неподскажите как с этим бороться... Местами пишут что поздние версии Opera неочень поддеживает... Может это как-то через JS можно сделать или как ((

    Asked by alexander.parphenuyk,

    0 votes
    13 answers

  21. :not(first-child)

    Как можно применить стиль ко всем элементам, за исключением первого? :nth-child(n+1){} не помог.

    Asked by borus,

    0 votes
    4 answers

  22. Почему не поднимается тиц у сайта?

    У меня есть качественный сайт с уникальными текстами, который размещен на яндекс народе. Вот уже полгода, как я пытаюсь поднять у своего сайта тИЦ. Я размещала ссылку на свой сайт в многих каталогах, обменивалась ссылками с сайтами с высокими тиц, размещала платно статьи и ссылки на сайтах схожих тематик, но всё без толку, тиц у моего сайта нулевой. Яндекс сайт не забанил, всё в порядке. Подскажите, пожалуйста, почему я не могу поднять тиц сайта?

    Asked by anna-2010,

    0 votes
    27 answers

  23. Пустой тег

    Здравствуйте! Для активации смены картинки при наведении в списке использую пустой тег <a>Текст</a> Верное ли это решение, и может ли тег <a> быть пустым? Заранее благодарю за ответ!

    Asked by Santorin,

    0 votes
    5 answers

  24. Как убрать код со страниц сайта?

    Здравствуйте. Помогите , пожалуйста, советом. Я сгенерировала шаблон сайта при помощи программы Артистир на движке wordpress. Всё было абсолютно нормально. Потом начала вносить счётчики и устанавливать плагины, и в какой-то момент на сайте стал виден кусок кода. Я уже пересмотрела все файлы , которые у меня в шаблоне. Этот кусок кода отсутствует и в header, и в index, и во всех остальных файлах, хотя в браузере при просмотре кода страниц он явно висит. Общалась с людьми на форумах, но пока никто помочь не смог, все удивляются. Может кто-нибудь на этом форуме сможет дать толковый совет? Спасибо, заранее, всем откликнувшимся. Сайт "Блокнот реаниматолога"

    Asked by samgul,

    0 votes
    10 answers

  25. Как подключить нестандартный шрифт?

    Не знаю, как подключить внешний шрифт "ttf". Как решить лучше сие задачу?

    Asked by flagreit,

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