HTML Coding

29,542 questions in this forum

1. HTML,CSS?: фиксированные тени сбоку от содержания стр.

   Здравствуйте всем! Есть сложная задача - собрать html-страничку так, чтобы внутренняя часть двигалась, сбоку были как бы тени - зафиксированные картинки (position:fixed) по бокам от основного контента и основной градиентный фон (направление сверху вниз, position - тоже fixed). Итого 3 части: 1. Контент (двигается). 2. Сбоку от контента - узкие изображения "теней контента" (не перемещаются с ползунком). 3. фон (градиент: сверху - вниз), тоже фиксированный. Что не получается: прикрепить к контенту(центральной части) зафиксированные изображения теней контента слева и справа. Помогите кто может!!! Образец: http://www.djtafa.com/images/образец.jpg

   Asked by e-partner, April 12, 2009

   0 votes
   13 answers
2. картинки и таблица

   Как сделать. чтобы картинка увеличивалась при наведение курсора, если она в таблице? <div class="photos"> <table cellpadding="10" cellspacing="0" style="margin-left: -10px;"> <tr> <td><img src="images/photos/01.jpg" width="200" alt="" /></td> <td><img src="images/photos/02.jpg" width="200" alt="" /></td> </tr> <tr> <td><img src="images/photos/03.jpg" width="200" alt="" /></td> <td><img src="images/photos/04.jpg" width="200" alt="" /></td> </tr> <tr> <td><img src="images/photos/05.jpg" width="200" alt="" /></td> <td><img src="images/…

   Asked by Мяфк?!, April 12, 2009

   0 votes
   5 answers
3. Нужно чтобы у div2 ширина была от div1 до div3

   Есть три div'a: 1-й div - прилегает к левому краю; 3-й div - прилегает к правому краю; как сделать чтобы 2-й div был растянут от 1-го к 3-му div'у??

   Asked by xzibit, April 12, 2009

   0 votes
   7 answers
4. JS на сайте

   Решил не использовать js на сайте вообще. Но возникла проблема. Блок-контейнер (div) имеет 3 вложеных блока-колонки. Установил им минимальную высоту в px. Проблема возникает при переполнении контентом одного из блоков, этот блок растягивается по высоте, а остальные остаются прежних размеров. CSS не понимает переменных, можно указать их в js. Например что бы переменная высоты всех блоков была равна наибольшему. Как это сделать без js? Проще чтобы вложеные блоки были равны по высоте контейнеру или наибольшему блоку.

   Asked by Ururu, April 12, 2009

   0 votes
   10 answers
5. Проблемы с позиционированием

   Здравствуйте, столкнулся с такой проблемой. Нужно разместить в блоке текст и блок, который обтекается этим текстом, как на рисунке Пробовал разные варианты - ставить блоку с текстом float:left; а маленький блок позиционировать, ставить обтекание справа маленькому блоку и позиционировать его отступами, но добится корректного отображения пока неполучается. В общем, вменяемых идей как это реализовать у меня пока нет, посему обращаюсь к вам за помощью.

   Asked by Karmin, April 12, 2009

   0 votes
   1 answer
6. Позиционирование

   1-ый блок: .ContentBlock { position: relative; font-size: 1.1em; margin: 0px; background: #fff; border: 1px solid #d1ddea; padding: 10px; text-align: left; height: 100%; width: 66%; } 2-ой блок .ContentBlock_create_new_lists_banner { margin: 0px ; padding: 0px; background: #fff; text-align: left; position: absolute; top: 127px; left: 715px; } Удаляю скролом, 2-ой блок прячется под первый, приближаю, 2-ой блок отдаляется от первого. А нужно, чтобы второй блок постоянно находился на одном и том же месте - никуда не прятался и не уезжал.

   Asked by Alek7y7, April 12, 2009

   0 votes
   1 answer
7. Проблема с бэкграундом

   Не отображаются бэки, всё перепробывал: HTML: <div id="container"> <div id="border_top_left"></div> <div id="border_top_center"> <img src="http://dota-blog/wp-content/themes/worldofdota/images/top_left_b.gif" align="left" alt="" /> <img src="http://dota-blog/wp-content/themes/worldofdota/images/top_right_b.gif" align="right" alt="" /> </div> <div id="border_top_right"></div> </div> CSS: html,body{margin:0;padding:0;background-color:#000000} #container{margin:0 auto;width:950px} #border_top_left{width:35px;display:inline;background:url(images/top_left_a.gif) no-repeat}…

   Asked by svdsLis, April 12, 2009

   0 votes
   11 answers
8. Как сбросить параметры родительского класса

   Родительский класс таблицы имеет width=100%. Теперь, когда внутри надо нарисовать другую таблицу, она тоже также растягивается. А надо чтобы ширина её столбцов определялась по содержимому. Как для дочернего класса отменить width=100% ?

   Asked by ArCher, April 12, 2009

   0 votes
   2 answers
9. ссылка не хочет быть абсолютной

   ох.. дико нубский вопрос даже для нубского раздела) в общем, второй раз в жизни верстаю локальный документ. надо, чтобы с последней страницы ссылка вела на сайт в интеренете.. делаю все, как надо: абсолютная ссылка.. href="http://..." в итоге это дело превращается в file:///C:/... почему так? срочно надо) утром отдавать, а не выгугливается ничего почему-то. спасибо заранее.

   Asked by rondew, April 12, 2009

   0 votes
   4 answers
10. стиль таблицы

    решил сверстать страницу полностью по правилам. написал сверху <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> все теги в документе закрываются, даже незакрывающиеся, все стили решил прописать в цсс: body { background: #ffffff; margin: 0; padding: 0; } table { border-collapse: collapse; margin: 0; padding: 0; spacing: 0; } #centerLayer { width: 829px; margin: 0 auto; background: #ffffff; padding: 0; text-align: center; } всю страницу сверстал жестко в таблице, а таблицу всю ставил в центральный див: <body> <div id="centerLayer"> <table id="Table_01" bo…

    Asked by dangler, April 13, 2009

    0 votes
    5 answers
11. ie как всегда:(

    Привет всем! На днях верстал сайт, ну FF,Opera все чигипуки, а вот ie6 как всегда отличился и не могу понять в чем дело то вот сам сайт а вот стили: * {margin:0; padding:0; border:0;} ul { list-style:none; } a { color:#fff; text-decoration:none;} a:hover { text-decoration:underline; } html { height:100%; } body { color:#fff; font:normal 20px Arial; background:#CD1873; height:auto !important; height:100%; text-align:center; position:relative; min-height:100%; min-width:1000px; width:100%; *width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%"); } #main2 {vertical-align:top;background:url(…

    Asked by JIucky, April 13, 2009

    0 votes
    11 answers
12. При использовании png.htc, в iE6 невозможно выделить текст

    Привет. Для прозрачности PNG, использую файл png.htc, div с контентом имеет png прозрачный бэкграунд, и из-за этого скрипта, в IE6 перестал выделяться текст. Как это можно пофиксить? Можно конечно перевертать так, чтобы у divа с контентом бэкграунд был выставлен просто цветом.

    Asked by BassEast, April 13, 2009

    0 votes
    7 answers
13. min-height в IE6 и центрирование объектов

    В опере9 min-height работает отлично, видел способ для IE6 или 5, а есть что либо универсальное? В блоке текст выравнен по левому краю. Нужно вставить картинку или флеш по центру. text-align: center; для объекта не работает, а на <center></center> ругается валидатор.

    Asked by Ururu, April 13, 2009

    0 votes
    4 answers
14. Footer внизу страницы...

    Да, да, да. Было очень много тем, где обсуждался футер внизу страницы. Но у всех тех решений есть один существенный недостаток: жестко прописывается высота футера. Между тем часто нельзя заранее узнать высоту футера. Например, есть у меня в футере несколько ссылок и высоты 50рх достаточно. Но завтра мне может понадобиться вставить туда кучку логотипов и высота увеличиться неизвестно на сколько. Просмотрел кучу ссылок, но решения с высотой футера, растягивающейся под контент, так и не нашел. Неужто его не существует? (без джабы)

    Asked by RoleXXX, April 13, 2009

    0 votes
    9 answers
15. помогите найти ошибку в сайте

    сайт www.leoneed27.ru Везде всё нормально кроме страниц http://leoneed27.ru/obor.htm и страницы http://leoneed27.ru/tabl.htm Во всех браузерах, кроме Експлорера меню оказывается не сверху, растянутое на всю страницу, а посередине с двумя белыми плашками. мучался, мучался, не знаю что делать. помогите пожалуйста.

    Asked by nexosound, April 13, 2009

    0 votes
    10 answers
16. картинка слева от ссылки

    Всем привет. Есть задача: выводить пиктограмму слева от текста ссылки. Мои попытки использовать псевдоэлемент before не увенчались успехом, т.к. IE 7 не знает про before. Думаю, что это популярная задача и у нее наверняка есть красивые и цивилизованные решения. Поделитесь опытом, пожалуйста. Прошу прощение, если подобный вопрос уже был задан до меня, но поиском по форуму я ничего на эту тему не нашел, гуглить также пытался, но безрезультатно.

    Asked by Kosta, April 13, 2009

    0 votes
    1 answer
17. помогите сделать таблицу с фиксированными ячейками, плизз

    Не пойму в чем дело, вроде прописала размеры всех ячеек таблицы, когда вставляю текст, строчки не переносятся, а идут длинной строкой. как еще зафиксировать ширину ячеек? http://www.ekolab-zentr.ru/ может что-то неправильно написала? в CSS html, body { margin:0px; padding:0px; } body, input, select, textarea { background-color: #ffffff; } td, input, select, textarea { font-family: Times New Roman; font-size: 14px; color: #000000; vertical-align: top; } table.main { border-collapse: collapse; } td { padding: 0px; } td.top { background-image: url(top.jpg); background-repeat: no-repeat; height: 263px; width: 1000px; } td.left { background-image: url(left.jpg); back…

    Asked by dinchy, April 13, 2009

    0 votes
    4 answers
18. Таблица в 1px

    Здравствуйте, помогите плиз) в нэте как-то все другое нахожу) мне нужно, чтобы таблицу с попощью CSS и HTML из || || || сделать border в 1px | | |

    Asked by zhitkov, April 13, 2009

    0 votes
    8 answers
19. не работает background: url

    Вот класс #u1{ width: 600px; margin: 10px 0 40px 0; float: right; right:630px; background: url(images/gerb1.gif) repeat-x; } Вот див </div> <div id="u1"> <img src="image/g.gif" alt="" border="0"> </div> Хотелось чтобы картинка заполнилась фоном, только не получается. вЧемпроблема?Я в css новичек, помогите!

    Asked by Admiral, April 14, 2009

    0 votes
    9 answers
20. IE PNG Alpha Fix v2.0 Alpha 3

    Вопрос по продукту http://www.twinhelix.com/css/iepngfix/ Может кто испоьзовал? Дело такое, что он мне выдает alert с текстом IEPNGFix: Unclickable children of element: *указывается элемент* Вот, незнаю как с этим бороться и почему такое возникло?( Спасибо заранее

    Asked by Razor, April 14, 2009

    0 votes
    3 answers
21. Высота слоя в процентах

    Высота слоя в процентах, заданная с помощью стилей просчитывается в разных браузерах по разному. Каким образом можно сделать два блока (один под другим) высотой 40% и 60% (плюс, минус 2 процента для стыка), без образования скрола в браузере и пустого пространства.

    Asked by Rigo, April 14, 2009

    0 votes
    9 answers
22. border

    Подскажите стиль так чтобы вокруг картинки черная тонкая рамка была, как можно тонще.

    Asked by Admiral, April 14, 2009

    0 votes
    1 answer
23. отступ всего текста

    Подскажите пожалуйста, как сделать отступ сверху и слева всего текста в ячейках. пробовала cellpadding, cellspacing, left-padding. Не получается...(( Спасибо!

    Asked by dinchy, April 14, 2009

    0 votes
    17 answers
24. Нужно растянуть дизайн по вертикали

    Помогите, пожалуйста, разобраться. Сделал макет: http://www.trinity-bridge.221b.ru/index.htm Заточен был под 1024х768, вроде всё ничего. Посмотрел на большом разрешении - захотелось растянуть дизайн по вертикали, чтобы внизу не было пустого места. Ширина макета 1000 px, высота 99%. Проштудировал вот это: http://htmlbook.ru/content/?id=95 Что-то не работают у меня эти рецепты. Один рецепт воплощён здесь: http://www.trinity-bridge.221b.ru/index2.htm В Опере выглядит нормально, хотя в Dreamweaver стало не видно ничего. А в IE6 показывает только фон и ни одного объекта. Можно ли сделать универсальный код, или без хаков не обойтись? body { background-color: #0B2F6F; backgro…

    Asked by Pinguin, April 14, 2009

    0 votes
    9 answers
25. Наложить слой с PNG на фотографию.

    Всем привет. У меня на сайте всюду табличная верстка, но недавно захотел чтоб на скриншотах из раздела видео была иконка в виде кнопки play. Кто нибудь может подсказать как это реализовать? Было бы замечательно, если можно создать класс в css который применялся к тегу img.

    Asked by blackmura, April 14, 2009

    0 votes
    1 answer