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. Цветная подложка под текст как при выделении?

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

    Asked by Mihail2205,

    0 votes
    2 answers

  2. Как сделать задержку между циклами анимации css?

    Приветствую! Есть анимация: .animation { width: 212px; height: 261px; background-image: url(sprite.png); animation: animation 5000ms steps(30) infinite; } @keyframes animation { from { background-position: 0 -2328px; } to { background-position: 0 -10158px; } } Как сделать задержку несколько секунд между циклами? Есть вариант просто добавить пустых кадров в конец, но как то это быдлокодом веет.

    Asked by Dave7044,

    0 votes
    4 answers

  3. Где разместить работы начинающему front-end разработчику?

    Всем привет! Я еще только начинающий front-end разработчик и пока не имею реальных заказов. Есть сайт-портфолио и порядка 5 работ(не на заказ, а собственные), которые хотелось бы где-нибудь разместить. Покупать платный хостинг не хочется, так как он платный, а количество работ со временем будет увеличиваться. Вопрос собственно в том, где можно было бы разместить эти работы, чтобы у каждой было свое доменное имя? Или для этих целей лучше стоит использовать один сайт? Может даже тот же сайт-портфолио?

    Asked by Antoshka007,

    0 votes
    14 answers

  4. Смещение при hover

    Здравствуйте. Есть таблица из 3 ячеек и в каждой ячейке находится вложенная таблица с изображением у которого скруглены углы. При первом наведении курсора на ячейку с вложенной таблицей происходит дёргания соседних ячеек, при следующих наведениях курсора, дергапний нет. Эта ячейка является актовиной onMouseOver="this.className='boxover'" onmouseout="this.className='boxoutBorder'" onclick='change_location("/teller.php");' Никак не могу понять почему происходит дергание ячеек при первом наведении (дёргается только в ИЕ). Вся проблема в картинке с скругленными углами - если её убрать, то все нормально, но без неё нельзя. Помогите разобраться! <!DOCTYPE HTML PUBLIC "-//W…

    Asked by sirop,

    0 votes
    6 answers

  5. Высота поля TEXTAREA

    Добрый день Есть поле TEXTAREA Для наглядности код <!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=utf-8"> <title>TEXTAREA</title> </head> <style type="text/css"> textarea { width:300px; font-family:'Verdana', 'Arial', Sans-Serif; font-size:12px; color:#333; padding:3px; border:1px solid #ccc; } </style> <body> <textarea readonly> Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мыш…

    Asked by ShumNo,

    0 votes
    14 answers

  6. Выровнять содержимое блока DIV по центру

    Собственно, сабж. Подскажите пожалуйста, как выровнять содержимое блока DIV по центру (по вертикали)? Блок содержит только текст и ссылки. Это строка на самом деле.

    Asked by brainiac,

    0 votes
    7 answers

  7. Не работает свойство rotate?

    Ребят помогите разобраться почему не работает свойство rotate и как сделать что бы по клику на .list:after список выпадал? Заранее спасибо огромное скрин списка <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body><div class="list"> <select name="lictsat" id="lictsat"> <option selected="Home">HomePage</option> <option value="firstchaild">firstchaild</option> <option value="firstchaild">firstchaild</option> <option value="firstchaild">firstchaild</option> <option val…

    Asked by Евгений_SB,

    0 votes
    6 answers

  8. Помогите правильно задать ширину блоков и элементов

    Здравствуйте, я начал изучение HTML и CSS, столкнулся с проблемой правильной разметки и размеров, сайт состоит из мини блоков в которых я размещаю другие элементы сайта, данные блоки имеют разную ширину, которая в сумме составляет 100vw, но итоговый вариант шире чем окно сайта на пару пикслей, понимаю что не правильно сформировал проблему, пока не очень прошарен, поэтому прикреплю скрины 1. код 2.скрин сайта 3.как должна выглядеть страница (макет фигма)

    Asked by Step.UI,

    0 votes
    2 answers

  9. проблема с position:absolute в IE7

    Здравствуйте, проблема вот в чем: Сайт: http://photo.prime-gr.ru. На главной странице идут друг за другом маленькие картинки (float). При нажатии вываливается абсолютно позиционированная большая картинка. Этот блок привязан к первому, родительскому. Так вот, во все нормальных браузерах эта картинка поверх остальных. А в IE она под ними. Привожу часть кода: HTML: <div class="photos"> <ul> <li><a href="#" onclick="$('#js_img_204').show('slow'); "><img src="/upload/gallery/images/small/2a9b0a9b9ced4b794923303cee830586.jpg" border="0" height="40" /></a> <div id="js_img_204" class="overview"><a rel="lightbox-tour" href="/upl…

    Asked by webbis,

    0 votes
    4 answers

  10. Перенос текста внутри тега li

    Возможно ли перенести текст внутри тега li? Пример: компания производители список товаров Нужно чтобы было: компания производители список товаров Задание фиксированой длины списка не подходит, так как все элементы списка должны быть разной длины.

    Asked by invizible9,

    0 votes
    11 answers

  11. -webkit-text-size-adjust -ms-text-size-adjust

    html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } гугл по этому молчит!!что это и для чего его задают?

    Asked by dostel1,

    0 votes
    9 answers

  12. Никак не могу убрать отступ сверху сайта

    Недавно почему-то появилась проблема.Появился отступ сверху сайта.Подскажите, как его убрать?Сайт- prowarspear.ru Вот часть кода css: *{ padding:0; margin:0; } table.main{ width:1100px; margin-left:auto; position:top; border-radius: 10px; } body { background-image:url(bg-4.JPG) ; background-color:#171b24; margin-top:0px; padding:0px; } td.top{ height:270px; border-radius: 10px; } td.news{ margin-top:20px; background-color:#171b24; display:table-cell; vertical-align:top; border: 5px solid #171b24; width:230px; word-wrap:break-word; } td.footer2{ border: 7px solid #171b24; background-color:white ; word-wrap:break-word; color:grey; font-size:22px; border-bottom-left-radius: …

    Asked by demonuga,

    0 votes
    9 answers

  13. Не подключается файл css

    Приветствую всех. Происходит непонятная проблема. Два простых файла html и к нему css. Оба лежат на диске C:\ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Проверка работы стилей!</title> <link rel="stylesheet" type="text/css" href="/style.css" /> </head> <body> <div id ="hello">Hello, world!</div> </body> </html> Style.css #hello { font-size: 100px; } В IE шрифт отображается правильно, а в Firefox без изменений (остается стандартный шрифт). Почему так может происходить?

    Asked by kalisto,

    0 votes
    23 answers

  14. header и footer внутри div. можно ли?

    давно мучает вопрос, можно ли (или даже стоит ли) тег header,footer вставлять внутрь div? правильно ли это семантически? например если ширина сайта нужна 900px, с выравниванием по центру, можно тегу хэдер и футер прописать в стилях это все, но с другой стороны можно их запихать внутрь див-контейнера с нужными параметрами, особенно когда нужно чтобы они были в одном блоке у которого будет тень. вот и хотел узнать стоит ли так делать? ведь не хочется нарушать грамотность так сказать в разметке

    Asked by Vadimka,

    0 votes
    4 answers

  15. Двухцветный фон

    Как сделать двухцветный фон?

    Asked by Anarchist,

    0 votes
    8 answers

  16. ну никак не хочет отображаться нормально

    Здравствуйте я запарился с этим макетом вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <link rel="stylesheet" type="text/css" href="styleIE.css"> <title>Актау Камаз Сервис</title> </head> <body style="background: url(wall.jpg);"> <table height=800 width=90% style="border:solid 1px red;" > <tr id="header"> <td colspan=2 style="background:white;height:168px;"> Это шапка</td> </tr> <tr id="mainer"> <td id="menu" style="background:blue;">Здесь меню</td> <td style="background:yellow;">Здесь конте…

    Asked by boy_from_Mexico,

    0 votes
    51 answers

  17. Выравнивание кнопок по вертикали (chrome/webkit,firefox)

    Требуется сделать две большие кнопки одинакового размера. Оказалось, что при многострочном содержимом плывет выравнивание по высоте. Как выровнять кнопки по одной линии с разным содержимым? Такое поведение наблюдается в firefox, crome и всех браузерах на основе webkit. Смещение по вертикали 21px. Ниже код и скрины с хрома. <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> button { font: 700 60px "arial", "arial narrow"; width: 33%; font-variant:small-caps; height: 125px; overflow: hidden; margin: 5px 10px; } span.cfnDesc{ display:block; fo…

    Asked by cdrom,

    0 votes
    2 answers

  18. Стандарты

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

    Asked by rash,

    0 votes
    27 answers

  19. Псевдокласс :hover одновременно для двух элементов!

    Здравствуйте! Имеется список ссылок: HTML <ul class="roomList"> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> </ul> CSS .roomL…

    Asked by volshebnyi,

    0 votes
    11 answers

  20. Хранение шаблонов

    Только что установил смарти и в книжки было написанно что все шаблоны нужно хранить в папке templates.А нельзя ли их хранить в другом месте например там же где и сам пхп фаил?

    Asked by aleksejm,

    0 votes
    9 answers

  21. Не работает transition

    http://cssdeck.com/labs/another-simple-css3-dropdown-menu Собственно всплывающее меню появляется мгновенно при наведении, несмотря на то, что остальные элементы делают это плавно. Можете пофиксить? Спасибо(

    Asked by Kenshi24,

    0 votes
    10 answers

  22. Круговое меню на CSS

    Направьте верным путем. Хочу попробовать сделать макет, внешне похожий на этот http://www.free-lance.ru/users/somnambula/...hp?prjid=474595 Только в окружности у меня находится одна картинка, которую хочу разбить по секторам (6 штук). Из каждого сектора выходит "стрелочка-указатель" с названием меню. При нажатии на один из пунктов меню и на один из секторов (желательно чтобы он "загорался", например, становился ярче). Думаю, есть вариант реализовать это с помощью CSS. Тогда надо картинку нарезать, а как не знаю, на прямоугольники понятно как...а на треугольники как? (вернее сектора). Или с помощбю карт это можно сделать..?

    Asked by ola,

    0 votes
    16 answers

  23. Возможно ли задать страничке минимальный размер

    Добрый день! Подскажите, возможно ли в CSS страничке задать минимальный размер, т.е. что бы при уменьшении окна браузера, страничка уменьшалась до определенного размера, а затем просто появлялась полоса (полосы) прокрутки. Как это можно реализовать?

    Asked by luluandra,

    0 votes
    10 answers

  24. Не работает linear-gradient в Safari

    Добрый день, пробую использовать на своём сайте линейный градиент. Работает во всех браузерах кроме Safari. Вот код, который я использую background: linear-gradient(to top, rgba(0, 0, 0, 0.14902), rgba(255, 255, 255, 0) 53%, rgba(41, 41, 41, 0.117647) 89%, rgba(0, 0, 0, 0.14902)),url("http://jiu.marsana-shop.com.ua/templates/yoo_infinite/css/../images/blue_bg.png"); Добавление префикса -webkit- ничего не дало

    Asked by Universe,

    0 votes
    13 answers

  25. box-shadow не видно

    http://jsfiddle.net/V6KPv/ Как видно, у активного элемента меню (hover) ставится тень справа. Но тень не видно, возможно из-за наложения на тень другого меню-div. Я пробовал у hover ставить z-index больше, чем у не активного меню - толку 0. Почему когда я навожу на меню - не видна тень (box-shadow)?

    Asked by GuitarFan,

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