HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Компановка div-ов разной высоты
Можно ли как-то разместить дивы чтобы они выглядели как на картинке? У всех одинаковая ширина и разная высота, и одинаковое(или +- 1 див) количество дивов в столбце Каждый цвет это отедльный блок Я нашел плагин для jquery http://masonry.desandro.com/ который делает что мне надо, но хотелост бы для начала обойтись без JS
0 votes9 answers -
боковины
Хочу попросить совета. Я хочу сделать у себя графичиские боковинки для сайта (узоры). Я слышал, что footer страницы прикрепляют с помощью JavaScript или CSS. Нужно ли, что-то подобное для боковинок?
0 votes34 answers -
Совсем запутался.
Я не знаю как решить проблему. Передо мной стоит задача реализовать меню вида >Главная страница >Регистрация >Вход В случае входа пользователя, чтобы она менялась на >Главная страница >Профиль >Выход Код менюшки у меня такой (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} вызы…
0 votes20 answers -
Как растянуть блок на оставшуюся высоту экрана?
Допустим у нас заполнена половина экрана блоком с известной высотой, второй блок (под ним) должен растягиваться до конца экрана. Вот, хотяб приблезительно как сделать можно?)
0 votes3 answers -
Увеличение картинки по клику средствами 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…
0 votes5 answers -
Проблема с отображением опросов
У меня в шаблоне плохо отображаются опросы. Вот скрин: Слишком большой отступ между вариантами ответов. Как можно это исправить? Вот файл 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+…
0 votes2 answers -
Отступы
Всем здрасте! Вобщем возникла такая вот проблемка - надо сделать отступы например в 10px у главного блока,но когда я назначаему ему эти отступы например: <div style="width:100%;height:100%;margin: 10px;"></div> ,то появляется вертикальная полоса прокрутки. В чём проблема?И как сделать так что бы это полосы не было? Для наглядности выкладываю скрин того что должно получиться
0 votes58 answers -
Размер шрифта в *.psd для CSS
Добрый вечер. Взялся верстать свой первый макет в *.psd. Сразу возник ряд вопросов ответы на которые поиск по форуму не дал. В *.psd есть текстовый слой, размер шрифта 20pt. Ставлю тоже в пунктах в CSS - совсем не то получается. Пытаюсь переводить в другие единицы измерения исходя из 12pt-16p-1em, снова глупости. Вопрос: как правильно переводить размер шрифта из *.psd в CSS ? И еще, в макете куча текстовых полей, отступов и т.д. Неужели что бы узнать размер отступа его надо "линейкой" мерять или включать сетку и присматриваться ? О_о И как пожелание хотелось бы увидеть на форуме мануал для новичков (или не очень) как верстать макет с *.psd. Тонкости использования графич…
0 votes12 answers -
выравнивание картинок внутри контейнера div
Здраствуйте, что то я бился бился головой об стену, но в упор не вижу какую я ошибку сделал. В общем суть в следующем. Есть макет фотоальбома, выравнивание картинок друг относительно друга сделано по тупому с помощью таблицы. Внутри каждой ячейки таблицы находятся два вложенных друг в друга div'a, в последнем из них находится картинка. В итоге результат такой: http://www.artunion.cellbiol.ru/fotoalbum/...ery/album.shtml Необходимо чтоб рамка второго вложенного дива плотно прилегала к рисунку, а рисунок в свою очередь был бы расположен как див. Вот код shtml: <!--#set var="title" value="Галерея." --> <!--#include virtual="/ssi/header.html" --> <td valign="…
0 votes13 answers -
Нельзя ли отключить наследование в объявлении стиля?
Не могу найти ответа. Здается мне, что W3C не предусмотрела отключение наследования стилей.
0 votes9 answers -
Как сделать этот сайт по центру?
Сверстан сайтик был в Imageready и потом в Dreamweaver. http://natalyfanya.narod.ru Как сделать, чтобы весь сайт всегда позиционировался по центру? И еще). Страница с видео в опере некорректно работает) может кто знает в чем загвоздка? в IE все ок. Спасибо огромное!
0 votes8 answers -
отступы в таблице
Товарищи, с помощью таблиц делаю разбивку рисунка. IE выдает такой артефакт: между картинками появляется просвет, причем Opera отображает все нормально. Размеры таблицы подобраны четко по размерам рисунков. Это глюк IE или я что-то не так делаю?
0 votes20 answers -
Таблица + таблица + таблица. ?
Ну вот появилась проблемка. То что нужно сделать сложную верстку. И для этого нужно делать несколько таблиц. Так вот что-то не получается у меня сделать 2 таблицы рядом друг с другом. Тег никакой не могу найти как сделать это. Помогите плиз!!!!
0 votes26 answers -
Показать 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> Подскажите пожалуйста, как сделать так, чтоб п…
0 votes12 answers -
Не работает 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 …
0 votes6 answers -
эффект перелистывания страниц
Эффект перелистывания страниц, можно как то реализовать? Явой или чемто еще?
0 votes7 answers -
Как можно обратиться к родителю в CSS ?
Как можно обратиться к родителю в CSS ? В такой структуре : <li> <div class="author"></div> </li> Хочу сделать рамку, а как обратиться к li c класса не пойму ?
0 votes4 answers -
Зависимые чекбоксы
Вот есть два чекбокса: <input type="checkbox"> <input type="checkbox" disabled> Скажите, как сделать, чтобы при выборе первого, второй становился активным и если второй выбран, то после снятия галочки с первого, второй становился бы снова неактивным и ещё и невыбранным.
0 votes34 answers -
Есть вопросы по сайту. Помогите!
Вот мой сайт: http://www.kolpino-remont.ru/ А вот вопросы: 1. Как сделать чтобы шапка сайта растягивалась по размеру окна? И чтобы она на сайте была 100% от своего размера. 2. Как в списке рубрик строку "Каталог организаций" сделать чтобы она не выделялась при наведение курсора? 3. Как отступ текста до рамки в последней строчке списка увеличить? 4. Как счетчик сместить в право? Если еще найдете глюки напишите. Буду очень благодарен.
0 votes96 answers -
Растягивание div по высоте родителя
Приветствую профессионалов и новичков html/css Столкнулся со старой проблемой - как растянуть див по высоте родителя. Не кидайте в меня тапком и не отсылайте в гугл, ибо моя проблема несколько отличается от привычной. В верстке я использовал bootstrap, а конкретнее колоночную верстку (col-lg, col-md, col-sm и так далее). Выглядит это так: Как можно заметить, левая колонка не дотягивает до низу. Точнее не дотягивает полупрозрачный коричневый фон. И все бы ничего, можно было бы использовать старый добрый "margin-bottom:-6000px; padding-bottom:6000px;", но при разрешении экрана 320/480 (читай смартфон) колонки встают друг за другом по вертикали, вот так: И полупрозрачный…
0 votes7 answers -
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…
0 votes8 answers -
Как растянуть слайдер на всю секцию?
Есть футер и есть шапка. Футер не фиксированный. Между ними контент. Первый экран контента один большой слайдер. Как его растянуть на всю секцию первого экрана? Шаблон адаптивный. Максимальная ширина контента 1200px. Пробую прикрутить jquery плагины со слайдерами, но как их вытянуть на высоту 100%? Думал через абсолют, но во всех слайдерах чёрт ногу сломит и где-то глубоко в коде скриптом задаются стили и позиционирование. И не факт, что абсолютом заведётся. То есть в итоге задача растянуть по высоте и ширине слайдер или бэкграунд слайдера, что бы он был на всю ширину экрана и резиновый по высоте. Но контент слайдера должен быть максимально по ширине 1200px при…
0 votes5 answers -
Всплывающее окно
Имеется вот такая штука: Как ее грамотно заверстать? На ум приходит только либо таблца 3х3, или же дивами (там из тоже будет много). Расскажите, кто как делает подобные вещи? P.S. Также нужно отметить, что окно должно тянуться как по горизонтали, так и во вертикали. Тень и углы - естественно полупрозрачные. Спасибо за любую инфу...
0 votes66 answers -
Установить ширину блока по ширине содержимого.
В спецификации CSS про свойство width написана интересная штука (http://www.htmlbook.ru/css/width.html) Если я вставляю в сайт с резиновой версткой одну картинку большой ширины, то появляется горизонтальный скроллер, но угловые элементы, по прежнему стоят у края окна броузера. Подскажите, можно ли сделать так, чтобы граница блока определялась границей контента ? Пример сайта вот здесь http://ulskiy.org.ua/example/
0 votes6 answers -
Админка
я понимаю, что вопрос немного расплывчатый.. но все же, может, что-нибудь проясните вообще по этому поводу.. как делают админки?
0 votes29 answers