HTML Coding

29,542 questions in this forum

1. Проблема при отображении фонового рисунке в ИЕ 6

   Всем привет! У меня есть html <div class="footer_bottom"> <div class="footer_bottom_left"></div> <div class="footer_bottom_right"></div> </div> и css .footer_bottom{height: 11px; background: white;} .footer_bottom_left{float: left; height: 11px; width: 11px; background: url(images/content_bottom_left.jpg) no-repeat;} .footer_bottom_right{float: right; height: 11px; width: 11px; background: url(images/content_bottom_right.jpg) no-repeat;} Все вроде бы работает нормально, но не в ИЕ 6. фоновый рисунок в .footer_bottom_left .footer_bottom_right смещаются каким то образом вверх на н…

   Asked by kent666, November 30, 2011

   0 votes
   0 answers
2. div.hover

   имеется 2 слоя <div class="sloi1">слой1</div> <div class="sloi2">слой2</div> как сделать так, чтобы при наведении курсора на первый слой вместе с ним выделялся и второй слой тоже?

   Asked by Twilight_Sparkle, November 30, 2011

   0 votes
   3 answers
3. закрепить изображение

   есть блок, в нём изображение. если увеличивать масштаб, картинка тянется по горизонтали (и по вертикали), соответственно ,едет. нужно закрепить как-то картинку, чтобы её, например, центр (или другая точка) оставались на месте, а изображение за счёт масштаба ползло вбок-верх-низ. реально ли сделать так средствами css?

   Asked by maa, November 30, 2011

   0 votes
   0 answers
4. Страница "уезжает" влево

   Есть такой шаблон - http://rghost.ru/32649991 При добавление большого количества текста в div "body_area" страница "уезжает" на пару десятков пикселей влево. Данный эффект заметен только если раскрыть страницу на весь экран в браузере (Maximize). Как можно это побороть? Спасибо.

   Asked by Garfunkel, November 30, 2011

   0 votes
   2 answers
5. проблема с google chrome, пропадает clear: both

   Написал небольшой калькулятор для друга, во всех браузерах норм отображает кроме хрома. Почему понять не могу. Проблема происходит в момент открывания списков. Пропадает стиль (clear: both) для следующего за селектом дива и получается что всё сдвигается. Ссылка на сайт _http://thpc.ru/items/domofony/kalkulyatory/kalkulyator_4/ в опере, мазиле и ie нормально всё. Когда писал в простой HTMLке тоже не работает нормально. Подскажите где ошибся.

   Asked by Mich, November 30, 2011

   0 votes
   4 answers
6. как в <input type="text" /> описать href и style hand

   Добрый день. Не знаю как такую задачу решить. Мне надо чтобы в <input type=text value="..."> отображался активный маил, тоесть кликнуть по адресу и откроется почтовая прога. Вот этим добился таки определенного результата 1. <TD width="15%" align="center"><a href="mailto: <?php if( isset($_POST['createmail2']) ) { echo $_POST['createmail2']; } ?>"> 2. <input type="text" name="createmail2" style="width: 100%" 3. onfocus="this.style.backgroundColor='#fff'" value="<?php if( isset($_POST['createmail2']) ) { echo $_POST['createmail2']; } ?>"></a> 4. </TD></TR> но …

   Asked by yok, November 30, 2011

   0 votes
   4 answers
7. Правильное позиционирование

   Вопрос,достаточно общий,(не ругайте если что). Возникает сложность при позиционировании элементов, чтобы разместить элементы на страницы приходиться, чуть ли, не для каждого задавать position: relative и координатами его ставить на нужное место. Очевидно, что это неправильно. Как правильно ?

   Asked by Rocombo, November 30, 2011

   0 votes
   4 answers
8. Какие косяки могут быть с "position:relative"?

   В макете понадобился закрыть часть экрана блоком с "position:fixed". Из-за чего некоторые ссылки перекрылись этим блоком. Отслеживать поведение каждой - уйма времени. Вариант - задать всем перекрытым блокам position:relative и "вытолкнуть" их наверх через z-index. Какие при этом могут появится косяки? Например, переопределение родителя при абсолютном позиционировании (вместо body - позиционированный блок) или float будет корректно работать? Может ещё какие подводные камни?

   Asked by Nanto, November 30, 2011

   0 votes
   0 answers
9. overflo:auto+position:fixed+IE7==BSOD?

   Цитата отсюда: Как у меня сейчас: #snipDIV { position: fixed; ...<прочие css-свойства для snipDIV>... overflow-y: auto; } Согласно отквоченному выше при загрузке страницы со snipDIV в IE7 я должен получить чуть ли не BSOD! Ну прямо "чистого" IE7 у меня нет, а вот в IE9 в режиме "эмуляции" IE7 (F12->Document mode=IE7 standards) страница грузится без проблем. И если нужно - все скролится. Есть у кого какой опыт по наблюдению данного бага в реальности? Косвенно, как видите, не подтверждается. Кстати - даже по Task Manager засек нагрузку на CPU в момент запроса такой страницы. Нет там ничего сногсшибательного, 6-8% загрузки CPU. Откуда вообще отквоченная инфа…

   Asked by Indy7, November 30, 2011

   0 votes
   3 answers
10. объясните поведение блока

    Добрый день. Вот код: <body style="background: #ddd"> <div style="background: #fff; border: 0px solid black;"> <!-- div #1 --> <div style="margin-top: 100px"> <!-- div #2 --> <span>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</span> </div> </div> </body> В таком виде див №1 отображается как узенькая полосочка, отстоящая сверху на 100 пикселей. Если в его стиль добавить рамку (в стиле достаточно исправить толщину с нуля на единицу), то он раздвигается по высоте (так и было задумано, но без рамки). Почему так происходит?

    Asked by stalker_2000, November 30, 2011

    0 votes
    2 answers
11. Проблемы с меню

    Добрый день. Проблема слудующего характера. На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить. выложу файлы главной и ксс - вот они Добрый день. Проблема слудующего характера. На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить. выложу файлы главной и ксс - вот они main <!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" xml…

    Asked by psics, November 30, 2011

    0 votes
    2 answers
12. Проблема с таблице

    Не понимаю откуда взялись эти пробелы, cellspacing, cellpadding стоит по нулям и ещё Див (это тот,что внизу с текстом) почему-то шире таблицы получился,хотя ширину обоим одинаково задавался. Только в IE нормально работает,в остальных браузерах вот так вот коряво выдаёт. Что это такое, подскажите,пожалуйста?)

    Asked by IrkaLulka, November 30, 2011

    0 votes
    9 answers
13. Как к изображению можно добавить мал. картинку в верхний правый угол?

    Дорого дня. Как к изображению можно добавить мал. картинку в верхний правый угол? Еще такой вопрос терзает, как лучше прописывать путь к картинке в таком виде <img src="image/1.png" /> или же <img src="http://site.ru/image/1.png" />

    Asked by Saturn, November 30, 2011

    0 votes
    4 answers
14. списки с разделителями

    сверстал галерею на основе списков.структура такая: 4 изображения, разделитель, <ul>4 изображения</ul>, разделитель, и т.д. использовал несколько блоков <ul></ul>. правильнее было бы использовать один блок <ul></ul> (потому что на cms удобнее натягивать). подскажите пожалуйста как верстаются подобные галереи. необходимые условия: 1. галерея резиновая(тянется по горизонтали как в моем примере), 2. после каждой четвертой картинки есть разделитель

    Asked by cyklop77, November 29, 2011

    0 votes
    19 answers
15. подложка подвала

    очередная проблема. на рисунке красным обрисован футер. зелёным - по размеру футера полоса, которая должна растягиваться по длине экрана. я то же делал для верхнего меню. но для подвала почему-то не прокатывает (полоса отображается правильно при маленьком масштабе, но если увеличивать - она ползёт вверх и "торчит где-то в центре браузера"). что не так? </div><!-- #footer --> <div class="bottom"></div> /*расположена за футером, перед закрывающим body*/ </body> *************************************************** .bottom{ position: absolute; bottom: 0px; left: 0px; width: 100%; min-width: 1200px; height: 187px; …

    Asked by maa, November 29, 2011

    0 votes
    1 answer
16. :link и отделение якорей от внеш.ссылок

    Всем привет! a{color:red;font:20px Arial, Helvetica, sans-serif;} a:link{background-color:orange;} у меня хром присваивает даже якорям background-color:orange; опера игнор а ие6-все гуд в html5 нужно использ id!!ничого не поменялось а как теперь отделять?

    Asked by bot87, November 29, 2011

    0 votes
    3 answers
17. Оптимизация шаблона для Joomla 1.5

    Для того, чтобы в шаблоне выводились, скажем, автор статьи, дата создания, заголовок страницы, используются следующие классы: <div class="small">, <div class="createdate">, <div class="contentheading">... Какие вы, господа, знаете еще? Имхо, это будет вполне полезная инфа для многих.

    Asked by galaystra, November 29, 2011

    0 votes
    1 answer
18. Шаблон не вытягивается!:-(

    Уважаемые верстальщики! Помогите мне в решении проблемы! Уже всю голову сломал. Хотел сам допереть, что я делаю не так, да только все без толку... Я только учусь, поэтому не судите строго, это мой первый шаблон, который пытаюсь сделать самостоятельно! Я думаю, что это довольно распространенная проблема и другим так же полезно будет услышать отзывы профессионалов. Если возникнут какие-нибудь дополнительные замечания, я буду только рад их выслушать! Заранее спасибо! Вот ссылка на сайт. Да, мне нужно, чтобы по мере наполнения контентом, в шаблоне вытягивались параллельно блок для модулей и фоновое обрамление (картинки по бокам). Я пытался решить эту проблему путем добавлени…

    Asked by galaystra, November 29, 2011

    0 votes
    0 answers
19. Рама для картины средствами CSS (1 картинка, 5 слоев)

    Задача - сделать возможным одевать картины в рамы. Некоторые ньюансы: Картины могут быть разные по ширине и высоте. Нужно обойтись 1 картинкой - каждая сторона рамы это одна и та же png-шка большой длинны, с прозрачным левым углом которую надо будеть ставить на фон в слои с разным z-index'ом и вращать на 90 градусов создавая таким образом все 4 стороны рамы картины. демка этой идеи: ) Вожусь пол дня ... для статичных размеров еще вроди можно извратится, а вот для динамических ширины и высоты что-то ничего не получается... Есть идеи/примеры как можно это реализовать?

    Asked by KLS, November 29, 2011

    0 votes
    3 answers
20. Связь картинок меню при помощи css

    Привет!!! интерисует такой вопрос. Есть две картинки скругленый край и гредиентная плоска. Вопрос Как связать их между собой. Тоесть когда подводим курсор мыши уголок картинки и гредиент полоски связаны

    Asked by paseonru, November 29, 2011

    0 votes
    4 answers
21. Список li в несколько колонок

    Скорее из праздного любопытства, но если есть решение то оно пригодится для упрощения верстки Имеем список <ul> <li>Первый</li> <li>Второй</li> <li>Третий</li> <li>Четвертый</li> <li>Пятый</li> <li>Шестой</li> <li>Седьмой</li> <li>Восьмой</li> <li>Девятый</li> </ul> Хотелось бы чтобы список выстроился в несколько колонок, но так чтобы пункты формировались не в строчку, а в столбик То есть не так Первый - Второй - третий - четвертый пятый - шестой - ... А так Первый —-- пятый Второй —-- шестой Третий —-- ...... Четв…

    Asked by ShumNo, November 29, 2011

    0 votes
    11 answers
22. Список в несколько колонок

    Хочу сделать несколько блоков стоящих рядом, количество заранее не известно. Они должны быть отцентрованы. То есть то, что выделено зеленым, было одинаковой ширины: (линк по превью переводит просто на большое изображение, а не на радикал)) Если окно уменьшаем, то снова зеленое остается одинаковым, но не обязательно равным тому, что в предыдущей картинке. И не должно быть так, что если количество блоков не кратно числу, что влезает в строку, то в нижней строке все уползает по центру. а было бы вот так: У меня самой получился только не правильный вариант, что все становится по центру... Может кто-то сталкивался с подобным случаем? Заранее мерси)

    Asked by Nadyu, November 29, 2011

    0 votes
    6 answers
23. <style> внутри <body> XHTML 1.0

    Доброго времени суток. Интересует такой вопрос, можно ли размещать <style> внутри <body>? <!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" /> <title>Документ без названия</title> </head> <body> <style type="text/css"> <![CDATA[ #order-form { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 15px; } .a { font-weight: bold; border-bottom: 1px solid #000000; padding: 0 10px 0…

    Asked by DiMMK4, November 29, 2011

    0 votes
    2 answers
24. строка ссылка. перенос на следующую строку + изображение следом

    ещё одна задачка,не могу решить. помогите. есть сслыка. сразу же за ней нужно вставить изображение-ссылку. но она сползает под блок, который образует ссылка. вторая ссылка должна "ползать за основной". то есть в зависимости от наполнения строки. я сперва реализовал отрицательным отступом, но тогда ссылка стоит на месте, а текст заползает под неё. вставлять ссылку в ссылку тоже глупо. на изображении красным показан блок, который первая ссылка отводит себе при переносе. не могу придумать. подскажите, пожалста.

    Asked by maa, November 29, 2011

    0 votes
    10 answers
25. вложенные блоки "выпадают" из внешнего

    красным выделен блок .cont, в который вложен .block. видно, что зелёный(вложенный) вылазит из родительского. почему так? структура такая: <div class="cont"> <div class="block"> контент блока </div><!--block11--> </div><!--cont--> css: .cont{ width: 1100px; margin: 0 0 0 50px; min-height: 350px; border: 1px solid red; } .block{ width: 340px; height: 375px; float: left; border: 1px solid #0F3; }

    Asked by maa, November 29, 2011

    0 votes
    2 answers