HTML Coding

29,542 questions in this forum

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

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

   Asked by KLS, November 29, 2011

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

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

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

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

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

   Asked by maa, November 29, 2011

   0 votes
   10 answers
4. z-index

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

   Asked by Select, November 29, 2011

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

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

   Asked by fofan, November 29, 2011

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

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

   проблема такая. на работе до меня был создан сайт. в нем было горизонтальное меню. теперь начальству понадобилось вертикальное. в html мало чего понимаю, в гугле ничего вразумительного не нашел. меню задается на каждой странице вот таким образом <div id="container"> <div id="header"> <p> <!--<h1> </h1>--> </p> <p> </p> </div> <div id="menu"> <ul id="navlist"> <li><a href="contacts.html">Контакты</a></li> <li><a href="nashi_uslugi.html">Наши услуги</a></li> <li><a href="mastera_i_studii.html">Масте…

   Asked by Хелкар, November 17, 2011

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

   Нужно распечать расписку сформированную скриптом. Основа расписки это таблица, которая произвольно растягиватся на несколько листов. На каждом листе снизу должны быть графы для подписей и номер страницы вида 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
9. Посоветуйте книгу по HTML&CSS для изучения с нуля

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

   Asked by fofan, November 29, 2011

   0 votes
   6 answers
10. Div 100% в ie 9

    Всем доброе. Народ столкнулся с проблемой когда используется height div 100% и min-height 100% в ie 9. Суть проблемы при div height=100% дивы растягиваются на видимую часть экрана, но если текст привышает, то он выходит за границы <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> html, body { width:100%; height:100%; margin:0; padding:0; } #layer_0 { height:100%; background-color:#999999; } .layer_1 { height:100%; width:600px; background-color:#99CCFF; } .layer_2 { height:100%; wi…

    Asked by Alex Dark, October 17, 2011

    0 votes
    3 answers
11. Растягивание блока при большом содержимом

    Проблема: Две колонки на дивах. Первая растягивающаяся, у неё задан отступ справа, вторая такого же размера, что и отступ, и обтекает справа первую. Если в первую колонку вставить объект, ширина которого больше ширины экрана минус отступ, то этот объект начинает вылезать за границы колонки, а хотелось бы, чтоб колонка растягивалась под размер объекта (пусть даже от этого в окне появится горизонтальная полоса прокрутки), а вторая колонка по прежнему находилось справа от первой. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>ы</title> <style t…

    Asked by Adlaran, November 29, 2011

    0 votes
    0 answers
12. С XHTML на HTML 5

    На данный момент изучаю XHTML, CSS. Говорят HTML 5 сыроват, стоит пока работать на XHTML, а потом уже переходить на HTML 5? И не будет это трудно сделать если пока буду использовать и изучать XHTML?

    Asked by tini.kRyptoNite, November 27, 2011

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

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

    Asked by borus, November 28, 2011

    0 votes
    3 answers
14. Как сверстать оглавление как в книге?

    Вот что нужно сверстать: http://rghost.net/4477368/image.png Если словами то имеем три колонки, на каждом ряду первая и третья не фиксированного размера, а та, что по центру должна быть заставлена точками (я так понимаю это может быть border-bottom: 1px dotted black). Правая колонка выровнена по правому краю Типа вот такого: Ширина.........150 мм Высота..........200 мм Глубина.......3500 мм Подсткажите пжл как такое можно такое сверстать? Спасибо За примеры отдельное спасибо

    Asked by houdini, February 21, 2011

    0 votes
    3 answers
15. Элементы CSS браузеров!

    На вашем сайте нашел справочник по этим класс. Ну что-то типо -o- -moz-. Но вот инфу про это не нашел. Не подскажите как это называется и где можно прочитать что оно собой представляет?

    Asked by tini.kRyptoNite, November 27, 2011

    0 votes
    7 answers
16. Помогите с путём

    Может быть есть возможность помочь: в 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
17. Абсолютное позиционирование лишь по вертикали

    Здравствуйте, форумчане. Нужна Ваша помощь в одном вопросе. Буду очень благодарен за совет... Мне необходимо создать меню, чтобы оно было вроде как абсолютно позиционированно, но не совсем... Дело в том, что если абсолютно позиционировать меню относительно левого края, на маленьких мониторах оно будет залазить на контент, который расположен по центру, а на больших - будет далеко от контента, то есть близко к левому краю окна браузера. Нужно чтобы меню находилось в пределах колонки таблицы (по горизонтали). А по вертикали - бегало при скролинге... Вот здесь это хорошо реализовано http://www.samsung.com/ua/consumer/tv-av/t...&returnurl= Там меню размещено не относительн…

    Asked by Vedrys, November 16, 2010

    0 votes
    7 answers
18. Не растягивается по высоте

    Ребята проблемы с высотой. Верстка. Что можете подсказать.. Я похоже запутался с 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
19. Динамическая ширина DIV'a

    Доброго времени суток! Помогите, пожалуйста, новичку. Верстаю сейчас сайтик, и не дает мне покоя один момент: смотрим на — Есть галерея с горизонтальным скроллом, но ширина ее задается напрямую в CSS, а мне нужно как-то сделать, чтобы этот слой сам принимал необходимую ширину, в зависимости от содержимого. Ковыряюсь весь день — все тщетно. Единственный самый близкий вариант — через white-space:nowrap, но почему-то в Хроме не хочет работать. — Вот вариант через nowrap. Помогите, а?

    Asked by konfuzz, November 27, 2011

    0 votes
    1 answer
20. Векторная маска для изображений?

    Допустим есть картинка, но надо у это фотки, допустим, уголки вырезать, что бы они были прозрачными. Вот так: Если сохранить в png то размер во мноооого раз увеличивается относительно jpg. Пробовал подключать скрипт corners (или как-то так, на jQuery), но для него надо создать див вокруг картинки и когда фон не однородный на уголках они становятся белыми %-) Пробовал подключать ictinus, но он не работает в IE8. Скажите как вы решаете данную проблему?

    Asked by bob_24, November 27, 2011

    0 votes
    9 answers
21. Не могу разобраться с навигацией

    Здравствуйте, уважаемые форумчане. Есть задача: сверстать горизонтальную навигацию. По умолчанию ссылки показываются просто текстом, с этим я справился. А при наведении на их фоне появляется квадрат с закругленными углами. Причем этот квадрат будет оставаться на активной странице. Ну то есть, пока мы на главной он будет, как только переходим на страницу "Авторы", он появляется там. Надеюсь понятно. Не подскажете как реализовать?

    Asked by karim1717, November 25, 2011

    0 votes
    13 answers
22. Проблема с фоном в IE8

    Всем привет. У меня не отображается фон блока с контентом в ie8 http://arch-projects.ru/information.html В чем может быть причина?

    Asked by andreysolo, November 27, 2011

    0 votes
    2 answers
23. Антивирус и сайт

    Тут возникла такая проблема,у некоторых пользователей сайта(с антивирусом касперский) при его загрузке начинает ругаться на содержание вирусов,что можно сделать и как исправить кто нибудь может подсказать? *желательно по подробней Спасибо за ранее

    Asked by misnik92, November 27, 2011

    0 votes
    3 answers
24. Меню на JS

    вот тут верстка: ВЕРСТКА В общем меню надо сделать так, чтобы при наведении на любой участок раздела меню картинка этого пункта меню менялась с черно булой на цветную. Э это смог реализовать только когда наводишь непосредственно на саму картинку. Когда навожу на ссылку, картинка не меняется! Как сделать чтобы поменялась?? Сейчас я пытаюсь написать функцию на JQuery, но пока идей нет. Это то самое меню! <ul class="pages-menu"> <li><a href="#" title="#"><img src="images/home-a.png" onmouseover="this.src='images/home-h.png';" onmouseout="this.src='images/home-a.png';" />Главная</a></li> <li><a href="#" title=…

    Asked by WebMasterOleg, November 28, 2011

    0 votes
    8 answers
25. Дочерний DIV на всю длину родителя

    Здравствуйте! Не поможете с глупостью, а то что-то застопорился Имеется это: <style type="text/css"> #head { border: 1px solid; margin: 10px; } #left { float: left; width: 200px; border: 1px solid; margin: 10px; } #right { float: right; width: 400px; border: 1px solid; margin: 10px; } #top { border: 1px solid; margin: 10px; } #bottom { border: 1px solid; margin: 10px; } </style> <table border="1" align="center" height="100%" cellspacing="0" cellpadding="10"> <tr> <td> <table border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <td> <div id="head">head</div> …

    Asked by Electron, November 23, 2011

    0 votes
    10 answers