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. Немогу снять маркеры

    Ребята посоветуйте как поступить, делаю фотогалерею под NFLightBox, вообще галерея работает но возле каждой маленькой фото-ссылки появились Маркеры типа circle, код выглядит так: <ul class="gallery"> <li><a href="images/gallery/max/1.gif"><img src="images/gallery/min/1.gif" alt="photo" /></a></li> <li><a href="images/gallery/max/2.gif"><img src="images/gallery/min/2.gif" alt="photo" /></a></li> <li><a href="images/gallery/max/3.gif"><img src="images/gallery/min/3.gif" alt="photo" /></a></li> <li><a href="images/gallery/max/4.gif"><img src="images/galler…

    Asked by losy,

    0 votes
    6 answers

  2. Еще один нубский вопрос!

    Снова привет! У меня возник еще один глупый вопрос, опять таки извиняюсь... Вот картинка на которой думаю все ясно чего я хочу... http://imglink.ru/show-image.php?id=c254dc...3e8745f4e8f747b А вот 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> {headers} <style type="text/css" media="all"> @import url({THEME}/css/style.css); </style> <style type="text/css" media="all"> @import url({THEME}/css/engine.css); <link rel="shortcut icon" href="{THEME}/images/favicon.ico" /> </style> </head> &…

    Asked by Lumen,

    0 votes
    12 answers

  3. Лишнии отступы а списке li убрать

    Вот такая вот проблема, не знаю как избавится от кривоты в IE и Мозиле, сделать как в Опере ровно: /* Treeview */ #ex2 {margin: 0 12px 26px 30px;} #ex2 ul li a.first {font: bold 12px Tahoma; color: #000000;} .treeview, .treeview ul {padding: 0; margin: 0; list-style: none;} .treeview ul {background-color: none; margin-top: 4px;} .treeview .hitarea {background: url('./images/treeview-default.gif') -64px -25px no-repeat; width: 16px; height: 16px; margin: 1px 0 0 -16px; float: left; cursor: pointer;} /* fix for IE6 */ * html .hitarea {display: inline; float: none;} .treeview li {margin: 0; padding: 5px 0 5px 14px; display: block; } .treeview a {margin-left: 2px; font: no…

    Asked by okunev2,

    0 votes
    10 answers

  4. Страница грузится в неправильной кодировке

    Есть форум IPB.Проблема в том,что он открывается в кодировке UTF-8 вместо windows-1251.Стоит <meta http-equiv="content-type" content="text/html; charset=windows-1251" />,но это ничего не дает.Как сие победить?

    Asked by user,

    0 votes
    14 answers

  5. позиционировать пейджинг по середине

    сабж, проблема в том что на данный момент я отцентровал пейджинг используя padding-left:120px, но размеры области в которой он находится изменяется и в результате пейдж смешается от центра. Нужно отцентровать a.next, a.prev, но они должны нах на одной строчке. Пробовал применять text-align: center не помагло. Код: .nv-pager { clear:both; padding-left:120px; height:35px; margin-top:10px; } .nv-pager a.next { background:transparent url("images/gotonext.gif") no-repeat right center; border:0pt none; cursor:pointer; float:left; margin-left:10px; display:block; height:25px; width:26px; } .nv-pager a.prev { background:transparent url("images/gotoprev.gif") no-r…

    Asked by vrazbros,

    0 votes
    3 answers

  6. Растянуть блок меню до самого футера

    Здравствуйте! У меня такой вопрос: есть блок меню с фоном, нужно растянуть его вниз, до самого футера. Сейчас он растягивается только содержимым. Пробовала писать div#menu{position: relative; top:0; bottom: 0; } Но это ничего не дало. Если кто-либо сталкивался с подобной проблемой - подскажите!

    Asked by MariAnette,

    0 votes
    5 answers

  7. Счетчик посещений

    Как сделать счетчик посещений что бы количество посещений он записывал в текстовый файл?

    Asked by Regsit,

    0 votes
    4 answers

  8. Движение объекта

    Добрый вечер всем, необходимо решить такую задачу: скажем есть у нас фон странички bg.jpg, и есть некий объект cube.jpg который располагается внутри ДИВа. Так вот, необходимо сделать так, чтобы когда юзер елозил курсором по сайту, этот див к примеру плавно бегал влево-вправо, но чтобы это было плавно. Гугл ничего вразумительного не выдает. Где то видел подобные решения, но вспомнить сайты уже получается.

    Asked by locidoki,

    0 votes
    10 answers

  9. Пошагово растягивающаяся таблица

    Приветствую. Есть таблица в три столбика, первый и третий фиксированы по ширине, средний резиновый. В среднем столбце - плавающие блоки (float:left). Этих самых блоков допустим 10 штук. В зависимости от разрешения экрана в средний столбец влазит разное количество блоков. Проблема в том, что средний столбец растягивается на максимально возможую ширину, а хотелось бы, чтобы его ширина равнялась минимально возможной, но вмещала максимальное количество блоков. На данный момент решено с помощью JS, но хотелось бы решение поизящнее. Если непонятно изложено, позже будут картинки. ЗЫ Не слишком силен в верстке, сильно не пинайте)) кстати код: <html> <head> <style…

    Asked by bacca,

    0 votes
    4 answers

  10. Движение Изображения

    Как Заставить Изображение двигаться за Екраном(Если человек просматрюющий сайт прокрутил страницу вниз Фоновое изображение поехало за ним) в CSS?

    Asked by yarickyarick,

    0 votes
    17 answers

  11. помогите с дивами

    Здравствуйте. Возник вопрос с дивами. Посмотрите на картинку, вот пример новостей. Т.е. при добавлении акции - она добавляется по левому краю, применяется класс nb, а при добавлении простой новости - применяется класс nbr и форматируется по правому краю. Проблема в том, что если добавить акцию(она слева) после того, как добавлена новость(она справа), то вниз спускается и новость(справа), а нужно, чтобы при добавлении акции(класс nb) правая колонка новостей вообще не двигалась. css для main .main { width: 90%; padding: 0 5%; font-style: normal; font-size: 14px; } .main div { margin: -3px 0 5px; } .main div a { display: block; font: 16px "Time New Roman"; } .main s…

    Asked by vikadin,

    0 votes
    7 answers

  12. Проблемка в адаптивном дизайне, гуглил-не нашел.

    Ситуация проста до безобразия... При чем сделал уже несколько адаптивных сайтов, но такой проблемы не было... Есть шапка, ширина 80%, в шапке три колонки например по 33% шириной. в итоге из-за такой шапки добавляется к сайту горизонтальная полоса прокрутки :-) в чем прикол кто может объяснить? Заранее благодарю. код - шапки #header{ position:relative; margin: 0 10%; width:80%; } код колонок - #col_left{ float:left; width:50%; height:auto; } #col_center{ float:left; width:20%; height:auto; } #col_right{ float:left; width:30%; height:auto; } как видите все просто... в чем может быть загвоздка не могу понять) измучался весь)

    Asked by Березовский,

    0 votes
    12 answers

  13. Абсолютное позиционирование внутри overflow:hidden

    Доброго времени суток всем. Как сделать так, чтобы открывающийся по клику "Показать ссылки" самый нижний блок не обрезался, а выводился полностью, как верхние блоки (http://vitaliy43.ru/html/imghost.pro.htm)? Очевидно, что это происходит из-за overflow:hidden родительского элемента, но блок, содержащий ссылки, имеет абсолютное позиционирование и z-index самый высокий из всех элементов (10000), т.е заведомо перекрывает любой. Что тут не так?

    Asked by vitaliy43,

    0 votes
    2 answers

  14. Центрирование при вертикальном скролле и vh, vw.

    Есть 4 блока (div) друг под другом, каждый из них занимает всю клиентскую область (100 hv, 100 wv). Есть фиксированное меню с 4 пунктами, по клику - скролл к нужному блоку. Необходимо разместить в центр каждого из div по одному section ровно по центру. С центрированием знаком, пробовал три разных способа. К примеру остановимся на этом section{ width:20px;height:20px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0; } Проблема в следующем, section встают нормально в центр блока, но только не каждый в своем, а все в первом. Кто-нибудь в курсе как исправить?

    Asked by Doomsday,

    0 votes
    2 answers

  15. Прыгает скрол при смене изображения в слайдере

    Добрый день! На странице http://vs.company/project1.html есть слайдер работ, который переключается при клике на стрелки. Так вот при переходе от вертикального фото к горизонтальному и наоборот, меняется скрол(активная часть экрана.. не знаю как по другому объяснить) и создается эффект прыжка, и стрелки переключения поднимаются или спускаются, что не очень удобно. Высота родительского блока фиксирована. Что интересно данная проблема встречается на больших экранах, у меня при 1366на788 все ок. Подскажите, пожалуйста, как решить эту проблему

    Asked by kaspers128,

    0 votes
    3 answers

  16. overflow что бы только вертикальная полоса была, без горозинтальной!!

    Есть слой, #LL_block{ POSITION:absolute; left: 16px; right: auto; top: 164px; bottom: auto; WIDTH: 170px; HEIGHT: 700px; float: RIGHT; border-color: solid #000000; overflow: auto;} потом ид?т такое Div id="LL_block" > и тд..Так вот вс? работает вс? хорошо, НО! как мне избавиться от горизонтальной полосы прокрутки?? мне нужна тока вертикальная.. нужно уточнить что ненужная горизонтальная полоса появляется только в опере и эксплоре, в файрвоксе вс? ок и ещ? Можно как нибудь покрасить эту самую полосу? или сделать своего размера? (например толщина самой полосы) Зарание спасибо.

    Asked by DZZ,

    0 votes
    2 answers

  17. Изменение картинки при ховере на ссылку

    Какова задача: есть скажем слой, в котором есть бэкграунд в виде картинки и 3 ссылки в виде картинок расположенных вертикально, нужно сделать так, чтобы при наведении мыши на кадую "ссылку-картинку" изменялся бэкграунд и чтобы он также являлся ссылкой на ту же странцу, что и та ссылка на которую мы навели указатель мыши. У меня получилось следующее: немного не то, что мне нужно сделать (и к тому же через таблицу), а именно: <script language="JavaScript" type="text/JavaScript"> function showT(q){ document.getElementById('ima').setAttribute('src','0'+q+'.png') } </script> </head> <body> <table width="500" border="0"> <tr> <t…

    Asked by DImaN,

    0 votes
    2 answers

  18. div в таблице

    Здравтсвуйте. есть таблица с background картинкой.. в таблицу внесены 2 div контейнера с картинками... при клике мышкой в любое место таблицы эти контейнеры выделяются... как это отменить это выделение? спасибо

    Asked by ach,

    0 votes
    7 answers

  19. Подскажите с чего начать верстать шаблон

    Дали задание тествое. необходимо сверстать шаблон из psd рисунка, подскажите плиз с чего начать

    Asked by parfeon,

    0 votes
    5 answers

  20. Добавление текстуры

    Решил на фон положить текстуру. В Люстре у макета стоит серый фон. Добавляем эффект текстуры. Возникает вопрос — как теперь это переложить на html? Да, вопрос простейший, но что ж, столкнулся впервые)) Задача первая. Вариант сделать весь фон картинкой с текстурой огромных размеров и засунуть в bg с обрезкой через overflow. Но не скажутся ли такие размеры на скорости? Просто делать фон под стандартные размеры экранов и ставить репит вообще не алё, как и просто продолжать серым фоном… Задача вторая. Вариант сделать небольшой кусок и пустить через репит. Но вопрос у меня. Есть ли оптимальные или стандартные размеры такого куска? Вообще, по-моему часто встречались 32*32… И пр…

    Asked by alexandr_v-vich,

    0 votes
    18 answers

  21. Не работает шрифт Arial

    Привет, почему-то не работает шрифт Arial, другие шрифты подключаю без проблем через font-face, Arial никак . @font-face { font-family:Arial; /* Имя шрифта */ src: url(../fonts/ARIAL.TTF); /* Путь к файлу со шрифтом */ } Качал файлы шрифта через разные сайты, не работают. В чём может быть проблема ?

    Asked by Анатолий1944,

    0 votes
    1 answer

  22. Помогите разобраться с тр?хколоночным макетом

    Помогите ПЖС разобраться с тр?хколоночным и двухколоночным макетами на дивах. Задача: сделать тр?хколоночный макет с шапкой и подвалом (примитивный - хочу разобраться, без всяких там "чтобы меньше 800 не сжимался") при условии что высота колонок определяется их содержимым, и следовательно неизвесно какая из колонок окажется "самой длинной" Я взял двухколоночный макет Влада (с это сайта) но и там при увеличении объ?ма текста в колонке "Меню" подвал прилипает к колонке сбоку. Попытался заключить колонки в общий но это не помогло.Листинг: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #middle…

    Asked by Stran,

    0 votes
    5 answers

  23. z-index и ИЕ7

    Столкнулся с такой проблемой, что ИЕ не может опустить потомка под родителя. Например есть блок с z-index:1, внутри которого лежит position:absolute; z-index:-500. Все броузеры актуальных версий это отображают корректно, но ИЕ не может поставить -500 под 1. Это как-то лечится?

    Asked by RoleXXX,

    0 votes
    11 answers

  24. Вложенный список криво отображается

    вот сделал двухуровневое меню HTML: <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Уроки</a> <ul> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">javascript</a></li> <li><a href="#">MySQL</a></li> <li><a href="#">PHP</a></li> </ul> </li> <li><a href="#">Статьи</a></li> <li><a href="#">Учебники</a></li> <li><a href="#">Контакты</a></li> </ul> CS…

    Asked by AndreyT,

    0 votes
    5 answers

  25. Internet Explorer

    Здравствуйте! Надеюсь на вашу помощь не могу добиться работы IE с флеш-плеером (JW Player) есть такой код: <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="320" height="256"> <param name="movie" value="player.swf" /> <param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="flashvars" value="videos/large.flvℑ=image/logo.png" /> <embed type="application/x-shockwave-flash" id="player2" name="player2" src="player.swf" width="320" height="256" allowscriptaccess="always" allowfullscreen="true" flashvars="file=videos/…

    Asked by Marikos,

    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