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. Как уложить div'ы последовательно столбцами, а не строчками?

    Как сделать кроссбраузерную вёрстку такого набора div? То есть имеется контейнер — div фиксированной высоты (в данном случае на 3 маленьких блока). В него нужно последовательно "укладывать" блоки столбцами по 3. Причём количество блоков заранее не известно, то есть классический табличный метод (строками) не годится. Перебрал кучу вариантов, пока не получается. в идеале сделать это без дополнительных контейнеров, просто div подряд.

    Asked by inoxxx,

    0 votes
    27 answers

  2. hover у ссылки сменой фона в ИЕ6

    В ИЕ6 у ссылки фоном есть картинка, которая вдобавок png еще, при наведении должен менятся. В везде нормально, а вот ИЕ6 выдает: html <ul id="menu_two"> <li><a href="#" class="iePNG">Схема проезда</a></li> <li><a href="#" class="iePNG">Скачать прайс-лист</a></li> <li><a href="#" class="iePNG">Оформить заказ</a></li> </ul> css #index #menu_two { list-style: none; margin: -350px 0 0px 0px; padding: 0px 0 0 0px; position: relative; display: block; float: right; z-index: 7; text-align: left; } #index ul#menu_two li { font-family: Arial; ma…

    Asked by Mary_RND,

    0 votes
    27 answers

  3. Шапка сайта

    Всем привет! Столкнулся с такой проблемой... Есть шапка у сайта, состоит из 3-х картинок - левая и правая части фиксированной длинны, а средняя должна растягиваться. Но не знаю почему, мой код работает только в ФФ(полностью)... css: table.logo td.left-logo { background:url(../images/logo_part_1.png) no-repeat; width: 750px; height: 200px; } table.logo td.center-logo { background:url(../images/logo_part_2.png) repeat-x; width: 1px; height: 200px; } table.logo td.right-logo { background:url(../images/logo_part_3.png) no-repeat; background-position: right; height: 200px; width: 16px; } html: <table width="100%" border="0" cellpadding="0" cellspacing="0" class="logo">…

    Asked by RedEclipse,

    0 votes
    21 answers

  4. display:inline-block и IE

    В общем хочу сделать что-то типо табличного вывода, есть куча div'ов в которых расположены нужные элементы, к каждому свойство display:inline-block и получилось всё замечательно(таблица по ширине странице, так как нужно), но это было в опере в IE открыл и ничего не вышло, помогите как можно справится с этой проблемой? <div style="width: 303px; display: inline-block; text-align: center; "> Опера 10-ая, интернет эксплорер - 6 заранее спасибо

    Asked by shedy,

    0 votes
    13 answers

  5. тег "потенциального" переноса слова

    Помнится когда-то давно попадался мне тег, позволяющий совершать перенос слова, в том случае, если оно не помещается в строку. Пишешь типа: Десять синхро<teg>фазатронов И в браузере соответственно если слово укладывается в строку, то оно пишется сплошняком без дефисов, а если не укладывается то переносится: Десять синхро- фазатронов. Подскажите, пожалуйста, что это за тег... Или он мне приснился?

    Asked by CitRUS,

    0 votes
    18 answers

  6. Растягивание DIV

    Есть два блока внутри одного, как сделать чтобы они не вылезали за пределы внешнего блока , при их растягивании. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML><HEAD> <TITLE></TITLE> <style type="text/css"> #main-menu { background:RED; height: 35px; } #content { border: 1px solid blue; padding-bottom:10px; } #main-sec1{ float:left; margin:5px; width:250px; border: 1px dotted black; } #main-sec2{ margin-top: 5px; margin-left: 265px; width:670px; border: 1px dotted black; } #main-bottom{ height: 52px; background: GREEN; } </style> </HEAD> <BODY> <di…

    Asked by chipi,

    0 votes
    11 answers

  7. z-index в ie7

    В =<IE7 дерево по z-индексу лежит выше, чем трава, но в ослике почему-то это не работает, и трава перекрывает дерево. Пробовал поиграть со значениями, позиционированием, но исправить так и не удалось. Линк

    Asked by flagreit,

    0 votes
    10 answers

  8. PIE.htc и не работающий margin

    Доброй ночи камрады! Сегодня собирался воспользоваться вот этой штукой PIE.htc и обнаружил удивительный баг в IE 6-7, который никак не поддаётся лечению. В общем есть тупо блок, 500 на 500пк. Я планировал закруглить углы с помощью PIE.htc, мне это удалось, но появилась другая проблема. Когда в КСС ссылаюсь на behavior: url(PIE.htc);, то сразу-же перестаёт работать верхний margin в IE 6-7, как только убираю ссылку, margin снова работает. Кто нибудь сталкивался с этой проблемой, может быть есть какие то лечебные травы? http://psywalker.ru/Forum/CSS3/Test2/main-page.html Смотреть в IE 6-7

    Asked by psywalker,

    0 votes
    26 answers

  9. Перенос текста в SELECT-е

    Доброго времени ВСЕМ! Скажите ответ плиз на вопрос: как в тэге select организовать перенос строк?

    Asked by SuperPuperLesha,

    0 votes
    8 answers

  10. fontsquirrel не хочет конвертить шрифт в кириллицу

    Добрый день. Столкнулся с проблемой при работе с сервисом fontsquirrel. При добавлении шрифта выдает Нашел решение - переконвертить в otf с помощью сервиса. Прокатило - белка шрифт схавала. И вроде бы вот оно счастье! Ан нет! Полученный кит не поддерживает кириллицу (в настройках указывал конечно. нет не первый раз это делаю). Уже всю голову сломал. Может кто сталкивался или что дельное подскажет? или я туплю где-то? Вобщем буду рад любой помощи. Название шрифта agLettericaUltraCompressed Вот тут выложил ttf и otf

    Asked by Dioni$$,

    0 votes
    8 answers

  11. отправка письма Form action mailto

    День добрый. хочу написать отправку текста на почту. использую простенький код: <form action=mailto:mypost@po4ta.ru enctype=text/plain> <input type=text> </form> ввожу текст в окошко, нажимаю enter. открывается почтовик по умолчанию ( у меня это стандартный виндосный outlook express), в поле куда послать - аддресс отображается верно, но в поле письма текста нету. почему так происходит, может, чтото неправильно делаю?

    Asked by Ingvarion,

    0 votes
    10 answers

  12. html +css ссылка на ехе файл

    Мне необходимо, чтобы с html страницы запускалась программа, заранее установленная на стационарный ПК. Как создать ссылку на ехе-файл программы?

    Asked by lga74,

    0 votes
    15 answers

  13. резиновая таблица в web диалоге и в простом окне

    вот такая таблица - хочу сделать в popup окне резиновую таблицу, чтобы ширина изменялась в зависимости от того, насколько растянуто окно <table width="100%" border="1"> <tr> <td width="20%"> 1</td> <td >2</td> </tr> </table> если окно открываю через window.open то поведение таблицы как планировалось - ширина изменяется вместе с щириной окна. если открываю окно через window.showModalDilaog, то ширина таблица при открытии окна такая же как и ширина окна, но далее при изменении ширина таблицы останается такой же как и была. почему такая разница и как сделать резиновую таблицу в we…

    Asked by monstrU,

    0 votes
    7 answers

  14. Элемент за правой границей экрана...

    Возможно ли "сдвинуть" отпозиционированный элемент за видимую область экрана вправо, чтобы не появилась горизонтальная полоса прокрутки? P.S. Влево - без проблем... А вот как быть с правой стороной?

    Asked by DjTarik,

    0 votes
    16 answers

  15. Запрет изменения размера окна браузера

    в общем есть шапка и центральная часть, шапка растягивается на 100% по ширине окна, центральная часть занимает железно где-то 800px и отцентрирована, так вот при уменьшении размера окна браузера шапка есессно растягивается по всей ширине окна, но вот если размер окна становиться меньше 800 появляется горизонтальная полоса прокрутки т.к. центр железно на 800px, и получается что шапка справа урезается до размера окна, а за полосой прокрутки находится часть центральной части.... как это исправить можно? хотя бы чтобы бразер нельзя было сжать меньше 800px

    Asked by andrewQwer,

    0 votes
    4 answers

  16. frD-Проблема кроссбраузерной совместимости при использовании div

    Здраствуйте, обратился сюда от безысходности и от того что мои мозги уже выкипели... Делаю оболочку для DVD-диска, верстается в html с css. Возникла проблема в совместимости кода для разных броузеров. Так вот нижеперечисленные страницы ведут себя нормально в IE6, но глюки появляются в Опере 9,10. В firefox не проверял... Страницы для тестирования временно выложены на хостинг (предупреждаю, чтобы меня потом не обвиняли в рекламе) http://artunion.cellbiol.ru/ - проблема в опере, появляется темная вертикальная полоса справа от нижнего меню, и центральная картинка неплотно примыкает к границам. В IE6 - вс? нормально. http://artunion.cellbiol.ru/articles/articles.shtml - div с…

    Asked by DMGaster,

    0 votes
    17 answers

  17. разное отображение веб-страниц в IE и Mozille

    Здравствуйте. Подскажите пожалуйста почему происходит разное отображение страницы в браузерах IE и Mozille? А точнее в IE шрифт жирный, отступы заданные с помощью margin:0 auto не большие, а в Mozille шрифт нежирный, отступы значительно больше и появляется горизонтальная полоса прокрутки. Ссылка на страницу, которая отображается по разному в браузерах. http://olyakutukova.narod.ru/ocna.html

    Asked by olya,

    0 votes
    26 answers

  18. HTML5 CSS Таблица. Расстояние между ячейками

    здравствуйте. не смог в справочниках найти и методом тыка догнать, как делать расстояние между строк в таблице больше/меньше? cellspacing вроде тыкал уже не зная куда..че то не увидел результата. И можно ли это задавать в CSS?..или только в хтмл коде непосредственно на странице? Сам код таблицы: <table class="price"> <col class=""/> <colgroup span="2"></colgroup> <col class=""/> <thead> <tr> <th colspan="2" scope="colgroup" background="/img/table_greenbar.png";><a href="" title="">Заголовок</a></th> </tr> </thead> <tbody class="price"> <tr> <td colspan="2" scope="colgroup">…

    Asked by Samenfaden,

    0 votes
    6 answers

  19. Смена цвета в полосе прокрутки

    На некоторых сайтах видел что полоса прокрутки была "нестандартная" разукрашена разными цветами. Я узнал что этого эффекта можно добиться с помощу CSS. Дописал к тегу BODY такой вот код в своем css файле но вот токо ничего не изменяется. body{ font: x-small/1.8 Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px; padding: 0px; background: #999999 url(../img/fon/body_fon.gif); SCROLLBAR-FACE-COLOR: #cc0000; SCROLLBAR-HIGHLIGHT-COLOR: #cc0000; SCROLLBAR-SHADOW-COLOR: #990000; SCROLLBAR-3DLIGHT-COLOR: #ff0000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000; } Подскажите в чем дело?

    Asked by ванька,

    0 votes
    16 answers

  20. parallax при скроллинге

    Реализация скроллинга с параллакс эффектом вызвала у меня ряд вопросов. Как оказалось – он адекватно работает только в firefox. Смотрел множество сайтов, везде есть рывки при прокрутке. В ИЕ хуже всего – кроме рывков – дерганье. Отсюда вопрос: возможна ли кроссбраузерная реализация (плавная горизонтальная прокрутка без рывков и дерганий)? Пример задачи: http://addevelop.ru/...t/View-new.html Буду рад советам и примерам реализации плавности. Описывайте свой опыт реализации подобных задач.

    Asked by stmaxvl,

    0 votes
    13 answers

  21. Выравнивание по центру в IE6

    Понимаю, что может вызвать смех знатоков, но я зашёл в тупик, первый раз такое вижу! Внешний лист стилей, всё на дивах, всё как в лучших домах Парижу и Лондону. В Файрфоксе 3, в ИЕ7, в Опере 9.х - идеально, а в ИЕ6 нету выравнивания по центру, выравнивает слева код в css: —————— #head { margin: 0 auto; width: 1000px; height: 30px; } —————— Люди, в чём причина? Я уже два дня голову ломаю... Или перед собой не вижу или не знаю чего-то важного.

    Asked by Andrej,

    0 votes
    9 answers

  22. Hover при наведение на элемент сделать подсвечивание

    Всем доброго времени суток! Цель: сделать чтобы при наведение на элемент он весь подсвечивался Проблема: подсвечивается только текст ссылки =( Структура у меня такая: HTML <table border="2" width="100%"> <tr><td class="ppp"><a href="#">Ссылка!</a></td> <tr><td class="ppp"><a href="#">Ссылка 2!</a></td> </table> CSS .ppp { background: #dddddd; padding-left: 8px; padding-bottom: 4px; padding-top: 4px; border-bottom: 2px solid #eeeeee; display:block; } Если делаю так (CSS): .ppp a:hover { background: #000000; } То подсвечивается только (!) фон ссылки... Как быть?

    Asked by Cloack,

    0 votes
    6 answers

  23. проблемы с версткой

    оставлять в данной теме все возможные проблемы, возникающие при верстке станиц.

    Asked by kiD,

    0 votes
    11 answers

  24. Отступ после блока с clear: both

    Имеется контейнер, в котором несколько блоков с float: left. В завершении, чтобы убрать обтекание ставлю блок с clear: both; При этом появляется отступ после этого блока, т.е. блок с clear: both; растягивает контейнер по высоте. С подобнымстолкнулся впервые, исправить смог только overflow: hidden; у контейнера. Пример кода: <div style="width:100%;overflow:hidden; "> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test te…

    Asked by pav8909,

    0 votes
    5 answers

  25. Верстка на div в две колонки, в правой div с clear:both

    Имеется две колонки (в левом меню, в правом контент). Есть необходимость в правый блок выводить каждый из которых должен начинатся с новой строки. Но возникает проблема, если указываю clear:both, то див переносится до уровня конца левого блока. Какой может быть выход? <style type="text/css"> #menu {width: 270px;background: #e3e8cc;border: solid 1px black;float: left;} #content {background: #e3e8cc;border: solid 1px black;margin-left: 275px;} </style> <body> <div id="menu"> hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh </div> <div id="content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit…

    Asked by BAV,

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