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
29,542 questions in this forum
-
Неправильно определяется разрешение экрана
Разбираюсь с адаптивным дизайном. Использую вот такую конструкцию: <meta name="viewport" content="width=device-width, initial-scale=1.0">Стили подключаю вот так: <link rel="stylesheet" media="all and (min-device-width:320px)" href="{THEME}/css/style_480.css" />Тестирую на смартфоне с экраном 480х854. При такой конструкции ширина экран определяется в 320 пх. и весь шаблон вроде как растягивается. Если в медиазапросе указать значение больше 320 пх, стили вообще не подгружаются. Если не использовать "viewport" шаблон сильно сжимается, вроде как масштаб уменьшается, причем уменьшаются всё кроме текста - текст отображается нормального размера. Искажения о…
0 votes2 answers -
валидация вложенных списков
Помогите разобраться с валидатором! Определился с доктайпом: HTML 4.01 Transitional. Но ругается на менюшку: Менюшка не простая с раскатывающимся списком: <div id="menu"> <ul type="circle"> <li><a href="http://samizdam.spb.ru/" title="На главную!!">Главная.</a></li> <div class="autors"> <ul> <li onclick="tree('a',4)">Авторы: <ul> <li id="a1"><a href="/mira/">Мирра П</a></li> <li id="a2"><a href="/giena/">Весёлая Гиена</a></li> <li id="a3"><a href="/gnato/">Николай Гнатьо</a></li> <li id="a4"><a href="/volchona/"…
0 votes8 answers -
что-то я затупил %)
господа такой вопрос нежданно возник.. имеем трехколоночную верстку (иллюстративно): <div style="width: 300px; float: left;"> /* тут какой-то контент, пусть пикселей 300 в высоту */ </div> <div style="margin-left: 300px;"> <div style="float: right; width: 300px;"> /* тут еще какой-то контент, пусть 400 пикселей в высоту */ </div> <div style="margin-right: 300px;" /* центральная колонка и о ней собссна и речь */ <img style="float: left;" src="xxx.gif" /> <p>blah blah blah blah blah blah blah blah blah blah .... blah</p> <div> <a href="#">…
0 votes10 answers -
Как вычислить бота?
Здравствуйте, товарищи!! Есть небольшой вопрос. Например, на форумах по типу Invision Power Board(типа нашего forum.htmlbook.ru) есть такая функция как "Определение поисковых ботов" - типа GoogleBot или YandexBot - как она реализована? Если я правильно понимаю принцип работы этой системы, то у каждого пользователя, обращающегося к форуму, проверяется IP-адрес, и, если он совпадает с IP-адресом GoogleBot'а или YandexBot'а, то боту просто выдается версия сайта для ботов(ну, или к примеру что-то другое - типа "Боты - дураки" :-) ). Я правильно понимаю? Или там какой-то другой метод - например, потому что у ботов может быть в разное время разный IP. Или, скажем, по рефферу вы…
0 votes5 answers -
margin рассчитывается не от родителя
margin - "Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента." <!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" /> <style type="text/css"> #parent { height: 30px; width: 160px; margin: 15px 0 0 0; background: #848484; } #child { margin: 45px 0 0 0; border: 1px solid #000000; } </style> </head> <html> <body> <div id="paren…
0 votes2 answers -
Подвал сайта "пожирает" страницу
Подвал сайта накладывается на содержание и право и левое меню _http://www.meeting.lv/service/about_us.php в ч?м проблема? Браузер IE 6
0 votes7 answers -
Параметр height100% + IE+doctype
Добрый день! У меня проблемка вот в чем (по форуму искал, 100% решения не нашел): Сама страница <html> <head> <title>homepage</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="main" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="leftcolumn" rowspan="6"></td> <td class="rightcolumn" colspan="7"> </td> <td class="top" rowspan="6"> </td> </tr> <tr> <td colspan="2"> <a href="#"><img src="images/homepa…
0 votes8 answers -
Как сделать рамку вокруг строки таблицы?
Столкнулся с такой проблемой -- хочу сделать чтобы строки в таблице имели рамки снизу и сверху но не между ячеек. т.е. что-то типа такого: _________________________________ 232312 имя фамилия _________________________________ 342423 имя фамилия _________________________________ казалось бы что прощее -- указать в стилях для Но почему-то это не приводит ни к чему. Цвет строки можно изменить, а вот рамку именно вокруг строки, а не каждой ячейки в строке, не удается.... Что я делаю не так?
0 votes4 answers -
Перенос трок в теге <pre>
Удобно использовать тег , потому что не надо втыкать бесконечное количество переносов строки (там где это нужно)Но проблема заключается в том что если какаето строка сама по себе оч длинная , то и ширина блока создаваемого этим тегам оч длинная(по ширине строки) что растягивает дизайн там где это не нужно .... Подскажите - возможно ли задать фиксированную длину этого блока и если строчка длине, то производился бы перенос на новую строку ( как допустим в div происходит)
0 votes9 answers -
Проблемы с рамкой в Mozille и Opere
Рамка отображается неправильно в Mozilla и Opera (в IE работает нормально) ====================================================== <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Проблемы с рамкой в Mozilla и Opera</title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" cols="3"> <tr> <td width="12" height="12"><img src="img/ram-1.gif" width="12" height="12" border="0" alt=""></td> <td height="12" background="img/ram-2.gif"&g…
0 votes6 answers -
Нужна помощь по вёрстке!
Госпада добрый день нужна ваша помощь. В общем есть страница html (код ниже ) <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>page</title> <style type="text/css"> <!-- html, body { margin: 0px; padding: 0; border: 0; background: #000000 url(css/bg.jpg) repeat left top; height:100%; } --> </style> </head> <body> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-4445535…
0 votes5 answers -
Запрет на копирование картинки
Как с помощью CSS запретить копирование и перемещение на странице картинки?
0 votes11 answers -
Звездный рейтинг на svg
делаю звездный рейтинг на svg на чистом css проблема в том что checked, svg почему то не закрашивается в нужный цвет Как решить эту проблему? https://codepen.io/anon/pen/zVNVRV?editors=1010
0 votes6 answers -
Измененный календарь
Что нужно: чтобы на странице отображался день недели, число, месяц и год, а также праздники. Проблемы: календарь нестандартный и потому количество, название и содержание месяцов изменено, также есть дни невходящие ни в какие месяца.
0 votes18 answers -
как оформить атрибут placeholder и <input type="search" />?
Атрибут placeholder ставит текст в поле, пока в нём не содержится какой-либо введённый пользователем текст. Заказчик очень хочет, чтобы текст из placeholder был определённого цвета. Листая документацию, найти ничего подобного не могу. Может кто сталкивался? Знаете? Подскажите пожалуйста. А также как научить <input type="search" /> в сафари слушаться css? Есть ли более-менее прямые способы это сделать?
0 votes7 answers -
footer
Что тут не так? Уже голова разболелась. В ИЕ не хочет опускаться
0 votes5 answers -
Обосновано ли использование JavaScript
У меня есть вопрос. Обоснованно ли использование JavaScript, ведь в его использовании существует множество минусов?
0 votes8 answers -
Как сделать высоту карты яндекс адаптивной ?
Как сделать высоту карты яндекс адаптивной ? http://oilcity.su/ http://prntscr.com/gxdph2
0 votes4 answers -
frD-Пункты меню непрямоугольной формы
Здравствуйте! У меня на cайте каждый пункт меню не прямоугольный, а в форме стрелы, направленной вправо. При этом используемая картинка этой самой стрелы должна меняться при наведении мыши. Первый вопрос: как мне элементарно сохранить непрямоугольное изображение стрелы? Как можно сделать его ссылкой со сменой изображения?
0 votes5 answers -
Трехколоночный макет
Решил сделать верстку слоями с помощью плавающих элементов. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <html> <head> <title>Hellow world!</title> </head> <body style="margin:0; padding:0"> <div style="width:200px; padding:0; margin:0; height:100px; background-color:green; float:left; color:yellow;"> Первый </div> <div style="width:200px; height:100px; background-color:red; float:right;"> Третий </div> <div style="height:100px; background-color:blue; color:white;"> Второй </div> </body> </html> Все бы ничего да в ИЕ между средним слоем и двумя другими образуют…
0 votes3 answers -
Свойство margin-top
Согласно описанию: http://www.htmlbook.ru/css/margin.html Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента Собственно вопрос: почему в примере ниже красный блок отступает не от родительского элемента (блок content), а от header? <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <m…
0 votes20 answers -
Футер переменной высоты и резиновый блок контента
Привет. Вот обычный прижатый футер. http://jsfiddle.net/qLEd3/ Суть в том, что мне надо сделать следующее. Надо сделать, чтобы футер был также прижат, но он может быть любой высоты, а блок контента, если его высота меньше высоты окна минус высоты хедера и футера должен доставать до футера. Чтобы пояснить что я хочу получить, я сделал это на js. http://jsfiddle.net/qLEd3/3/ Как можно сделать то же самое без него, кто подскажет?
0 votes15 answers -
Как сделать анимацию цикличной?
Как сделать анимацию цикличной? Есть блок, который маячит, привлекает, но делает он это всего 1 раз. Как и можно ли с помощью всего лишь css придать ему цикличность с заданными пробелами (остановками). Пример: .info-box {background : #c2ddf9;border : #CD0000 solid 1px;color : #CD0000; font-weight : 700; animation: spin 0.050s linear 3s alternate;animation-iteration-count: 10;}@keyframes spin { 0% {transform: scale(1.05, 1.05);}100% {transform: scale(0.9, 0.9);}} Спасибо!
0 votes2 answers -
и мне помешал doctype
Парни, делаю скругление уголоков дивами и рисунками <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <DIV style='BORDER 0px solid #FF0000; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; WIDTH: 550px; BACKGROUND-COLOR:#EEEEEE' > <IMG height=6 width=550 alt='' src='../image/r_corner_grey_up.jpg'> середина блока <IMG height=6 alt="" src="../image/r_corner_grey_bottom.jpg" width=550></DIV> на выхлопе получается фигня : сверху и снизу блока появляются узкие полосы цветы фона. Без доктейпа рисует все как надо как можно обойти засаду не меняя этого доктэйпа?
0 votes5 answers -
Позиция текста около checkbox
Привет всем! Как можно при следующей верстке сделать текст "по центру" от чекбокса? <label><input type="checkbox" value="0" name="choice[0]"> Вариант 1</label> Пробовал прописать label { padding-bottom: 4px; } label input { margin-bottom: -2px; } Сейчас выглядит так: P.S: Попробовал label input {float: left} — работает. Но не хотелось бы делать лишние плавающие элементы.
0 votes4 answers