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.css стиль ссылок такой: a { color: #76d074; } a:hover { color: #ff4a4a; } ну и соответственно, в коде страницы непосредственно <a href="xxx"><img src="xxx"></a> так вот в мозиле все ок, в Опера живет своей жизнью - как хочет показывает, IE - вообще синюшные какие-то. Так вот. Вопрос таков - можно ли сделать их одинаково зелеными? сайт www.zhivoyfest.ru

    Asked by Patriot_spb,

    0 votes
    2 answers

  2. Нестандартный выпадающее меню

    Делаю выпадающее меню, 3 уровня. Проблема в том что 2-й уровень должен иметь св-во overflow-y:scroll; так как пунктов может быть ооочень много. Из-за этого 3-й уровень не выходит за пределы 2-го. Кто сталкивался подскажите как решить проблему. Код ниже <style> ul.layer1 li {position:relative;} ul.layer2 {display:none; position:absolute; background:#fff; overflow-y:scroll; border:1px solid silver; padding:10px; top:10px; left:10px; z-index:100; list-style:none;width:150px; } ul.layer1 li:hover ul.layer2 {display:block;height:200px; z-index:100;} ul.layer3 {display:none; border:1px solid silver; position:absolute; background:#fff; padding:10px; top:10px; left:10px…

    Asked by hel,

    0 votes
    1 answer

  3. Проблема с меню...

    Уважаемые пользователи , Не могу никак поправить ошибку в меню, навожу курсором выше текста, а текст снизу выделяется, как-будто я навел на него.. файл http://files.mail.ru/V29REF

    Asked by smog,

    0 votes
    1 answer

  4. Позиционирование div.

    Добрый день. Проблема заключается в следующем: Верстаю шаблон только div блоками под DLE. В main.tpl див блоки с классами, а в style.css свойства этих классов. Все было нормально, но потом Header сайта съехал прямо на центр браузера и там теперь все время отображается. Не могу понять почему! Пожалуйста помогите. Main.tpl: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="{THEME}/css/style.css" /> </head&g…

    Asked by arthyrgrex,

    0 votes
    4 answers

  5. как оптимизировать большие изображения?

    Тема вроде бы тривиальная, но как-то окончательно в голове не укладывается. Вот из того что пока я нашла в инете получается 2-а основных метода оптимизации: 1) непосредственно работа с качеством, цветами, свойствами и т.д., что бы был минимальный размер; 2) нарезка изображения и вставка в таблицу. Хотелось бы узнать: 1) как лучше вставлять "тяжелые" изображения при верстке сайта; 2) если у нас такое "тяжелое" изображение является background, например в header, как тогда быть?

    Asked by nuna,

    0 votes
    5 answers

  6. Господа, ай нид хелп

    ввв sinclairshop ру логин/пароль: andrey прямую открытую ссылку дать не имею права, извините. Суть в следующем - добиваюсь нормальной работы от выпадающего меню. В FF и Хроме работает нормально, в любом IE - вложенных пунктов не видно, они перекрываются нижележащим слоем "с мужиком". Почему так? Я так и не смог добиться нормальной работы. Если вытянуть менюшку и её стили в отдельный файл, то видно, что отрабатывает нормально. Помогите а?, не так часто прошу Вот сто пудов, какую-то мелочь упустил. Голова уже устала просто

    Asked by d0ublezer0,

    0 votes
    4 answers

  7. проблема с дивом

    Вот фрагмент кода <style type="text/css"> body{ font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; margin: 0; padding: 0; color: #000; } .conteiner { width:1000px; background-color: #F4F5F7; margin: 0 auto; } .a { color:#FFF; margin-left:30px; font-size: 100%; } </style> <body> <div class="conteiner"> <div style="background-image:url(pic/link.jpg); width:960px; height:35px; margin-left:20px; margin-right:20px; vertical-align:middle; display:table-cell"> <a class="a" href="">Главная</a> </div> </div> нужно сделать что б ссылки внутри дива бы…

    Asked by demi,

    0 votes
    7 answers

  8. Таблица, стиль background в теге TH - разрывы

    Господа, что я делаю не так? Хочу, чтобы заголовок таблицы был залит монолитно, а получается вот так: http://lexicanum.ru/table.html Код таблицы: <TABLE CLASS="border"> <TR> <TH CLASS="border_bottom">Столбец 1</TH> <TH CLASS="border_bottom">Столбец 2</TH> <TH CLASS="border_bottom">Столбец 3</TH> <TH>Столбец 1</TH> <TH>Столбец 2</TH> <TH>Столбец 3</TH> </TR> <TR> <TD>Ячейка 1.1</TD> <TD>Ячейка 1.2</TD> <TD>Ячейка 1.3</TD> </TR> <TR> <TD>Ячейка 2.1</TD> <TD>Ячейка 2.2</TD> <TD>Ячейка 2.3</TD> &…

    Asked by Bertie,

    0 votes
    4 answers

  9. z-index'ы не работают

    здесь накосячил - не получается нажать на рулетку (div.top_inner a). возможно ли поправить? помогите пожалуйста

    Asked by cyklop77,

    0 votes
    3 answers

  10. броблема с <div> css inline-table в разных броузерах.

    Привет, ребят я тут новенький так что не кидайте помидорами)) Есть блог. работаю в гугл хром. есть некая конструкция кнопок Like в дивах. В css написано display: inline-table; в хроме все ок, 5 дивов располагаются в строчку. Открываю мозиллу или ИЕ, так там последний див сползает ниже, т.е. не на сл строку а просто ниже располагается. различные комбинации перепробовал, ни чего не помогает... подскажите что не так плз.. вот хром вот мозилла вот сама структура: <div class="socialbutton"> <div class="likebutt"> <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?49"&gt…

    Asked by djforce,

    0 votes
    3 answers

  11. как это сверстать?

    совсем запарился с версткой этого элемента, помогите!!!! http://pixs.ru/showimage/303jpg_5118049_4722220.jpg

    Asked by olechic,

    0 votes
    7 answers

  12. Перебор массива объектов JSON[HELP]

    написал скрипт для вывода массива...но он както коряво выводит..что не так? Посмотрите http://smirnoff.ho.ua/JSUI/ Код: $(document).ready(function(){ $.getJSON( "json/posts.json", function(data){ for (i = 0; i < data.length; i++) { var post = [data[i].title, data[i].body]; $("#posts").append("<article><header><h3>"+post[0]+"</h3></header><section><p>"+post[1]+"</p></section><footer><div id=\"tags\"></div><div class=\"controls\"><a class=\"btn btn-danger btn-mini\">удалить</a></div></footer></article>"); for (a = 0; a < data[i].tags.lengt…

    Asked by DartBein,

    0 votes
    0 answers

  13. Проблема с IE 8

    Здравствуйте! Проблема с IE 8, то есть с меню. Не закругляются уголки(видим на скрине 1). Что самое главное, то что на всем шаблоне, где используется border-radius всё прекрасно работает. Только почему-то не хочет закруглять уголки в верхнем меню, даже в списке, когда кнопка активна не закруглят фон, но в выпадающем списке уголки скругляются. Что я использовал, чтобы закруглить уголки в IE 8 - это: behavior:url(PIE.htc); behavior:url(PIE.php); position: relative; Думаю уже все знают про такой сервис "PIE" Еще даже так пробовал: border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; Подскажите пожалуйста…

    Asked by slavyn007,

    0 votes
    2 answers

  14. Фон больше чем разрешение монитора

    Создаю новую страницу с размером body 1280px на 1800px. хочу добавить фон-картинку в верху страницы по всей ширине размером 1280px на 545px. Используя такой стиль: body { margin:0; width:1280px; height:1800px; background:url(img/fonbody.jpg) no-repeat red; background-position:top; } картинка размещается не по всей ширине, а только по той части, которую видно в браузере. Если прокрутить страницу в право, то там нет картинки. Как сделать, что бы она размещалась по всей ширине?

    Asked by GstarMax,

    0 votes
    6 answers

  15. Хочу обучиться web-технологиям

    Здравствуйте. Меня зовут Иван Лозинский. Я работаю администратором в спортивном клубе, параллельно заканчиваю школу.. У меня возникло большое желание обучиться web-технологиям "без отрыва от производства", так сказать.. Друг дал мне видео курс по html и css от компании "Специалист". Я прошёл курс и он мне понравился, но хотелось бы идти дальше.. Что вы можете посоветовать мне? Хотелось бы пообщаться со знатоками этого дела!..

    Asked by Иван Лозинский,

    0 votes
    4 answers

  16. css-спрайты (можно ли сделать?)

    Существует такая вещь как css спрайты. Я задался вопросом, можно ли с помощью одного изображения-спрайта сделать двойной фон для элемента неизвестной ширины и высоты, так чтобы одна часть изображения была вверху слева, а другая внизу справа. Условный пример того, что я хочу сделать, можно увидеть здесь. здесь две кавычки сделаны двумя отдельными фоновыми изображениями. Можно ли их совместить в одно изображение? Учитывайте, что ширина и высота элемента для фона может быть любой и изменяться от ресайза. Я рассмотрел этот вопрос и мне кажется, что это невозможно. Решил спросить у профессионалов, можно кто знает CSS-хитрость?

    Asked by clavin,

    0 votes
    2 answers

  17. Калькулятор-который умножает одно число на другое!

    Функционал такой: Пользователь - выбирает, ставит галочку в чекбоксе сколько ему нужно цветов (например 101) После этого Цена (4099) умножается ( на количество цветов) и появляется итоговая сумма:413999 Вот и весь функционал Помогите плиз

    Asked by vova1212,

    0 votes
    8 answers

  18. puff effect

    Проблема в том что анимация работает только на первом списке li, как мне сделать так чтоб она работала на всем списке? Демо

    Asked by radioactive68,

    0 votes
    3 answers

  19. Проблема с блоками

    Здравствуйте! Раньше мой сайт был 1000px в ширину и всё было хорошо, блок контента и сайтбара стаяли на своих местах. Затем я изменил размер от 1024px до 1400px в зависимости от размера экрана и тут начались проблемы. У меня изменена логика с начало идёт блок контента, который тянется в зависимости от размера экрана, а затем идёт блок сайтбара который фиксирован по ширине 300px. Собственно, я знаю, что вначале должен идти блок с фиксированным разсером, а затем тянущийся, но если сделать так, то ПС начинают сайт любить намного хуже, так как контент из сайтбара стоит выше в коде, чем сам блок контента. Вот что сделано, чтоб решить эту проблему: #container { min-width…

    Asked by DVORYAN,

    0 votes
    4 answers

  20. как в css при наведении на картинку плавно менять размер

    подскажите пожалуйста как же поменять размер при hover размер картинки. Код в html: <ul> <li><a href="#"><img src="images/facebook.png" alt="Фэйсбук"></a></li> <li><a href="#"><img src="images/twitter.png" alt="Твиттер"></a></li> <li><a href="#"><img src="images/vk.png" alt="Вконтакте"></a></li> <li><a href="#"><img src="images/mail.png" alt="Майл"></a></li> <li><a href="#"><img src="images/drug.png" alt="Другвокруг"></a></li> </ul> код в css: #social ul li{ …

    Asked by greenggc,

    0 votes
    4 answers

  21. Вёрстка чата похожего на VK

    При создании чата похожего на VK столкнулся с проблемами: 1) как сделать чтобы полоса прокрутки была не в самом блоке с сообщениями, а для всего документа, как в вк. 2) держать эту прокрутку снизу(ну это уже скорее js)

    Asked by xTODx,

    0 votes
    0 answers

  22. вопрос про круглые края и про шапку

    Друзья,у меня вот такая шапка : http://savepic.su/6550823.jpg как мне закруглить края верхние те ,что на рисунке или спрятать их под шапку? а то у меня только нижние края закругляются ) http://savepic.su/6505764.jpg

    Asked by severianin,

    0 votes
    2 answers

  23. Как сделать, чтобы изображения слайдшоу показывались полнстью вне зависимости от экрана?

    Здравствуйте. Упрощённый вариант слайд-шоу: http://codepen.io/Kristinita/pen/dMygQj . Хочу сделать так, чтобы изображения показывались на различных экранах только полностью, а не обрезками, как на скрине ниже . Т. е. если картинка не достигнет на экране определённой высоты, то пусть отображается только при вертикальном скроллинге. Эксперименты с min-height ни к чему не привели. Не могли бы подсказать, что не так? Спасибо.

    Asked by Саша Черных,

    0 votes
    0 answers

  24. появляются тонкие серые полосы ни как не получается убрать

    ПОМОГИТЕ!!! Сделал анимация фона через div, а не body и появились со всех сторон тонкие серые полосы которые ни как не убираются. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>LEGO MINECRAFT 2021</title> <link rel="icon" href="https://www.gongoll.de/media/image/cf/3d/18/lego-logo-04.png"> <link rel="stylesheet" href="../CSS/css.legominecraftyears.css"> </head> <body style="background-color: gray; width: 1903px; height: 1540px;"> <!--КОРОБКА ДЕЛАЮЩАЯ МЕНЯЮЩИЙСЯ ФОН--> <div class="module-slider-background" style="display: flex; flex-…

    Asked by __kirill__,

    0 votes
    1 answer

  25. Заголовок и кнопка в окне чата

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

    Asked by Ejara,

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