HTML Coding

29542 questions in this forum

1. Компановка div-ов разной высоты

   Можно ли как-то разместить дивы чтобы они выглядели как на картинке? У всех одинаковая ширина и разная высота, и одинаковое(или +- 1 див) количество дивов в столбце Каждый цвет это отедльный блок Я нашел плагин для jquery http://masonry.desandro.com/ который делает что мне надо, но хотелост бы для начала обойтись без JS

   Asked by artishok, October 25, 2011

   0 votes
   9 answers
2. боковины

   Хочу попросить совета. Я хочу сделать у себя графичиские боковинки для сайта (узоры). Я слышал, что footer страницы прикрепляют с помощью JavaScript или CSS. Нужно ли, что-то подобное для боковинок?

   Asked by Lautes, May 18, 2007

   0 votes
   34 answers
3. Совсем запутался.

   Я не знаю как решить проблему. Передо мной стоит задача реализовать меню вида >Главная страница >Регистрация >Вход В случае входа пользователя, чтобы она менялась на >Главная страница >Профиль >Выход Код менюшки у меня такой (vmenu.tpl) [url="http://%22$HOME_PAGE_LINK%7B:content:%7Dquot;"]Главная[/url] {if #user# == 1} [url="http://%22$PERSONAL_PAGE_LINK%7B:content:%7Dquot;"]Профиль[/url] {else} [url="http://%22$REGISTER_LINK%7B:content:%7Dquot;"]Регистрация[/url] {/if} {if #user# == 1} [url="http://%22$LOGOUT_LINK%7B:content:%7Dquot;"]Выход[/url] {else} [url="http://%22$LOGIN_LINK%7B:content:%7Dquot;"]Вход[/url] {/if} вызы…

   Asked by SiRius, February 14, 2008

   0 votes
   20 answers
4. Как растянуть блок на оставшуюся высоту экрана?

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

   Asked by Razor, June 19, 2009

   0 votes
   3 answers
5. Увеличение картинки по клику средствами CSS.

   Здравствуйте. Нашел в сети стиль для увеличения картинки по клику. Всё бы хорошо, но при наведении мыши на миниатюру, курсор не слушается команды: cursor: pointer; , отображается стрелка. Зато когда картинка увеличилась, отображается курсор: cursor: zoom-out; Так же не получается сделать рамку и тень вокруг увеличившейся картинки, использую такие команды: box-shadow: 3px 3px 5px rgba(0,0,0,0.5); border: solid 1px rgba(210,210,210,.4); Вот полный текст стиля: img.foto_smal-big { cursor: pointer; border: none; /* Убираем рамку */ margin-top: 0; margin-bottom: 10px; margin-left: 15px; margin-right: 15px; float: l…

   Asked by Kompilator, September 5, 2016

   • css
   0 votes
   5 answers
6. Проблема с отображением опросов

   У меня в шаблоне плохо отображаются опросы. Вот скрин: Слишком большой отступ между вариантами ответов. Как можно это исправить? Вот файл default.css: html,body {font-size:11px; color:#5a5a5a; font-family:tahoma; background:#262a2d;} * {margin:0; padding:0;} img {border:0px;} div {vertical-align:top;} ul {list-style:none;} form {padding:0px; margin:0px;} h1 {letter-spacing:-1px; font-weight:normal; font-size:22px;} textarea {border: 1px #dadada solid;} input {font-size:11px; color:#666; padding: 3px 0 0 3px;} button {color:#666;} #wrapper {width:expression((documentElement.clientWidth||document.body.clientWidth)<1004?'1004px':''); min-width:1004px;} *:first-child+…

   Asked by Liciero, November 16, 2008

   0 votes
   2 answers
7. Отступы

   Всем здрасте! Вобщем возникла такая вот проблемка - надо сделать отступы например в 10px у главного блока,но когда я назначаему ему эти отступы например: <div style="width:100%;height:100%;margin: 10px;"></div> ,то появляется вертикальная полоса прокрутки. В чём проблема?И как сделать так что бы это полосы не было? Для наглядности выкладываю скрин того что должно получиться

   Asked by Cabalist, June 17, 2009

   0 votes
   58 answers
8. Размер шрифта в *.psd для CSS

   Добрый вечер. Взялся верстать свой первый макет в *.psd. Сразу возник ряд вопросов ответы на которые поиск по форуму не дал. В *.psd есть текстовый слой, размер шрифта 20pt. Ставлю тоже в пунктах в CSS - совсем не то получается. Пытаюсь переводить в другие единицы измерения исходя из 12pt-16p-1em, снова глупости. Вопрос: как правильно переводить размер шрифта из *.psd в CSS ? И еще, в макете куча текстовых полей, отступов и т.д. Неужели что бы узнать размер отступа его надо "линейкой" мерять или включать сетку и присматриваться ? О_о И как пожелание хотелось бы увидеть на форуме мануал для новичков (или не очень) как верстать макет с *.psd. Тонкости использования графич…

   Asked by Kelenar, April 25, 2011

   0 votes
   12 answers
9. выравнивание картинок внутри контейнера div

   Здраствуйте, что то я бился бился головой об стену, но в упор не вижу какую я ошибку сделал. В общем суть в следующем. Есть макет фотоальбома, выравнивание картинок друг относительно друга сделано по тупому с помощью таблицы. Внутри каждой ячейки таблицы находятся два вложенных друг в друга div'a, в последнем из них находится картинка. В итоге результат такой: http://www.artunion.cellbiol.ru/fotoalbum/...ery/album.shtml Необходимо чтоб рамка второго вложенного дива плотно прилегала к рисунку, а рисунок в свою очередь был бы расположен как див. Вот код shtml: <!--#set var="title" value="Галерея." --> <!--#include virtual="/ssi/header.html" --> <td valign="…

   Asked by DMGaster, June 16, 2007

   0 votes
   13 answers
10. Нельзя ли отключить наследование в объявлении стиля?

    Не могу найти ответа. Здается мне, что W3C не предусмотрела отключение наследования стилей.

    Asked by freeneutron, February 8, 2009

    0 votes
    9 answers
11. Как сделать этот сайт по центру?

    Сверстан сайтик был в Imageready и потом в Dreamweaver. http://natalyfanya.narod.ru Как сделать, чтобы весь сайт всегда позиционировался по центру? И еще). Страница с видео в опере некорректно работает) может кто знает в чем загвоздка? в IE все ок. Спасибо огромное!

    Asked by jazzz777, November 6, 2008

    0 votes
    8 answers
12. отступы в таблице

    Товарищи, с помощью таблиц делаю разбивку рисунка. IE выдает такой артефакт: между картинками появляется просвет, причем Opera отображает все нормально. Размеры таблицы подобраны четко по размерам рисунков. Это глюк IE или я что-то не так делаю?

    Asked by raven, July 26, 2007

    0 votes
    20 answers
13. Таблица + таблица + таблица. ?

    Ну вот появилась проблемка. То что нужно сделать сложную верстку. И для этого нужно делать несколько таблиц. Так вот что-то не получается у меня сделать 2 таблицы рядом друг с другом. Тег никакой не могу найти как сделать это. Помогите плиз!!!!

    Asked by lenster, March 25, 2009

    0 votes
    26 answers
14. Показать div по выбору из select

    Добрый день. Пробую сделать такую вещь, но не выходит: Есть страница: <html> <head> </head> <body> <select name='Count'> <option value="1/54">1/54</option> <option value="2/54">2/54</option> <option value="3/54">3/54</option> <option value="4/54">4/54</option> </select> <div id="1/54" style="display: none">1/54</div> <div id="2/54" style="display: none">2/54</div> <div id="3/54" style="display: none">3/54</div> <div id="4/54" style="display: none">4/54</div> </body> </html> Подскажите пожалуйста, как сделать так, чтоб п…

    Asked by neutron, February 3, 2011

    0 votes
    12 answers
15. Не работает display:inline-block

    Добрый день друзья. Есть вопрос по поводу верстки, верстаю макет - и в блоке услуг не могу выравнить блоки с видами ремонта в одну линию, задал в hmtl класс, в css - задал отступы и display:inline-block, и ничего не происходит. div class="row"> <div class="col-md-12"> <div class="mc_wrap"> <div class="mc_item_wrap"> <div class="mc_item"> 12345677 </div> <div class="mc_item"> 12345677 …

    Asked by Владимир Горинов, December 7, 2016

    • div
    0 votes
    6 answers
16. эффект перелистывания страниц

    Эффект перелистывания страниц, можно как то реализовать? Явой или чемто еще?

    Asked by -O-J-A-, August 30, 2010

    0 votes
    7 answers
17. Как можно обратиться к родителю в CSS ?

    Как можно обратиться к родителю в CSS ? В такой структуре : <li> <div class="author"></div> </li> Хочу сделать рамку, а как обратиться к li c класса не пойму ?

    Asked by Saturn, October 19, 2011

    0 votes
    4 answers
18. Зависимые чекбоксы

    Вот есть два чекбокса: <input type="checkbox"> <input type="checkbox" disabled> Скажите, как сделать, чтобы при выборе первого, второй становился активным и если второй выбран, то после снятия галочки с первого, второй становился бы снова неактивным и ещё и невыбранным.

    Asked by sergey_sergey, February 2, 2010

    0 votes
    34 answers
19. Есть вопросы по сайту. Помогите!

    Вот мой сайт: http://www.kolpino-remont.ru/ А вот вопросы: 1. Как сделать чтобы шапка сайта растягивалась по размеру окна? И чтобы она на сайте была 100% от своего размера. 2. Как в списке рубрик строку "Каталог организаций" сделать чтобы она не выделялась при наведение курсора? 3. Как отступ текста до рамки в последней строчке списка увеличить? 4. Как счетчик сместить в право? Если еще найдете глюки напишите. Буду очень благодарен.

    Asked by SYS1984, January 27, 2011

    0 votes
    96 answers
20. Растягивание div по высоте родителя

    Приветствую профессионалов и новичков html/css Столкнулся со старой проблемой - как растянуть див по высоте родителя. Не кидайте в меня тапком и не отсылайте в гугл, ибо моя проблема несколько отличается от привычной. В верстке я использовал bootstrap, а конкретнее колоночную верстку (col-lg, col-md, col-sm и так далее). Выглядит это так: Как можно заметить, левая колонка не дотягивает до низу. Точнее не дотягивает полупрозрачный коричневый фон. И все бы ничего, можно было бы использовать старый добрый "margin-bottom:-6000px; padding-bottom:6000px;", но при разрешении экрана 320/480 (читай смартфон) колонки встают друг за другом по вертикали, вот так: И полупрозрачный…

    Asked by maxakagaret, May 21, 2014

    • div
    • height
    0 votes
    7 answers
21. overflow hidden в IE

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> #hidden{ width:100%; overflow:hidden; } table{ border-collapse:collapse; } td{ border:1px solid #000; } </style> </head> <body> <table border="1"> <tr> <td width="300"> </td> <td> </td> </tr> <tr> <td> </td> <td> <div id="hidden"> <table width="1000"> <tr> <td width="200">ТЕКСТ</td> <td width…

    Asked by YETI, June 20, 2007

    0 votes
    8 answers
22. Как растянуть слайдер на всю секцию?

    Есть футер и есть шапка. Футер не фиксированный. Между ними контент. Первый экран контента один большой слайдер. Как его растянуть на всю секцию первого экрана? Шаблон адаптивный. Максимальная ширина контента 1200px. Пробую прикрутить jquery плагины со слайдерами, но как их вытянуть на высоту 100%? Думал через абсолют, но во всех слайдерах чёрт ногу сломит и где-то глубоко в коде скриптом задаются стили и позиционирование. И не факт, что абсолютом заведётся. То есть в итоге задача растянуть по высоте и ширине слайдер или бэкграунд слайдера, что бы он был на всю ширину экрана и резиновый по высоте. Но контент слайдера должен быть максимально по ширине 1200px при…

    Asked by tefery, December 22, 2016

    • jquery
    • slider
    • адаптивность
    0 votes
    5 answers
23. Всплывающее окно

    Имеется вот такая штука: Как ее грамотно заверстать? На ум приходит только либо таблца 3х3, или же дивами (там из тоже будет много). Расскажите, кто как делает подобные вещи? P.S. Также нужно отметить, что окно должно тянуться как по горизонтали, так и во вертикали. Тень и углы - естественно полупрозрачные. Спасибо за любую инфу...

    Asked by DjTarik, October 28, 2009

    0 votes
    66 answers
24. Установить ширину блока по ширине содержимого.

    В спецификации CSS про свойство width написана интересная штука (http://www.htmlbook.ru/css/width.html) Если я вставляю в сайт с резиновой версткой одну картинку большой ширины, то появляется горизонтальный скроллер, но угловые элементы, по прежнему стоят у края окна броузера. Подскажите, можно ли сделать так, чтобы граница блока определялась границей контента ? Пример сайта вот здесь http://ulskiy.org.ua/example/

    Asked by Casufi, October 10, 2007

    0 votes
    6 answers
25. Админка

    я понимаю, что вопрос немного расплывчатый.. но все же, может, что-нибудь проясните вообще по этому поводу.. как делают админки?

    Asked by Alex_Mak, November 15, 2008

    0 votes
    29 answers