HTML Coding

29,542 questions in this forum

1. Не растягивается по высоте

   Ребята проблемы с высотой. Верстка. Что можете подсказать.. Я похоже запутался с height и min-height html, body {height:100%; width:100%;} ... #wrapper { width:100%; margin:0 auto; min-height:100%; height:auto; } ... #content { width:1000px; margin:0 auto; min-height:100%; height:auto; } #main-post-content{ float:left; min-height:100%; height:auto; width:680px; margin-top:25px; } #main-right-sidebar{ float:right; min-height:100%; height:auto; width:280px; margin-top:25px; } ... Что то походу не так пошло, текст пробивает футер, и футер не опускается вниз по мере увеличения текста на странице.

   Asked by WebMasterOleg, November 28, 2011

   0 votes
   1 answer
2. Помогите с путём

   Может быть есть возможность помочь: в html состряпана страничка, пусть i.html на ней рисунок 1.gif страничка на сайте, допустим, по адресу www.******.ru/i.html сайт лежит у провайдера на www.XXXXX.ru и страничка и gif лежат в папке public_html прописываю внутри i.html <img src="1.gif"> - пишет что нет файла!!! хотя тут же в папке лежит другая страничка и файл гиф с такой же пропиской внутри нее - все нормально отображается. может быть как-то сайт провайдера должен быть упомянут? Помогите кто-нибудь, "и чем только я это не пробовала" (С)

   Asked by ыра, November 28, 2011

   0 votes
   4 answers
3. Разобраться с %

   Здравствуйте! Накидал рыбу сайта для 3-х колонок использовал width:33.3% Добавил border, padding в них. В итоге последняя колонка не поместилась и встала ниже первых. Скажите, есть такой способ, чтобы указывать ширину в %-ах, прописывать нужные border, padding, margin и в итоге получать все три колонки в одной строке? например, решение, при котором ширина содержимого diva рассчитывалась автоматически после учёта вышеотмеченных параметров.

   Asked by borus, November 28, 2011

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

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

   Asked by maa, November 30, 2011

   0 votes
   0 answers
5. Вёрстка для распечатки

   Нужно распечать расписку сформированную скриптом. Основа расписки это таблица, которая произвольно растягиватся на несколько листов. На каждом листе снизу должны быть графы для подписей и номер страницы вида 2/5. Пробовал сделать контейнеры .page { widtht: 210mm; height: 297mm; margin: 1cm; border: solid 1px; } Но во-первых при печати они выводятся не на весь лист, а именно получаются уже и длиннее листа. И во- вторых это не решает проблему растягивающейся таблицы... Единственное, что понял, что тут нужно использовать свойство page-break-after: always;

   Asked by Tmin10, November 29, 2011

   0 votes
   0 answers
6. Посоветуйте книгу по HTML&CSS для изучения с нуля

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

   Asked by fofan, November 29, 2011

   0 votes
   6 answers
7. z-index

   Дорогие форумчани, Не могу разобраться почему не работает z-index.. ttfan.ru Под слайдером есть поле с 3 колонками, над этим полем должен быть маленький header Помогите пожалуйста

   Asked by Select, November 29, 2011

   0 votes
   3 answers
8. Display: table в IE6,7

   Суть такова: есть блок DIV со свойством display: table в IE 6 и 7 это свойство не работает. Есть ли какой нибудь читерский способ исправить это?

   Asked by fofan, November 29, 2011

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

   красным выделен блок .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
10. HTML редактор

    Посоветуйте пожалуйста удобный редактор с подсветкой синтаксиса. И если можно ссылку на скачивание. Спасибо!

    Asked by olechic, November 29, 2011

    0 votes
    7 answers
11. фон в таблицы

    Доброго времени суток.Нужна Ваша помощь,делаю сайт и возникла проблема не могу поменять фон таблицы.На странице расположены две таблицы.При изменении фона в первой таблице во второй также меняется фон на такой-же.Таблицы сделаны с закругленными углами.Часть кода: <html> <head> <title>Главная </title> <style type="text/css"> A { text-decoration: none; } </style> <font face="Dungeon"> <style type="text/css"> BODY { color: #ffffff; background-color: #0A2C85; text-decoration: none; background-image: url(); background-repeat:repeat-x; } </style> </head> <table> <td cellpadding="20%" height="3…

    Asked by Sek, November 29, 2011

    0 votes
    6 answers
12. Как расчекить чекбокс средствами HTML?

    Можно ли как-то принудительно рачекить checkbox средствами html? В некоторых браузерах при обновлении страницы сохраняются галочки в чекбоксах. Нужно избежать этого, желательно не задействуя яваскрипт. Можно ли это как-нибудь сделать? Пробовал checked="false". Не работает.

    Asked by Колос, November 29, 2011

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

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

    Asked by maa, November 29, 2011

    0 votes
    10 answers
14. <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
15. Связь картинок меню при помощи css

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

    Asked by paseonru, November 29, 2011

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

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

    Asked by Nadyu, November 29, 2011

    0 votes
    6 answers
17. Список 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
18. Правильное позиционирование

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

    Asked by Rocombo, November 30, 2011

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

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

    Asked by KLS, November 29, 2011

    0 votes
    3 answers
20. Два Дива - одинаковой высоты в не зависимости от контента

    Как сделать вот такую вот картинку дивами? Рядом стоящие и растягивающиеся по высоте в не зависимости от контента Напрашивается таблица, но хотелось бы дивами подобной структуры: http://jsfiddle.net/2c4MK/

    Asked by artemhp, December 11, 2011

    0 votes
    6 answers
21. Шаблон не вытягивается!:-(

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

    Asked by galaystra, November 29, 2011

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

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

    Asked by galaystra, November 29, 2011

    0 votes
    1 answer
23. :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
24. подложка подвала

    очередная проблема. на рисунке красным обрисован футер. зелёным - по размеру футера полоса, которая должна растягиваться по длине экрана. я то же делал для верхнего меню. но для подвала почему-то не прокатывает (полоса отображается правильно при маленьком масштабе, но если увеличивать - она ползёт вверх и "торчит где-то в центре браузера"). что не так? </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
25. списки с разделителями

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

    Asked by cyklop77, November 29, 2011

    0 votes
    19 answers