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
-
Посоветуйте курсы для обучения верстке
Привет, друзья и соратники. Наверняка подобные темы создавались не однократно здесь, поэтому заранее очень извиняюсь за плагиат =) Я занимаюсь дизайном сайтов (psd-фотошоп) уже несколько лет, всё устраивает, всё нравится. Очень давно хочу изучить верстку, но всё руки не доходили, то проекты, то еще какие-то дела, то лень =) Товарищ посоветовал начать изучение с видеокурса Петрова (Специалист по-моему называется). Что скажите? Насколько хороший курс? Просто хочется изначально получать грамотную информацию (я страшный перфикционист), чтобы потом не пришлось переучиваться. Посмотрел первые пару серий, вроде понравилось. Планирую после прохождения данных уроков, изучить С…
0 votes15 answers -
Подсветка текста через hover
Увидел такую фишку: при наведении на текст он подсвечивается зеленым. (не работает это в IE). Я думаю это конечно через hover, только не знаю как =(
0 votes10 answers -
frD-background не отображается
Вчера отображался, а сейчас нет( И не знаю в ч?м проблема. Ставишь "букву" или "число" отображается, а как только их убир?шь, то и след простыл. Как вы думаете в ч?м может быть проблема?
0 votes31 answers -
Прыгает текст при наведении
Как можно сделать, чтобы ширина пунктов при наведении и в обычном состоянии была одинакова, т.е. чтобы рамка находилась на одном месте? http://jsbin.com/igADaWA/6
0 votes8 answers -
Программа для создания сайтов
Здравствуйте Ребят... я вот решил заняться созданием сайтов.... посоветуйте с HTML редактором.
0 votes36 answers -
Срезанный угол слоя
Подскажите, пожалуйста, как сделать срезанный угол у div'a при помощи CSS? Помимо этого, слой вместе с углом должен менять цвет при наведении курсора. Как должно выглядеть:
0 votes2 answers -
div внутри input
Привет, подскажите, как поместить div внутри input (ввод текста). Например, пиктограмма поиска как ссылка в поле ввода текста. Возможно ли такое?
0 votes3 answers -
стилизация тега video
помогите пожалуйста советом непонятно как можно стилизовать панель html5-тега video. понятно, что там все элементы представляют себя псевдоэлементы. и даже, поискав в интернетах, можно названия этих псевдоэлементов получить. но ни ff, ни chrome не показывают ни одного псевдоэлемента. а хотелось бы увидеть
0 votes4 answers -
DIV, минимальная высота, растягивание
Добрый день. Подскажите - есть ли способ задать для DIV-а минимальную высоту? Если установить значение напрямую "height:300px" - то при превышении этой высоты контент вылезает за область дива и накладывается на следующий элемент, которые позиционируется за данным div_ом. Единственное решение, найденное мною - вставлять в данный див таблицу и указывать ей высоту (не трогая при этом height самого дива). Но хотелось бы обойтись одними CSS. Заранее благодарен.
0 votes6 answers -
Средства отделения логической разметки страницы от действительной.
Механизмы CSS разработаны, чтобы хранить сами страницы отдельно от стилей форматирования. Это логично. Сделано это, чтобы избежать избыточности, ведь на сайте сотни страниц могут быть отформатированы одними стилями, для которых нужен одинаковый код. Удобно хранить его в одном файле. Изменил файл — изменился весь сайт. Но что делать, когда нужно, чтобы одинаковым было не только форматирование, но и другое. Не знаю, как это «другое» назвать, так что буду приводить примеры — сколько придумаю. Одинаковый футер для всех страниц сайта. И/или хэдер (имею в виду, допустим, логотип фирмы, дополнительные ссылки там и так далее). Или навигационную панель, скажем, слева… То ест…
0 votes20 answers -
Эффект затемнения всей страницы
Есть кнопка, нажимаем на неё и появляется окошко созданное с помощью div тега... Как реализовать следующее...? При нажатии на кнопку нужно создать эффект затемнения всей страницы кроме того окошка которое мы открыли. Благодарю за помощь тем кто поможет
0 votes6 answers -
выпадающее меню теснит контент
UPD: залил всё на jsfiddle, приношу извинения, что сразу не подумал об этом http://jsfiddle.net/BrainExploded/tG6F8/3/ Выпадающее меню, как видно в примере, сдвигает вниз всю дальнейшую разметку. Хау ту: 1)сделать, чтобы выпадающее меню не влияло на положение остальных элементов при, собственно, выпадании? 2)организовать возможность того, чтобы выпадающий список был любой ширины, притом, чтобы его ширина не распирала родительский список? Т.е. чтобы само меню было всегда со своими ширинами, а выпадающее подменю - со своими, но не меньше, чем ширина основного пункта меню. Тогда можно будет не указывать фиксированную ширину для пунктов, и она будет состоять из ширины текста…
0 votes3 answers -
Здравый смысл Vs bootstrap
Вопрос с подковыркой. Занимаюсь версткой ни так долго порядка года. Чистый CSS и HTML знаю нормально + где надо JS. Но на фрилансерских сайтах часто натыкаюсь на заказы типо "сверстать под фреймворк *****" задался вопросом что надо учить, раз рынок требует, выбрал bootstrap. Прочтение мануала ввело меня в полнейший ступор. Фреймворк тяжелый сам по себе подключает ряд библиотек на джава, использует LESS и много букв кода. так вот собственно вопрос технология CSS создавалась чтобы вынести все стили в отдельный файл и как следствие сделать более читабельным HTML код а здесь я вижу чтобы вместо того чтобы банальному банальный display: inline-block; присвоен целый класс, кото…
0 votes8 answers -
Статический фон сайта
Я долго пытаюсь, но ни чего не выходит, как сделать так, что бы фон был статическим? Т.е. когда на странице много всего и нужно просмотреть что-то ниже, мы берём вертикальный бегунок и перемещаем ниже, так как сделать так, что бы при перемещении бегунка, фон не уходил вверх/вниз вместе с содержимым сайта, а остовался в том положении на экране, в каком он есть? Подскажите пожалуйста.
0 votes2 answers -
a: active - не работает
Доброго всем! Подскажите, вот такой код #menu li a:hover, #menu li a:active { color: #AF1515; background: url(../images/menu.gif) no-repeat center bottom; } нужно что бы при наведении на ссылку и при нажатии на нее был один и тот же рисунок, тоесть пользователь нажал на "главная" - рисунок на ссылке "главная", нажал на другую - рисунок на ней a:hover работает, а вот a:active - не хочет
0 votes33 answers -
выравнивание по нижней границе блока
Есть внешний <div> внутри него <div> c текстом. Задача- выровнять текст относительно нижней границы внешнего блока. Мне казалось логичным сделать это с помощью margin-bottom. Но нифига. Относительно левой границы margin-left работает, относительно верхней границы margin-top работает и смещает блок, а вот изменение margin-bottom ни к чему не приводит...
0 votes10 answers -
Не помогает cellpadding
В таблице текст налипает на рамку, указываю параметр cellpadding="10", чтоб было точно видно, что он работает или нет. И никакого результата не происходит вообще в люобм браузере. Посоветуйте пожалуйста, мож чё не так делаю? <table border="1" cellpadding="10" align="left" width="530"> <tr> <td width="72" valign="top"><p align="center"><strong>1 день</strong></p></td>.....
0 votes8 answers -
А зачем вообще нужен id?
Заметил, что многие люди структуру странички делают так: шапка - id, content - id, footer - id, остальные дивы в классах. Это делается просто для подчёркивания уникальности этих блоков? или в другом причина?
0 votes26 answers -
Скроллинг таблицы внутри дива
Проблема такая: есть таблица, у каждой колонки явно (в теге TD) указана ширина, общая ширина таблицы допустим 800px теперь оборачиваю ее в div с явно указанной шириной 600px и таблица пытается схлопнуться, т.е. колонки уже не реагируют на указанную явно ширину, а приобретают как можно меньшую ширину Вопрос: каким образом сделать так чтобы ширины колонок таблицы сохранились в еньшем по ширине div-е? (т.е. шоб таблица сохранила свои размеры, а в диве появился скролинг) css дива по id: #d {overflow: auto; width: 600px;}
0 votes4 answers -
Стиль шрифта
Собственно крупные шрифты приходиться делать в фотошопе и сохранять png и пофиксиным вставлять! А как сделать чтобы в css был параметр который смягчал обрубленность краев границ букв, если например выводишь так стиль: #font { color: #8c8c8c8c; font: 12pt Trebuchet MS, Verdana; text-decoration: none; }
0 votes39 answers -
Таблица и height 100%
есть код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <table border=0 height="425" width="568" cellpadding="0" cellspacing="0"> <tr><td width="555" valign="top" height="100%"> <p></p> </td> <td width="13" valign="top" style="display:block"> <table height="100%" width="13" cellpadding="0" cellspacing="0" > <tr> <td height="130" bgcolor="GREEN"></td><tr><td height="100%" bgcolor="RED"> </td></tr><tr> <td height="195" bgcolor="PINK"></td></tr> </tabl…
0 votes9 answers -
замена текста на странице при клике на ссылку
Здравствуйте, подскажите пожалуйста: Как заменить на странице текст нажатием на кнопку? Допустим есть страница с таблицей в которой текст на английском языке. И при нажатии на кнопку "русский" английский текст заменяется на русский, без перехода на другую страницу. Большое спасибо.
0 votes4 answers -
Выранивем див по центру padding:0 auto; и в IE input преса?т работать.
Есть блок, в н?м импуты я его выраниваю по ентру документа при помши margin:0 auto; В итоге в IE 6, 7 инпуты перестают работать . Как это вылечить? Вот код XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <link href="admin/adminauth.css" rel="stylesheet" type="text/css" /> <title></title> </head> <body> <form action="admin.php?cmd=login" method="post"> <div class="auth"> <h1>Авторизация</h1&…
0 votes12 answers -
Расстояние для тега <br>
Подскажите пожалуйста, как можно уменьшить расстояние в теге <br>. Чтобы отступ был поменьше, чем стандартный. P.S. смотрел на сайте, там только для элементов <p> есть такая штука...
0 votes20 answers -
Две формы на одной странице
Здравствуйте. Помогите с советом, сам не знаю как сделать. На странице есть форма обратной связи методом post. Код формы: <form name="sentMessage" id="contactForm" novalidate> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Представьтесь..." id="name" required data-validation-required-message="Пожалуйста напишете своё имя."> <p class="help-block text-danger"></p> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="Ваш Email...…
0 votes15 answers