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
-
Адаптивный дизайн
Разрабатываю адаптивный дизайн для сайт при помощи CSS3 Media Queries. Сайт будет прибывать в 3 состояниях: телефон, планшет и настольный компьютер. Для планшета дизайн отличается не только тем что он резиновый но и расположением и размерами некоторых элементов в виду того что для планшета желательны крупные размеры кнопок. В дизайне для компьютера расположение и размеры другие. В среднем экран настольного компьютера имеет ширину 1280 пикселей. А ширина экрана планшетов колеблется от 768(Apple iPad в вертикальном положении) до 1280(Galaxy Tab 10.1). Проблема возникает именно в этих размерах а именно в их пересечении. То есть стили для @media only screen and (min-width:7…
0 votes7 answers -
С какой скоростью нужно верстать?
Учу HTML. Интересно, с какой скоростью нужно верстать, чтобы был шанс найти подработку? А с какой скоростью работают опытные верстальщики?
0 votes17 answers -
Вертикальное выпадающее меню при помощи CSS
Доброго времени суток, уважаемые форумчане! Столкнулся с одной проблемой: не могу грамотно создать вертикальное выпадающее меню (см. прикрепленную картинку), даже с костылями и то не получается, помогите, пожалуйста. Код файла index.html: <!DOCTYPE html><html lang="ru" dir="ltr" id="html"> <head> <meta charset="utf-8"> <title>VNA | Главная</title> <link rel="stylesheet" href="css/new_elements.css"> <link rel="stylesheet" href="css/style.css"> <script> document.createElement('header'); document.createElement('nav'); document.createElement('article'); document.cre…
0 votes1 answer -
Форма. Disabled select на Enabled
Доброго всем дня,подскажите пожалуйста сделал форму на Bootstrap-е, все хорошо, но в форме два поля SELECT. Например select id="1" и select id="2". Селект "2" заблокирован, пока в 1-м не выберут какое либо значение. Селект "2" заблокировал "disabled". Я понимаю что нужно прописать функцию javaScript, но вот не могу ничего найти и подобрать. Помогите пожалуйста. Спасибо всем заранее.
0 votes16 answers -
псевдокласы и style
Доброго... Скажите, пожалуйста, можно как-то внутри тега описать его псевдокласы ?
0 votes6 answers -
Кто знает...???
Есть таблица из 2-х ячеек, левая резина в правой картинка не фоном..как реализовать на блоках...
0 votes2 answers -
!doctype Html Strict добовляет отступы
Откуда взялся этот отступ? Вот код: Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> div#box1{ width:100px; height:100px; background-color:black; border:2px solid red; margin:0px; padding:0px; } img { margin:0px; padding:0px; border:0px; } </style> </head> <body> <div><img src="leftA.jpg" alt=""></div> <div id="box1"></div> </body> </html> Вот как это выглядит: http://a10vs1.fatal.ru/test/boxes2.html Если доктип поменять на переходный, то черный квадрат прил…
0 votes4 answers -
"Плавающие" Баннеры
Скажите пожалуйста как создать плавающий баннер который при прокручивании документа будет прокручиваться вместе с документом?
0 votes3 answers -
Помогите с DIVами
как мне при помощи DIVов сделать так, что бы DIVвы стояли рядом, и в коде HTML никак не разделялись. Пример: DIV DIV DIV DIV DIV DIV DIV DIV DIV а в коде они все одинаковые DIV DIV DIV DIV DIV DIV т.е. никаких <BR> или ещё чего-то между DIVами. и при изменении размеров окна, они сами перепрыгивали в два или 1 столбик (или на супер широкоэкранных мониторах выводились в 1 строчку) DIV DIV DIV DIV DIV DIV ну или хотябы как поставить два DIVа в 1 строчку?
0 votes2 answers -
Помогите с сайтом, пожалуйста
Здравствуйте! Проблема в следующем: есть сайт cdac.ru В ФФ, Опера все хорошо. Как обычно преследуют проблемы с ослом. зайдите, плз, на страницу IE, который поновее. 7 или 8. В правой колонке есть калькулятор, сделанный на флеше. проблема в том, что у меня в осле 6 не отображается от хоть убей. В 7, 8 виден?? Что делать, если не виден? Код само собой кину сюда, если надо Спсибо
0 votes11 answers -
Помогите убрать рамку
Доброго времени суток. Столкнулся с проблемой, в форме поиска отображается непонятная рамка, причем только в chrome, в мозиле отсутствует. Не понимаю как убрать. Вот изображение: Вот css: .search{ float: right; margin-top: 10px; padding: 0px 30px; position: relative; width: 170px;}.search .input{ background: #fff; border: 1px solid #ececec; border-radius: 10px; box-sizing: border-box; font: 13px arial, sans-serif; height: 30px; outline: none; padding: 5px 37px 5px 15px; width: 100%;}.search .submit{ background: url(images/go.png) 50% no-repeat; border: none; height: 30px; opacity: 0.3; position: absolute; right: 30px; top: 0px; width: 30px; outline: …
0 votes9 answers -
Проблема с transition opacity
Здравствуйте. Верстаю такую страницу. Хочу сделать красивое появление и затухание при помощи transition для иконки у блока раскрывающихся новостей. http://prntscr.com/3lqfvi Имею такой css: i { opacity: 0; -webkit-transition: opacity @durationStd ease-in-out; -moz-transition: opacity @durationStd ease-in-out; -ms-transition: opacity @durationStd ease-in-out; -o-transition: opacity @durationStd ease-in-out; transition: opacity @durationStd ease-in-out; }И появление происходит как надо (плавно). Но вот при закрытие затухания не происходит, а просто изменяется свойство и элемент мигом исчез…
0 votes2 answers -
Установка цвета через JavaScript
Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>пара</title> <script> for(i=0; i<elem.length; i++) { alert(elem[i]); } function lol(nan) { var i; var elem = document.getElementById("sas"); elem.style.color = nan; } </script> </head> <body> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <button onclick="lol('red')">Красный</button> </body> </html> При нажатии…
0 votes3 answers -
Не получается прижать текст в IE.
Не получается прижать текст в IE. В остальных ок. И как и чем я только не пробовал. И причина в том(смотрите подкаршеный ), что размер строки не меняется вообще! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ы</title> <link rel= "stylesheet" type= "text/css" href= "indexCSS.css" /> <style type = "text/CSS"> * {margin: 0;padding: 0; border: 0} body{background:#000000} #ain{width:auto; height:auto; font-size:11px; line-heigh…
0 votes4 answers -
DIV по высоте экрана
Друзья, можно я задам вам вопрос.?! Задумка, сверху див во всю ширину экрана пользователя(1) но под дивом идет еще и контент (5)(если прокрутить вниз(2)), на экране разных пользователей с разной высотой экрана(3), верхний див будет растягиваться на всю высоту которую позволяет экран. Для наглядности нарисовал картинку вот ссылка. Спасибо за внимание, а за помощь респект большой.
0 votes6 answers -
content + sidebar как сделать равную высоту между ними?
Добрый вечер! Есть главный блок main - в нем 2 блока - content и sidebar Как сделать так чтобы любой из них выравнивался по высоте большего блока? Т.е. если в content получается больше информации и он стал больше сайдбара,то сайдбар подтягивается к нему по высоте и наоборот? Вот макет по которому делаю: http://cs413616.vk.me/v413616149/5558/j9grtCN4nEQ.jpg Вот мой макет http://cssdeck.com/labs/doi6kbsh
0 votes8 answers -
Ссылка для import шрифта DS-Digital в css
Добрый день! Подскажите источник, от куда можно импортнуть в свой css файл шрифт DS-DIgital(шрифт как на старых циферблатах, нужен для отображения циферблата на таймере). Не могу скачать к себе на комп - балуюсь в рабочее время на рабочем компе. И на работе запрет на скачивание без ведома админов чего угодно.
0 votes4 answers -
Проблема с таблицами
Короче верстаю на таблицах с дивами, у меня проблема, В общем есть ячейка размером 201х701 пикс. я туда вставляю картинку размером 201х268, и вторую таких же размеров 201х268, проблема в том что мне и отступов не сделать, и не поставить их наверх, стоят обе на середине. Пробовал margin, padding, background-position:top center ничего не помогает, не могу понять, там же еще есть место, остается 133 пикс. Короче вот скрин http://s005.radikal.ru/i209/1007/39/5581b70a21c8.jpg Вот видите где стоят обе картинки, и их не сдвинуть, получилось только тогда, когда ( там где на 2-ой галочки снизу) ввел пустой див в размерами, позволяющеми заполнить все это пустое пространство. <t…
0 votes12 answers -
Табличная верстка
Стоит ли новичку изучать табличную верстку или это прошлый век? Я практикуюсь блочной верстке, при необходимости могу сделать таблицу. Имеет ли смысл специально учить сейчас, как верстать на таблицах ? Не хотела сейчас этим заморачиваться, но вижу в форуме, многие спрашивают именно по таблицам.
0 votes11 answers -
блочная верстка
Подскаскажите, пожалуйста, что не так сделал хотел типа этого: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <style type="text/css"> body { margin:0px; padding:0px;} div { border: solid thin;} #centerLayer { width: 1024px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background:; /* Цвет фона */ padding: 0px; /* Поля вокруг текста */ text-align: left…
0 votes7 answers -
Никак не могу догадатся почему пригает страница
Сегодня начала работу над этой страницей, никак не догадываюсь почему она во время перехода с Home к странице Products прыгает то ли растягивается, а в других переходах ведет себя нормально. ( Home ) -->> ( Products ) Есть сомнения, что проблема в <HTML> страницы Products, но в чем не могу . . . Прошу помощи. ПС По форуму искала, но я пока тут новая и видимо не освоилась . . .
0 votes12 answers -
IE обрабатывает не все стили
В моей практике несколько раз сталкивался с тем, что IE7-8 иногда обрабатывает не весь css, при первой загрузке этого файла. Обычно выражается это в том, что он игнорирует margin:0 auto; После рефреша -- всё хорошо. Сейчас встала задача исправить этот косяк. Вычленить проблему не смог, появляется баг из неоткуда. Есть мысли как поправить?
0 votes17 answers -
в ИЕ 6 у PNG картинки без фона появляется фон
Такая проблема, есть бекграунд с заливкой градиента через маленькую картинку, который множится. На этот бекграунд делаю <img ... вставляю картинку с логотипом, который прозрачный фон имеет, он нормально садится, и везде красиво смотиртся, но в ИЕ6 у меня эта картинка получает какой-то сероватый бекграунд, хотя его быть не должно, не подскажите, что делать?
0 votes5 answers -
Фреймы и индексация...
Я пытаюсь изучить фреймовую верстку.... так вот в процессе у меня назрел вопрос... можно ли сделать так, чтобы такой сайт нормально индексировался? если да, то как?
0 votes3 answers -
Почему картинки съезжают при масштабировании?
При масштабировании нижние картинки съезжают https://uzinouzi.github.io/asdasd/ - Сам сайт prntscr.com/h5bbfz - Тут проблема.
0 votes1 answer