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
-
Структура семантических тегов в шаблоне на Bootstrap
Здравствуйте. Решил сверстать шаблон с помощью Bootstrap как на скриншоте: Стандартная 12-колоночная сетка с полями, вместо дивов решил использовать семантические теги header, footer, article, aside, nav и др. Есть несколько идей: <header> <div class="container-fluid"> <div class="row"> <div class="container"> <div class="row"> <div class="col-xs-12"> </div> </div> </div> </div> </div></header>Можно ли контейнеры помещать внутрь других тегов? В документации Bootstrap нет ничего об этом. Или лучше так сделать?: <header class="container-fluid"> <div class="row"> …
0 votes9 answers -
Пршу помощи в создании таблицы
Добрый вечер. У меня есть друг-тренер по цигуну. Я решил помочь ему в популяризации занятий, а так же с wелью создать ресурс, где могут пообщяться люди, занимающиеся саморазвитием. Так как навыка у меня не было никакого, решил воспользоваться возможностями системы Ucoz. Прикупил домен. Получилось вот что На примере аналогичного сайта в Рунете, хочу сделать страничку, где можно посмотреть ближайшие занятия не только по цигуну, но и по другим направлениям. Всё в одном месте. А то сам когда то, имея свободные выходные, часами выискивал, какой семинар и где можно посетить именно в это время. Так вот, собственно, просьба. Не мог бы кто нибудь мне помочь сделать такую странич…
0 votes5 answers -
проблема с IE6
bactericide.ru по-моему комментарии излишни. посмотри в опере и ie6. как победить этот долбаный ie6?
0 votes13 answers -
Форма и 3 кнопки, Как реализовать переход?
Есть форма - Однострочное текстовое поле. И есть три кнопки. Подскажите пожалуйста как реализовать, чтоб после ввода инфы в форму, при нажатии одной кнопки был переход по одному УРЛ'у, при нажатии другой - переход на другой УРЛ, и т.д для всех трех кнопок? И если можно, возможностями php. Php еще учу, но больше понимаю его, чем js. Спасибо
0 votes8 answers -
Как быть с изучением html,css
Здравствуйте хочю спросить у вас совета как быть я начал заниматся сайтостроительством около 2-3 месяцев назад. Начал я изучать html и css не судите строго по Евгению Попову так как никакого другого наставника который мог бы так же ясно излагать мысли я не нашел. Я сделал уже 5 шаблонов и тут я заступорился иногда захожу на htmlbook за очередной справкой по html и вижу там кучю мне еще незнакомых тегов не говоря уже про атрибуты речь о html 4.01 а html 5 я решил изучать тогда когда нормально освою этот. И такой вопрос нужно ли учить абсолютно все теги и атрибуты которые только есть? или их нужно изучать по мере необходимости при создании каждого сайта если это необходимо.…
0 votes14 answers -
Что должен знать и уметь начинающий HTML-верстальщик?
Всем привет) Решил заняться изучением HTML-верстки .Знаю ,что 80% важных знаний и навыков вырабатываются в ходе практики . Но все же хотелось бы выделить для себя список обязательных навыков и знаний ,использующихся в HTML-верстке. К примеру ,в обязательном порядке нужно знать HTML ,CSS ,Photoshop ,принципы кроссбраузерной верстки и т.д. Помогите мне расширить этот список ,чтобы понимать в общем ,с чем придется столкнуться на пути самообучения))) Так же было бы неплохо иметь представление о том: - Сколько в среднем требуется времени на верстку одного проекта средней сложности - За какое примерно время можно научиться верстать сайты среднего уровня сложности…
0 votes9 answers -
Периодичность показа всплывающего окна.
Добрый день всем, кто помогает таким балбесам, как я! С внешним видом всплывающего окна кое-как разобрался, хотя не уверен, ткните, если что не так, а вот с периодичностью показа не разобрался, во всяком случае, не работает. Исходники брал тут, а макет пока тут. Прошу не пинать, а помочь, т.к. в скриптах я не разбираюсь вообще, да и в хтмл не асс. Спасибо!
0 votes25 answers -
форматирование внутри дива
Возникла проблема: необходимо отформатировать название сайта и координаты фирмы следующим образом: блок 100% ширины, высоты 100px, название сайта картинкой слева высотой в 100, координаты справа текстом в три строки привязаны к нижнему краю хеадера. Сам хеадер логично сделать дивом, картинка тоже блочный элемент. текст можно хоть спаном, хоть дивом. примерный html: <div id="header"> <h1><img src="/images/sitetitle.jpg" /></h1> <span class="contacts"> город, улица, дом назавние@домен.ру тел (000) 000-00-00 </span> </div> Заранее спасибо за возможные варианты решения!
0 votes6 answers -
ссылка во флеш
Здравствуйте! Прошу вас о помощи! Создал шапку для сайта со спецэффектами во флеш. В этой шапке есть 4 кнопки. Прописал для них в Action Script код, чтобы работали ссылки: but1.onRelease = function() { getURL("../prod.html") } but2.onRelease = function() { getURL("../part.html") } but3.onRelease = function() { getURL("../akc.html") } but4.onRelease = function() { getURL("../nov.html") } Проверяю. Открываю во флеш публикацию для веб - и всё работает. Вставляю в свою страничку и вот незадача...не может найти путь. Вставляю с помощью следующего кода: <div id="header"> <embed src="img/header.swf" align="absmiddle" width="751" height="145"> </div> Собствен…
0 votes12 answers -
user agent stylesheet перекрывает мои стили
Прописываю стиль для ссылок, хром и фф игнорируют этот стиль смотрел в отладчике хрома - мой стиль зачеркнут, а используется этот user agent stylesheet буквально неделю назад верстал шаблон, делал то же самое, никаких проблем не было а теперь вот такой сюрпрайз..
0 votes1 answer -
Сложный фон для Wrapper
Есть такой фон, специально нарисовал на нем блоки с обозначением где и что будет с учетом размеров на макете.. Может есть у кого в запасе хитрые способы как правильно такое сверстать? У меня есть только мысль банально разбить на три картинки центральную вырезать таким образом, чтобы она могла повторятся не портя дизайн (- хотя, это тоже хз как сделать... в нижней части контента начинается затемнение, которое при повторе будет портить всю картину). Также это все дело не по детски весить обещает: необходимо сохранить прозрачность по краям (png-24).. одна такая картинка занимает от 900кб до 1,5 мб
0 votes13 answers -
Фон на height:100%
Необходимо чтобы фон заголовка (а заголовок может быть разной высоты-2,3 строки текста), тянулся по высоте этого заголовка, тоесть высота изображения вмещалась в высоту контейнера заголовка. Пример: Необходимо это реализовать для IE6 без expression
0 votes8 answers -
Отступ у float-блока в IE
Есть блок content, растянутый на весь экран с ограничением минимального разрешения: div#measurer { position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px; } #content { position: relative; overflow: auto; margin: 0; padding: 0; min-height: 100%; min-width: 925px; max-width: 1400px; } * html #content { height: 100%; overflow: visible; width: expression( ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 925 ) ? '925px' : ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 1400 ) ? '100%' : '1400px' ); } Когда внутри этого блока раз…
0 votes7 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 -
"Скрытый" текст ссылки
Привет всем! Можно ли сделать так, чтобы в браузере меню было картинкой, но в коде присутствовал текст? То есть текст в меню я прописал, сделал его ссылкой, но шрифт в браузере не отображался, а была видна только быкраугндная картинка... Но ссылка сделанная на текст работала...
0 votes11 answers -
Рисунок и его загрузка в разных браузерах
Здравствуйте. У меня есть большой рисунок. В формате PNG. <img src="1.php"> В MSIE7 он постепенно загружается, при этом, не загруженная часть рисунка черная. Т.е. с начало видно черный квадрат, постепенно загружающийся моим рисунком. В FireFox 3.0 загружается как нужно, постепенно и остальная не загруженная часть белая. В Opere 9.x тоже нормально загружается рисунок - нез агруженная часть белая. Как исправить это для MSIE? Подскажите пожалуйста. Я уже пробовал тег "logsrc=blank.gif" и background-image. Не знаю как это побороть. Рисунок создается php скриптом при помощи библиотеки GD
0 votes18 answers -
переход на html5
в общем картина такова что никто особо не переходит на html5, пока просто изучают и балуются или время уже наступило?
0 votes6 answers -
Наибольшее разрешение экрана
В этой замечательной статье автор приводит интересное, на мой взгляд, решение ухода от скролла. http://www.alistapart.com/articles/fluidgrids/ Максимальное разрешение экрана берёт 988px, в иных статьях упоминается 1024px, если поГуглить можно найти 2560x1600, одно из заданий верстки даёт разрешение ограничить макс 1500px. Какую цифру взять ориентиром для десктопов? Далее есть такая фраза Насколько это соотв действительности?
0 votes26 answers -
Две проблемы с тач-устройствами
Здравствуйте, коллеги! Столкнулся с двумя проблемами при тестировании верстки на ipad'е, прошу совета. 1. Допустим, на странице есть картинка-ссылка и скрытый блок с position:absolute, который в видимом состоянии перекрывает эту картинку-ссылку. При тапе на некий триггер блок становится видимым, при тапе на самом блоке он прячется. И вот когда происходит касание блока, открытого над картинкой-ссылкой, то не только блок прячется, но и ссылка активизируется, т.е. происходит переход по ссылке. Как побороть такое поведение? 2. Эта проблема совсем мистическая. Есть классическое выпадающее горизонтальное меню на ховерах. На ipad'е была проблема с однозначностью работы (нужно, ч…
0 votes5 answers -
Поведение FF для вложенного div height:100% с вертикальным скролом.
Все прекрасно работает в IE, Chrome, Opera. А вот файрфокс появляет оконный вертикальный скролл. Как научить FF делать то что мне нужно? А именно: не появлять в моём примере оконные скролы. Нужен только вертикальный скролл на DIV-е. <html> <body> <table width=100% height=100% border=1><tr><td height=200px> верхний </td></tr> <tr><td> <div style="width:100%;height:100%;overflow-y:scroll"> куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста ... куча текста куча текста куча текста куча текста к…
0 votes11 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 -
Позиция текста около 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 -
Как сделать высоту карты яндекс адаптивной ?
Как сделать высоту карты яндекс адаптивной ? http://oilcity.su/ http://prntscr.com/gxdph2
0 votes4 answers -
Разработка формы
Добрый день! Написал я код <th>Послугу надано, грн<textarea wrap="soft" rows="1" cols="15" name="res">на сумму:</textarea> <hr> Послугу не надано: <input type="radio" name="res" value="1">за власним бажанням клі?нта <input type="radio" name="res" value="2">некоректне обслуг. </th> при отправке результата на сервер, текстовое поле не воспринимается как результат... А нужно, чтоб был один результат из тр?х.
0 votes14 answers -
XML. Elelement.text почему то не работает в Firefox
Оочень сильно удивился, когда firefox вместо содержимого элемента выдал undefined. Вроде бы и запрос то немудреный. Я бы даже сказал самый обычный. NodeList[0].childNodes[0].text либо же NodeList[0].childNodes.item(0).text одинаково реагирует undefined. IE и Opera отработали так как надо. Почему так? ЗЫ. При запросе атрибута элемента NodeList[0].attributes.getNamedItem('Name').value firefox отрабатывает.
0 votes12 answers