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
-
<noindex>
Подскажите пожалста, если я заключу в тег noindex счётчики, то это не будет влиять на общую индексацию сайта, а также на PR?
0 votes8 answers -
HTML-редактор с проверкой закрытия тегов
Всю жизнь на подхвате был IBM WebSphere — удобно было проверять на элементарные ошибки типа не закрытых тегов или кривых вложений. В Windows 8.1 он работать перестал. Поискал — все не то. Повседневный RJ TextEd всем хорош, но вот проверять такие ошибки не умеет. Кто что подскажет, в идеале — из бесплатного. Спасибо =)
0 votes1 answer -
Вывести Диалог
Здравствуйте. Возможно я задам ламерский вопрос, но прошу помощи. Задача такая: нужно по щелчку по ссылке показать диалог с информацией из БД. Не отдельно всплывающее окно, а поверх основной страницы (аналог Delphi Form.ShowModal) Извиняюсь за косноязычие. Отнеситесь к начинающему с пониманием. Куда копать?
0 votes25 answers -
Задать блоку высоту через Java Script
Доброго времени суток! Есть n-ое кол-во блоков, ширина контента резина, все блоки заданной ширины, разной высоты(разное кол-во контента внутри), с позиционированием по левому краю (float:left;). В результате блоки сортируются не очень хорошо, с некими дырами, хотелось бы создать алгоритм находим больший блок по высоте и остальным задаём его высоту, пробовал сам написать скрипт но что то не то: var maxHeight = 0; $$('.someclass').each(function(el){ if(el.getStyle('height') > maxHeight) maxHeight = el.getStyle('height'); }); $$('.someclass').each(function(el){ el.setStyle('height', maxHeight); }); Подскажет может кто решение, или может натолкнёт. Зы Приношу извинения…
0 votes21 answers -
border-color в опере?
в опере никак не получается задать цвет рамки таблицы (( в FF и IE всё ок. белые, а в опере почему-то чёрные <table frame="void" rules="all" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0"> <tr > <td id="t1"></td> <td id="t12"></td> <td id="t2"></td> </tr> <tr > <td id="t14"></td> <td id="t22">&…
0 votes24 answers -
Работа с макетами
Добрый день! я не могу понять как работать с макетами для верстки и что для этого нужно. не могу найти тему что бы почитать. допустим есть PSD файл, а что дальше, как с ними работать, чтобы создать сайт. если не сложно подскажите!, или ссылку на материал. спасибо.
0 votes23 answers -
Как вычислять отступы от символов
Никогда не задумывался об отступах между элементами серьезно (потому что не верстальщик). Ну, конечно, margin от padding отличал, но вот недавно столкнулся с тем, что необходимо было перевести шаблон из PSD html\css с точностью до пикселя. "Раньше я делал как:" (с) Федор Лошадкин) - открываешь шаблон в фотошопе и выделяешь, к примеру, от верхней границы начертания символа (глифа) до нижней границы верхнего блока (каламбур, но см. рис.). На рисунке это зеленая линия (вроде по-умному это называется верхняя линия шрифта). Затем смотришь высоту выделения и вбиваешь ее в отступ. Браузеры же думают иначе (и логичнее), и любой текст обрамляется рамкой, откуда они и начинают высч…
0 votes13 answers -
Отступ после текста
Какую строчку кода на css добавить, чтобу отступ после текста внизу был 15px ?
0 votes8 answers -
Проверка страницы на валидность
Зашел на сервис http://validator.w3.org Выдает такие ошибки : (Ошибки жирным выделять буду) …рисматривается к Honda</a></span><br><span class='contentpaneopen'><p><img sr <br><span class='contentpaneopen'><p><img src="/images/f1/honda.jpg" border= exican-eyes-honda.html">...</a></span></div> -shockwave-flash" width="240" height="240" wmode="transparent"></embed> - тут не понравилась кавычка почему то... Объясните пожалуйста какие же это ошибки. Они пишут что возможно вы закрываете "/>", но я как раз таки не закрываю так. Вставил код от Youtube - так выдало 50 ошибок в этом коде...
0 votes12 answers -
Две "рамки у таблицы"
Помогите, надо сверстать такую таблицу не получается сделать белую рамочку внутри. Получается только так: test.egmelso.ru/templates Кто подскажет какие возможно варианты? Без использования всяких дивов и прочего. Только стили.
0 votes6 answers -
Лендинг и типовая верстка
Лендинги сейчас набирают популярность. Также набирает популярность и грамотная верстка. И в связи с этим у меня вопрос - как совместить эти две вещи? Типовая верстка подразумевает примерно вот такой код: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body><header> ...</header><main role="content"> ...</main><footer> ...</footer></body></html>Однако, у лендингов нет ни "хедеров", ни "футеров", ни мейн-контента. То есть я бы верстал так: <!DOCTYPE html><html lang…
0 votes5 answers -
Темплейты smarty кешируются?
Добрый день. Имею вопрос по smarty. Вводная: есть сайт с использованием smarty. Скомпилированные темплейты лежат в паке templates_c Теперь собсвенно к вопросу: если скопировать новый темплейт (xxxxx.tpl) в папку templates, то на странице ничего не обновиться, пока не будет удален скомпилированный темплейт с папки templates_c Может кто встречал такую бяку? И как от нее избавиться?
0 votes5 answers -
Закруглённые края ПОМОГИТЕ
Помогите, который день мучаюсь с углами в İE.. Сегодня наконец добилась хоть какого-то прогрeсса. Подключила DD_roundies_0.0.2a.js Код: <script src="DD_roundies_0.0.2a.js" type="text/javascript"></script> <script type="text/javascript"> DD_roundies.addRule('.roundify', '10px'); </script> В CSS: .roundify { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } Удачно закруглил один угол... Начались проблемы из-за scroll. Выносит края scroll на бордер и не округляет их.. Уже не знаю что делать.. + в Опере на почему-то на закруглённом бордере оставляет белые углы. Как с этим бороться?
0 votes10 answers -
Подскажите ...
http://privetgleb.narod.ru/вот ссылка там неотображаеться корректно текст , но суть будет ясна , нужно зделать что-бы сверху и снизу тоже был бордер ... , но чтобы он незалазил на картинки угловые ... P.S - заранее спасибо всем откликнушимся
0 votes21 answers -
Поочередня смеца цвета в таблице ("even td")
Есть таблица большая, вот она http://dnipro.dp.ua/archi/ К каждой строке прописан свой цвет, <TR> <TD bgcolor=#E8E8E8>Здание такое-то</TD> <TD bgcolor=#E8E8E8>Описание здания</TD> <TD bgcolor=#E8E8E8>36 эт.</TD> </TR> <TR> <TD bgcolor=#CFCFCF>Здание такое-то</TD> <TD bgcolor=#CFCFCF>Описание здания</TD> <TD bgcolor=#CFCFCF>24 эт.</TD> </TR> <TR> <TD bgcolor=#E8E8E8>Здание такое-то</TD> <TD bgcolor=#E8E8E8>Описание здания</TD> <TD bgcolor=#E8E8E8>21 эт.</TD> </TR> .... и так можно до бесконечности. Конешно как вы уже поняли, эт…
0 votes17 answers -
Аттрибут title на мобильном
Сделал отличный дизайн на бутстрапе. Почти все хорошо и на мобиле и на компьютере, но возникла серьнзная проблема — на мобилах не всплывают подсказки title. А это значимо — много сокращений и иконок. Особенно если это еще и ссылка. Если подсказки сделать на css, а на мобилах их отображать всегда как текст, то станет невозможно быстро воспринять информацию. Будет не информация, а одни подсказки расшифровки. Какие вообще есть подходы к этой проблеме. Пока вижу только один выход — собирать все подсказки/расшифровки по группам и выводить списком внизу страницы. Но опять же надо много чего лапатить и на ПХП и на js в ажаксе.
0 votes7 answers -
Альтернатива align в CSS
Всем привет! Подскажите, кто знает, есть ли замена тега align="center" в CSS ?
0 votes11 answers -
Div поверх gmap
Вобщем есть картинка, которую нужно разместить поверх гугл-карты. Z-index не помог. Есть ли способ? Привожу код страницы: <!DOCTYPE html "-//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> <script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript"></script> <script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")…
0 votes11 answers -
Помогите в создании закругленной рамки через CSS
Всех приветствую! Не могли бы Вы мне помочь в создании закругленной рамки. Нужно сделать рамку шириной в 97% и высотой 100%. Т.е. если в этой рамке (в ее ячейке) написать какой либо текст из нескольких абзацев, нижняя граница рамки дожна следоавть за этим текстом и состыковываться с ним, верхняя граница - оставаться также вверху и быть не подвижной. Должно выглядеть вот так: Пытался реализовать это в Html, но все безуспешно. И понял, что без стилей тут не обойтись. Сам я в CSS не шарю вообще. Читая учебники, что то сдела, но все равно вышло не то, что надо. Вот код: <html> <head> <title>height</title> <style type="text/css"> .layer { heig…
0 votes3 answers -
Фотогалерея, без перезагрузки всей html-страницы
День добрый! Ребят, сразу скажу что в html чайник, на собственной практике с десяток статических страниц. Вобщем интересует возможность менять картинки на страничке при клике на них, без написания дополнительных html-страниц для каждой следующей картинки. Пример: //————--Таблица 1 //————Таблица 2 текст текст текст текст текст текст
0 votes11 answers -
картинка и Div перекрывает ссылки
Ребят подскажите пожалуйста. У меня центральная картинка и ее же блок перекрывает нижние эконки с ссылками, так же слева макета есть ховер на текст , также слегка перекрываемый картинкой, следовательно та часть которая перекрыта не срабатывает вот стили блока и изображения #main { width: 600px; min-width: 600px; height: 100%; min-height: 600px; position: absolute; z-index: 0; left: 0; right: 0; margin: auto; top: 20px; } .centerpic { position: absolute; left: -50px; right: 0; bottom: 10px; margin: auto; top: 0; z-index: 1; } стиль эконок в подвале .block { width: 30px; height: 30px; pos…
0 votes8 answers -
Веб-программист, верстальщик, а кто еще есть в сфере сайтостроения?
Хотел в разобраться в этом. Итак, кто такой верстальщик, кто такой веб-программист и кто еще есть под сайтостроение в общем(И поставить на сервер сайт, управлять сайтом, создавать сайт, всякие крутые штуки добавлять). Как я думаю, веб-программист, он работает уже над готовым сайтом, он добавляет различные функции на сайт, и В общем, занимается тем, чтобы сайтом управлять можно было удобно. Верстальщик , просто создает сайт, дизайн для него, В общем придает форму сайта, контент, футер и т.д. Скиньте ссылку или здесь напишите, кто есть кто и чем занимается. И главный мой вопрос: можно ли быть верстальщиком, веб-программистом и т.д. сразу?
0 votes45 answers -
Перенос текста при абсолютном позицировании
В общем искал объяснение в инете, и ничего попутного не нашел. Проблема собственна решена, но не понятна причина. Есть у меня кнопка, которая спозиционирована внутри родительского контейнера абсолютно. Только вот когда, макет у меня ужимается до мобильных разрешений, текст кнопки переносится на след. строку, хотя места вокруг достаточно, для расположения текста в одну линию(на прикрепленном к посту скрине, показано это странное поведение). Проблема, из-за чего возникает такое поведение возникает из-за этих двух строчек: left: 50%; transform: translateX(-50%); если их убрать, то текст кнопки в одну располагается в одну линию. Вот полный пример . Данная …
0 votes1 answer -
Завершаем обтекание в IE
В общем clear:both; не работает в 7 и 9 IE http://pashkes24.narod.ru У всех остальных браузерах все норм. Как быть в моем случае?
0 votes35 answers -
IE7
Проблема в общем хреновая (, упустил момент теперь надо думать. В ИЕ7 появилась нижняя полоса прокрутки при разрешении 1024 (чего быть не должно.) В ИЕ6 это решалось с помощью #footer, #header { margin: 0 -1px; } Естественно во всех других браузерах все окей. Может у кого есть соображения ? Я понимаю что не телепаты, но может слыхали ? Пока что буду локализовывать проблему (((, встрял ( блин попробывал было быстро решить прописав и для ие7 то же самое не помогло ). Выявил проблемные участки : /*#main1 { position: relative; min-height: 100%; min-width: 999px; } */ /* #header { position: relative; background: url(../img/lentaBottomImage.png) no-repeat 974px …
0 votes16 answers