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. Как всегда, непонятный эффект в IE

    Глюк в следующем. Делаю див, в нем по углам размещаю 4 картинки - для эффекта сглаживаемых углов. Картинки размещаю фоном. Во всех браузерах всё выглядит на ура. Далее, помещаю в контейнер еще один блок. В итоге в ИЕ нижние углы смещаются на пиксель вверх. В чем причина такого эффекта? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> </head> <body> <div style="position:relative; width:728px; float:left; display:inline; background-color:#bdbfc1; pad…

    Asked by AntonSubbota,

    0 votes
    18 answers

  2. background-size: cover + backgroud-attachment: fixed на ipad?

    Имеется такой код .slide { background: url(../img/1.jpg) no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}Все десктопные браузеры понимают его нормально (IE не интересует). Проблема возникает на ipad-е. Картинка масштабируется на 2 раза больше (примерно) чем нужно. В коде своего рода хак для IOS - сначала 100% потом cover, но это не помогло. Когда меняю background-attachment: fixed на scr…

    Asked by Нарек,

    0 votes
    1 answer

  3. Как слить картинку целиком?

    Здравствуйте, уважаемые ваятели прекрасного! Поздравляю с наступившим новым годом! Желаю, чтобы муза веб-дизайнера не покидала вас! Прошу помочь мастеров сайтостроения. Хочу скачать с сайта картинку целиком, но на сайте доступен просмотр только частями, при помощи навигатора. Вот ссылка http://international.loc.gov/cgi-bin/map_i...skoi%20gubernii Что-то мне подсказывает, что беда эта не столь большой руки, но тут нужен Мастер. Большое спасибо откликнувшимся!

    Asked by Sebastian,

    0 votes
    8 answers

  4. Выравнивание по горизонтали и вертикали

    body { margin: 0px; } .bdiv { width: 100%; height: 200px; border-color: #000000; border-style: solid; border-width: 1px; z-index: -1; position: absolute; vertical-align: bottom; } .bodydiv { width: 900px; height: 900px; min-height:900px; border-color: #000000; border-style: solid; border-width: 1px; z-index: 1; position: absolute; left: 50%; top: 50%; margin-top: -275px; margin-left: -390px; } <body> <div class="bdiv">Content for class "bdiv" Goes Here</div> <div class="bodydiv">Content for class "bodydiv" Goes Here</div> </body> </html> Хочу чтобы было вот так как на картинке. bdiv прилип к верху и все. Ко…

    Asked by triode-master,

    0 votes
    0 answers

  5. Размер шрифта в таблицах.

    Раньше приходилось сталкиваться с тем, что таблицы не наследуют размер шрифта от родителя. Но сейчас что-то любопытное. Одинаковый код на разных хостингах. Размер шрифта прописан только для BODY - 13px; На одном хостинге у текста в таблице шрифт такой же - 13px. На другом 16px (т.е. размер по умолчанию). Как это исправить я понимаю: TABLE{font-size:13px} Но как объяснить это явление? И должны ли таблицы, как все нормальные люди, наследовать шрифт от BODY?

    Asked by Колос,

    0 votes
    6 answers

  6. По одной ссылки два результата

    Имеется файл с двумя фреймами ROWS. Необходимо сделать так, чтобы при нажатии на ссылку в нижнем фрейме произошел переход на другую страницу например на 1.html и одновременно переход на страницу например 2.html в верхем фрейме. Как это организовать не изменяя тега <a> ?

    Asked by TAILER,

    0 votes
    10 answers

  7. Выпадение с блока

    Здравствуйте! Вот пример http://jsfiddle.net/09wv3w6w/ Блоку задано размер 800px. В нем сделал список li, а в списке сделал ссылки а. li сделал отображение inline-block, а ссылкам сделал тоже inline-block и ширину 200px, а высота 40, а проблема вот в чем: Последний блок списка выпадает за предел основного блока. в списке 4 элемента, а значит 200*4=800, я правильно понял? Подскажите в чем проблема. Спасибо.

    Asked by FitTech,

    0 votes
    5 answers

  8. "Барабашки" в ссылках меню

    Время от времени две ссылки в меню перестают адресовать браузеры куда надо (субдомен.сайт.орг), а посылают по чудной (типа хт-4ью-дл.сайт.орг), при этом IE и FF не находят страницу, но показывают в адресной строке верный адрес (субдомен.сайт.орг), а Опера не находит адрес и видит в адресной строке "барабашку" (хт-3ью-дл.сайт.орг). В шаблоне страницы сайта при этом продолжает стоять правильный адрес (субдомен.сайт.орг). Никакие очистки кэша браузеров, баз данных сайта сами по себе не помогают. Лечится просто: меняется в шаблоне адрес на любой другой, после хождения по нему переделывается опять на нужный (субдомен.сайт.орг), вс? начинает работать. Беда только в том, что чер…

    Asked by WalterG,

    0 votes
    4 answers

  9. <if val=> </if>; <poly name=> </poly>; <key> </key>;

    Подскажите что это за теги и где про них можно хоть что-нибудь узнать:; ; ;

    Asked by Maciania,

    0 votes
    9 answers

  10. Помогите сделать резиновый шаблон

    Уважаемы специалисты! У меня есть шаблон "статичной" страницы, а мне просто необходимо сделать "резиновый" дизайн этой страницы - чтобы изменялся center. Если ставить 100% на .all и на .center, то все к чертям скатывается <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Дивовый дизайн</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <style> .all { width:900px; margin:auto; text-align:center; } .header { border:1px solid #666666; ma…

    Asked by Soniclord,

    0 votes
    4 answers

  11. Вертикальная тонкая полоска

    на своем сайте я такую полоску сделал с помощью таблиц "width" на 0.1 % в теге TD, поставил но эта полоска все равно получается толстоватая. нельзя ли как то по другому решить эту проблему?

    Asked by Melted,

    0 votes
    6 answers

  12. Как сверстать клавиатуру такую как на картинке (iPhone KeyBoard)?

    Здрасте, помогите плиз сверстать такую клавиатуру как на картинке, как сделать тени такие, поместить такие значки shift и backspace? заранее спасибо

    Asked by vvsh,

    0 votes
    14 answers

  13. Карта yandex

    Поставил Яндекс карту на страницу контактов. В Mozilla, Opera, Chrome карта отображается, в IE6 и IE7 - нет. Сам Яндекс пишет "если отображается серый прямоугольник..." - у меня в IE ничего не отображается. Как быть? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="ru" /> <meta name="robots" content="index,follow" /> <title>Сантехника Петербург :: Контакты</title> <meta name="keywords" content="ванны акриловые,…

    Asked by slava03,

    0 votes
    6 answers

  14. Ссылка, картинка, не работает.

    Джамбо. Тема очень простая, но что то мне в голову ничего дельного не приходит. Не работает ссылка на картинку, картинка открывается как пустая, но если открыть картинку в новом окне, то загружается нужная страница..Вроде ссылку описываю правильно, единственное, сомневаюсь конечно что это как то влияет, но картинка с ссылкой засунута в див. <a href='http://blablabla.com/'><img src="http://7.arhwus.zxg8.ru/wp-content/uploads/2013/07/logo1.png" class="alignnone size-full wp-image-3738" /></a>

    Asked by CatInTheBread,

    0 votes
    2 answers

  15. Reset form

    зравствуйте, столкнулся с проблемой относительно горячих клавиш, а точнее с функцикй которая должна имитировать кнопку ресет при нажатии клавиши. Как это реализовать с привязкой к id формы я понимаю, но ето не вариант, так как страниц с формами должно быть много. Поетому хотелось бы написать универсаьную функцию ля всех форм. По логике, ето должна быть либо первая найденная скриптом форма, либо просто любая (хотя етот вариант менее желателен). Собственно вопрос, как такую функцию написать? заранее благодарен

    Asked by korzhik,

    0 votes
    1 answer

  16. Высота строк в таблице

    Вот код таблицы: <body> <table cellspacing="0" cellpadding="0" border="1"> <tr valign="top" height="0"> <td><!--#include virtual="/ssi/header.html" --></td> </tr> <tr valign="top"> <td> <div id="page-content"></div> </td> </tr> <tr valign="bottom" height="0"> <td><!--#include virtual="/ssi/footer.html" --></td> </tr> </table> </body> В стилях: table { height:100%; width:100%; } Однако в IE каждая строка занимает треть экрана, хотя шапка и подвал должны быть прижаты. В Mozilla все нормально. И еще, какой DOCTYPE необходимо ук…

    Asked by pps,

    0 votes
    1 answer

  17. Как сделать такой каркас...

    Надо сделать такой каркас: (показан в двух примерах, чтобы было понятнее в чём суть) есть блоки одного типа... (красненькие) надо чтобы ССЫЛКА>> ездила вправо.. в зависимости от их количества... и есть блоки другого типа (зелёненькие) они на ссылку никак не действуют... но они должны добавляться в общий поток квадратиков.... div.container - резиновый... расширяется в зависимости от ширины окна броузера... соответственно должно увеличиваться(уменьшаться) количество блоков в одной строке.... не могу придумать как это реализовать ((( может поможете...

    Asked by alexander.parphenuyk,

    0 votes
    11 answers

  18. Схлопывание margin'ов

    Доброе утро. Часто возникают ситуации, когда необходимо отменить действие схлопывания отступов. Тут вроде бы все понятно: флоаты, воерфлоу-хиддены, клеарфиксы, паддинги и бордеры в помощь. Но столкнулся с такой проблемой, когда наоборот очень нужно схлопывание марджинов элементов, что идут в потоке, но из-за некоторой специфики, оно (схлопывание) не всегда возможно. Задача. В потоке идут несколько дивов-контейнеров для последующего контента. Марджины для них заданы как для топ, так и для боттом. Проблема. Все прекрасно работает до тех пор, пока в одном из контейнеров не появляется колонки типа флоат. Следовательно, для корректного отображения родительскому диву необходи…

    Asked by atatakobry,

    0 votes
    17 answers

  19. Почему Mazila Firefox себя так вед?т?

    Почему при нажатии ctrl+F5 вс? съезжает вниз? А при прастом обнавлении (F5) вс? становится на сва? место... ((( Вот ссылка на страницу с глюкам http://podguzniki.su/pochemu_luchshe/

    Asked by antonP,

    0 votes
    9 answers

  20. Ищу красивое решение

    Здравствуйте. Пришёл за советом о том, как лучше сверстать часть стандартного макета. <body> <div class="wrapper"> <div class="header"></div> <div class="menu">здесь меню, которое на картинке</div> <div class="content"></div> </div> <div class="footer"></div> </body> Приводить весь CSS-код самого макета смысла не вижу, единственное, что хочу уточнить это: .wrapper { margin: 0 auto; width: 100%; } .header, .content, .footer { margin: 0 auto; width: 991px; } А дальше, нужно оптимальное решение, которое решит данную задача, в соответствии с картинкой. С минимальным количеством CSS- и HTML-ко…

    Asked by HUNTERxp,

    0 votes
    10 answers

  21. Фиксация заголовка таблицы от прокрутки

    Хотелось зафиксировать верх страницы (конкретно в моем случае названия колонок таблицы) от прокрутки. Пытался нагуглить решение, но понравившегося мне не нашел - у всех найденных решений область прокрутки имела фиксированный размер, и если размер окна был больше чем "надо", лишнее место пропадало зря, но хуже, если высота экрана оказывалась меньше. Тогда появлялась вторая полоса прокрутки, которая все-таки уводила названия колонок за пределы экрана. Ничего лучше найти не смог. Тогда решил сделать с помощью фреймов. Все банально просто - в верхнем фрейме табличка с заголовками колонок, в нижнем - таблица с собственно данными. Хочу обратить внимание на два момента. 1. Ширин…

    Asked by rgl,

    0 votes
    3 answers

  22. bootstrap число колонок

    добрый день как увеличить колонки с 12 до 24 ?

    Asked by Jester,

    0 votes
    0 answers

  23. Iframe - скрыть следы окна

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

    Asked by Alexxx2783,

    0 votes
    1 answer

  24. Двойной цикл

    Подскажите, пожалуйста, как можно выйти из двойного цикла. Пробовал так и ничего не получилось: function search_Array(point) { for (var i = 0; i < mainArray.length; i++) { alert(i); for (var j = 0; j < mainArray[i].option.length; j++) { alert(j); if (mainArray[i].option[j].value == point) { alert (mainArray[i].option[j].value); break endLoop; } } } endLoop: return [i, j]; } Можно, конечно, по окончанию первого цикла еще раз вставить такую же проверку (if (mainArray.option[j].value == point) ), но как-то криво выглядит. Помогите. Спасибо.

    Asked by uefa,

    0 votes
    4 answers

  25. Неправильное отображение сайта в разных браузерах.

    Продублирую свою проблему тут. Хочется разобраться. #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 206px; height : 11px; padding : 0; } #enter { width : 84px;…

    Asked by Mihail Dobkin,

    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