HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Размер шрифта в *.psd для CSS
Добрый вечер. Взялся верстать свой первый макет в *.psd. Сразу возник ряд вопросов ответы на которые поиск по форуму не дал. В *.psd есть текстовый слой, размер шрифта 20pt. Ставлю тоже в пунктах в CSS - совсем не то получается. Пытаюсь переводить в другие единицы измерения исходя из 12pt-16p-1em, снова глупости. Вопрос: как правильно переводить размер шрифта из *.psd в CSS ? И еще, в макете куча текстовых полей, отступов и т.д. Неужели что бы узнать размер отступа его надо "линейкой" мерять или включать сетку и присматриваться ? О_о И как пожелание хотелось бы увидеть на форуме мануал для новичков (или не очень) как верстать макет с *.psd. Тонкости использования графич…
0 votes12 answers -
gulp sass, не работает @import
Может кто сталкивался с подобным, не могу импортировать другие sass файлы в основной (main.sass) К примеру подключение стилей файла reset.sass: @import "test/reset"После запуска компилятора, появляется ошибка Гуглил, предлагают вставить строчку includePaths: ['./styles'],либо плагины. Но почему-то всё равно не получается(( gulpfile var gulp=require("gulp");var sass=require("gulp-sass");gulp.task('sass', function() { return gulp.src('work-build/sass/*.sass') .pipe(sass({ includePaths: ['public-build/css'] //это строка, которой предлагали лечить данную проблему, но всё равно не работает, может я неправильно путь указываю })) .p…
0 votes16 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 -
Как сделать этот сайт по центру?
Сверстан сайтик был в Imageready и потом в Dreamweaver. http://natalyfanya.narod.ru Как сделать, чтобы весь сайт всегда позиционировался по центру? И еще). Страница с видео в опере некорректно работает) может кто знает в чем загвоздка? в IE все ок. Спасибо огромное!
0 votes8 answers -
как переделать поиск на народе.
Хочу переделать народовский поиск. Изначально предлагается три варианта поиска, хочу оставить только один по сайту. Вот код который дали на народе. <table width=468 height=30 border=0 cellspacing=0 cellpadding=0> <tr><td width=4 valign=top><img src=http://narod.ru/images/search/5/clt1.gif width=4 height=4></td> <td rowspan=3 bgcolor=6D48CD><form action=http://narod.yandex.ru/cgi-bin/yandsearch><input type=hidden name=user value=e-njoy><input type=image src=http://narod.ru/images/search/5/find.gif border=0 width=56 height=19></td> <td width=100% rowspan=3 align=center bgcolor=6D48CD><font size=-1>…
0 votes29 answers -
Нельзя ли отключить наследование в объявлении стиля?
Не могу найти ответа. Здается мне, что W3C не предусмотрела отключение наследования стилей.
0 votes9 answers -
Как можно обратиться к родителю в CSS ?
Как можно обратиться к родителю в CSS ? В такой структуре : <li> <div class="author"></div> </li> Хочу сделать рамку, а как обратиться к li c класса не пойму ?
0 votes4 answers -
Как фон сайта сделать градиентом?
Хочу что бы фон у body был градиентом и при этом с рисунком что то вроде этого: Подскажите можно ли так сделать? Проблема в том что если бы я знала длину страницы то вырезала бы полоску и размножила, но особенность бекграунда повторяться и если после светлой картинки опять начнется затемненная, то это будет не красиво Думаю что можно было бы сделать маленькую картинку которую размножить на весь бекграунд а на нее наложить прозрачный фон с градиентом например до середины. А вот как это сделать... Можно ли с помощью css такое осуществить?
0 votes36 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 -
Установить ширину блока по ширине содержимого.
В спецификации CSS про свойство width написана интересная штука (http://www.htmlbook.ru/css/width.html) Если я вставляю в сайт с резиновой версткой одну картинку большой ширины, то появляется горизонтальный скроллер, но угловые элементы, по прежнему стоят у края окна броузера. Подскажите, можно ли сделать так, чтобы граница блока определялась границей контента ? Пример сайта вот здесь http://ulskiy.org.ua/example/
0 votes6 answers -
эффект перелистывания страниц
Эффект перелистывания страниц, можно как то реализовать? Явой или чемто еще?
0 votes7 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 -
Показать 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 -
боковины
Хочу попросить совета. Я хочу сделать у себя графичиские боковинки для сайта (узоры). Я слышал, что footer страницы прикрепляют с помощью JavaScript или CSS. Нужно ли, что-то подобное для боковинок?
0 votes34 answers -
отступы в таблице
Товарищи, с помощью таблиц делаю разбивку рисунка. IE выдает такой артефакт: между картинками появляется просвет, причем Opera отображает все нормально. Размеры таблицы подобраны четко по размерам рисунков. Это глюк IE или я что-то не так делаю?
0 votes20 answers -
Как растянуть слайдер на всю секцию?
Есть футер и есть шапка. Футер не фиксированный. Между ними контент. Первый экран контента один большой слайдер. Как его растянуть на всю секцию первого экрана? Шаблон адаптивный. Максимальная ширина контента 1200px. Пробую прикрутить jquery плагины со слайдерами, но как их вытянуть на высоту 100%? Думал через абсолют, но во всех слайдерах чёрт ногу сломит и где-то глубоко в коде скриптом задаются стили и позиционирование. И не факт, что абсолютом заведётся. То есть в итоге задача растянуть по высоте и ширине слайдер или бэкграунд слайдера, что бы он был на всю ширину экрана и резиновый по высоте. Но контент слайдера должен быть максимально по ширине 1200px при…
0 votes5 answers -
Меню
Подскажите как сделать меню http://clip2net.com/s/50Q11h
0 votes3 answers -
задний фон текста (HTML , CSS )
Здравствуйте уважаемые форумчани. Помогите пожалуйста разобраться с проблемой так как я новичек и просто уже сил нету искать выход с этой ситуации : Нужно чтобы текст ( или блок текста ) лежал на простеньком фоне.Да так , чтоб фон не выходил за пределы этого текста .Тоисть где текст начался там и фон. Где закончился , там и фон закончился наш. <!DOCTYPE html> <html> <head> <title>Дочерние селекторы</title> <style type="text/css"> .ColorRed{ background: red; } MyBlock{ margin-left : 50px; } </style> </head> <body> <p class = "ColorRed">blablalbalbalba blablabla bla blablalbablablalbalb…
0 votes6 answers -
Растягивание div по высоте родителя
Приветствую профессионалов и новичков html/css Столкнулся со старой проблемой - как растянуть див по высоте родителя. Не кидайте в меня тапком и не отсылайте в гугл, ибо моя проблема несколько отличается от привычной. В верстке я использовал bootstrap, а конкретнее колоночную верстку (col-lg, col-md, col-sm и так далее). Выглядит это так: Как можно заметить, левая колонка не дотягивает до низу. Точнее не дотягивает полупрозрачный коричневый фон. И все бы ничего, можно было бы использовать старый добрый "margin-bottom:-6000px; padding-bottom:6000px;", но при разрешении экрана 320/480 (читай смартфон) колонки встают друг за другом по вертикали, вот так: И полупрозрачный…
0 votes7 answers -
Как автоматизировать перенос части базы данных из Экселя на сайт???
Доброго времени суток. Очень понравился сайт. Давно им пользуюсь и почти всегда нужную инфу находил. Задача: есть база в екселе, которая обновляется каждый день. (как-то так сложилось изначально) Есть сайт, на нем страничка с таблицой, в которой отображается часть данных базы екселя. Сейчас все происходит в ручную и очень занудно. Как бы этот процесс автоматизировать, т.е. один раз сделать верстку таблицы, а обновлять только данные в ячейках, а не всю таблицу заново? Может XML? Слышал про php скрипты, но в php я совсем лузер. Помогите, плииииз!
0 votes24 answers -
Как спрятать блок за экран без горизонтальной прокрутки?
У сайта есть блок div с элементом графики (красный блок), который не влезает в разрешение 1024, т.е. виден только в более высоком разрешении. Как сделать, чтобы браузеры не реагировали на него и не появлялась горизонтальная прокрутка в меньших разрешениях?
0 votes15 answers -
DIV "вываливается" за пределы родительског DIV
есть CSS #container {border:1px solid red;} #body {width: 1024px; margin: 0px auto; position: relative; border:8px solid red; } #header {width: 1024px; height: 231px; background-image: url(img/header.jpg); border:1px solid red; } #post {width: 724px; height: 231px; float: right; border: 1px solid red; } HTML <div id="container"> <div id="body"> <div id="header"> </div> <div id="post"> </div> </div> </div> DIV - container - по размеру сайта DIV - Body центрируется и в него помещается "Голова…
0 votes4 answers -
Картинка в div'e и текст рядом
Здравствуйте! Что нужно добавить в css, что бы текст был рядом с картинкой которая вызывается из div'a, а не переносился на другую строку? Код CSS: #ct1 { background: url(images/write.png) repeat 0 0; width: 27px; height: 27px;} HTML: <div id="ct1"></div><font size="5" color="#6699FF"><b>Оставить отзыв</b></font> Скриншот: (нужно сделать чтоб было на одной строчке) Вариант просто использовать img src не годится, т.к. хочется чтоб картинка была "вшита" в дизайн и не выделялась. Спасибо!
0 votes2 answers -
Не растягивается div по содержимому
Не могу понять почему div c классом Content, не хочет растягиваться по содержимому. Внутренние блоки, почему-то располагаются снаружи этого контейнера. html <div class="header"> </div> <div class="LineOne"> </div> <div class="Content"> Текст для проверки <div class="leftside"> Текст для проверки </div> <div class="rightside"> <div class="Right"> </div> </div> </div> <div class="LineTwo"> </div> <div class="footer"> HOME | ABOUT US </div> css * {margin: 0;padding: 0;} html, body {background: url(../img/background.jpg) repeat;} .h…
0 votes3 answers -
Таблица + таблица + таблица. ?
Ну вот появилась проблемка. То что нужно сделать сложную верстку. И для этого нужно делать несколько таблиц. Так вот что-то не получается у меня сделать 2 таблицы рядом друг с другом. Тег никакой не могу найти как сделать это. Помогите плиз!!!!
0 votes26 answers