HTML Coding

29,542 questions in this forum

1. Вертикальный текст в заголовке таблицы (Firefox)

   Нужно расположить текст текст в заголовках к таблице вертикально, в идеале решение должно работать в Google Chrome и Firefox но вполне достаточно только Firefox. Проую прописать -moz-transform: rotate(270deg); -moz-transform-origin: 50% 50%; и получаю вот такую вот картинку Вот копия стиля с элемента element.style { transform: rotate(270deg); transform-origin: 50% 50% 0; } .t20Standard th.t20ReportHeader { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #AAAAAA #AAAAAA #AAAAAA -moz-use-text-color; border-image: none; border-style: solid solid…

   Asked by Casufi, December 13, 2012

   0 votes
   3 answers
2. Выравнивание ширины input и select

   Я не очень опытный верстальщик так, что мой вопрос может прозвучать здесь уже в 111-й раз. Но все же, мне не понятно, почему поле select, с заданным css-атрибутом width, при отображении в браузере оказывается короче значения этого атрибута? Вот простой пример, в котором это видно: <input /> <br/> <select />? <style> input,select{ width:200px; }? </style> Поле input при отображении имеет ту ширину, которая задана css-атрибутом width. Скажите, а как задать правильную ширину для select?

   Asked by freeneutron, December 13, 2012

   0 votes
   3 answers
3. Лишнии пробелы при смене кодировки

   Есть два меню верхнее и среднее они хранятся отдельно и инклудятся на все страницы сайта, до недавнего времени они находились в кодировке анси, и таки все было впорядеке, я это заметил и поменял на ютф8 т.к использую именно эту кодировку, и откуда не возьмись перед блоками появились пробелы. Чем это может быть вызвано?! При чем, если делать не иклудом, то пробелы исчезают.

   Asked by JessyStorm, December 17, 2012

   0 votes
   3 answers
4. xquery

   Извините меня за глупые вопросы, но вот я решил тут начать изучать XQuery, XPath и всё такое... но не знаю куда выражения этих языков надобно помещать? Их можно в скрипты на странице включать, в отдельные файлы или вообще только программно и парсером каким-нибудь? Вот например, у меня есть файл xml и файл html, как мне в html получить результат работы XQuery, который роется в файле xml? Везде куча мануалов по этой штуке, а самого главного - где это всё надо писать и нужны ли какие-либо инструменты - нет.

   Asked by weirdfunnies, December 18, 2012

   0 votes
   3 answers
5. Глюк в IE6 или я не то делаю + фреймы

   Вопрос № 1 <map name="box"> <area shape="rect" coords="10, 10, 10, 10" href="page.html" /> </map> <a href="page2.html"><img src="images/img.png" usemap="#box" /></a> Во всех браузерах ссылка "по умолчанию" (то есть a href) работает нормально. В IE6 нормально работает только rect. Чтобы открыть magicbox02.html, надо жать правой кнопкой и выбирать открыть. Это глюк или я неправильно сделал, включив картинку с картой в a? Вопрос № 2 Предстоит поработать с такой гадостью, как фреймы. Там суть в том, что берутся файлы из самого первого задания, что надо сделать. Всего три. Первое - про таблицы, второе про карту ссылок, третье про фрей…

   Asked by thekap, December 18, 2012

   0 votes
   3 answers
6. копирование кода в буфер

   выскажите пожалуйста ваше мнение относительно юзабилити сейчас на многих даже солидных сайтах популярно копирование в буфер при помощи ссылки. пример можно увидеть на этой страничке. отличие от ctrl+v в том, что приходится совершать лишнее действие(закрытие модального окна "ок"). я не понимаю чём удобство

   Asked by cyklop77, December 20, 2012

   0 votes
   3 answers
7. Резинавая верстка

   Подскажите пожалуйста список большинства популярных разрешений для резиновой верстки с использованием: @media screen and (max-width: ***px){} Для деспотов: 1024x768, 1280x1024, 1680x1050, 1920x1080 эти как я понял ноутбуков: вообще не знаю планшетов: 7" и 10.1" но как понимаю есть еще небольшой зоопарк от Sumsung + Ретина дисплеи + еще горизонтальное и вертикальное расположение смартфонов: ??? там вообще грандиозный зоопарк... игровых приставок: (PS3 Xbox) точнее скорее для широкоформатных телевизоров. цель простая. хочу сделать собственный набросок или пару набросков для адаптивной верстки под свои нужды. Вообще идеальным было бы если бы дали ссылку на статейку или …

   Asked by stDragon, December 20, 2012

   0 votes
   3 answers
8. Как грамотно прекратить отсечку изображений?

   Здравствуйте. На сайте внизу у самой последней программы обрезается нижний кончик изображения коробки программного продукта: Как правильно убрать отсечку изображения?

   Asked by borus, December 20, 2012

   0 votes
   3 answers
9. мне нужно поменять фон всплывающего меню

   я совсем запутался: Это всплывающее меню. Оно работает. Но вот мне нужно поменять фон меню. Я прописываю в CSS ' #menu {background-color:#000000;} ' но фон черным не становится. Так как всё- таки добраться до фона и размеров верхнего (главного,горизонтального) меню. CSS: #menu,#menu li ul{ margin:0px; padding:0px; list-style:none;} #menu > ul > li{float:left; display:inline-block; margin-right:20px;} #menu li ul{display:none; position:absolute; z-index:100; width:200px;} #menu li:hover ul{display:block;} HTML: <div id="menu"> <ul> <li><a href="./index.php?route=product/category&path=20">Компьютеры</a> <div> &…

   Asked by Лис3, December 23, 2012

   0 votes
   3 answers
10. Цветовая гамма

    Хотелось бы объективной оценки не слишком ли темные цвета я выбрал? http://voidblog.net63.net Опыт верстки полторы недели, так что не судите строго

    Asked by JessyStorm, December 23, 2012

    0 votes
    3 answers
11. Пустые Div

    И это снова я, второй раз за день Извольте мне вам задать еще один вопрос о стилях. Дело в том, что я часто рисую дизайны так, что приходится логотипам меняться при наведении. Что я делаю? Я создаю Div, внутрь которого ничего не кидаю, т.к. изображение бессмысленно бросать туда (может я и не знаю, но задать изображению :hover нельзя), поэтому я все делаю со стилями, то есть именно ими оформляю логотип с изображением. После этого я кидаю этот же Div в тег <a>. Правильно ли я делаю? Можете поделится в такой ситуации своими секретами? Спасибо, буду очень признателен за любую помощь.

    Asked by artem42, December 24, 2012

    0 votes
    3 answers
12. Решение нетривиальной задачи с отступами.

    Здравствуйте, дорогие форумчане! Я в первый раз на вашем форуме, так что извините, если создал тему не там, где полагается. Суть проблемы такова: имеется див, в котором два дочерних дива делят между собой его пополам. По ТЗ каждый второй дочерний див, примыкая к своему соседу с правой стороны, имеет отступ от него, равный 12px. Собственно, данная конструкция не работает в IE8 и в версиях ниже - отступ почему-то пропадает, в этом и вся проблема. Для наглядности, приведу код: .parent-element { float: left; height: 174px; width: 378px; background: white; border-radius: 7px; border: solid 3px #f27d00; } Код марджинга дочернего элемента: .child-element:nth-child(eve…

    Asked by fanisco, December 26, 2012

    0 votes
    3 answers
13. Проблема с резиновым дизайном

    Всем привет, не нашел ответа на свой вопрос, т.к. поиск выдаёт ошибку Делаю резиновый дизайн, где 3 колонки, боковые имеют фиксированую ширину по 300px, а центральная растягивается пов сем ширине моника то есть width:100%. Не получается, свойство float не работает.... помогите, в чем ошибка?, как лучше реализовать задачу? HTML <body> <div id="container"> <div id="col-left">123</div> <div id="col-center">123123</div> <div id="col-right">123</div> </div> </body> СSS #container { width:100%; padding:5px; background:#CCCCCC; overflow:hidden; } #col-left { width:300px; background:#00CCFF; float:left; } #c…

    Asked by sweb27, December 25, 2012

    0 votes
    3 answers
14. Портфолио.Что и как?

    Доброе время суток! Около 3 месяцев занимаюсь изучением HTML,CSS,JS,в скором времени будет PHP,MySQL.В основном пока интересует деятельности верстальщика.Практикуюсь как могу,получается понемногу) Но с недавних пор начал встречать понятие "портфолио".В общих чертах знаю что это такое. Вопрос банальный,точно задавался уже на форуме,но поиск не работает( Как должно выглядеть портфолио верстальщика,ну или "веб-мастера"?То есть свой сайт,блог,просто набор работ и т.д? Смотрел шаблоны сайтов,далеко не все можно вкладывать в портфолио.Какие тогда можно и нужно вкладывать? И есть ли сайт где можно взять шаблоны. Портфолио нужно и для постоянного трудоустройства,и как для фриланс…

    Asked by Vlad_Lotysh, December 25, 2012

    0 votes
    3 answers
15. Блоки <DIV>

    Здравствуйте! Прошу вас о помощи! Мне необходимо переделать сайт, который состоит в основном из блоков <DIV>. Сейчас столкнулся с проблемой: блоки налезают друг на друга. Как мне их упорядочить, чтобы второй блок начинался после того, когда закончится первый? Заранее спасибо! <div id="text24" style="position:absolute; margin-top: -80px; overflow:hidden; left:13px; top:1550px; width:781px; height:380px; z-index:77";> <div class="wpmd" align=justify> БЛА БЛА БЛА </div></div> <div id="text25" style="position:absolute; overflow:hidden; left:13px; top:1813px; width:786px; height:74px; z-index:78;"> <div class="wpmd"> БЛА …

    Asked by egorns, December 26, 2012

    0 votes
    3 answers
16. Элемент переносится на следующую строку; почему?

    Хелло ворлд! Я в верстке недавно и зелен как побег фасоли. Ссылка. Под большим блоком находятся спаны, последний из которых почему-то переносится на следующую строку. Почему? Ведь ширина спана равна 260 пикселов, отступ справа - 10 пикселов, у последнего элемента он отсутствует; 3 отступа по 10 пикселов и 4 спана по 260 пикселов равно 1070 пикселов; ширина <nav>'а равна 1080px В чем проблема? P.S. С математикой усе хорошо вроде.

    Asked by saprolino, December 26, 2012

    0 votes
    3 answers
17. Ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE

    При первом наведении происходит ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE 8 и 10 (в остальных нормально). Вживую (в области основного контента): http://suits.ru CSS: a:link { text-decoration: none; color: #003366; border-bottom: 1px solid #C0C7CE; } a:visited { text-decoration: none; color: #4E5869; border-bottom: 1px solid #C0C7CE; } a:visited:hover, a:hover, a:active, a.active { text-decoration: none; color:#B50000; border-bottom: 1px solid #E7E7E7; } Помогите, пожалуйста, исправить. Может я запрос не так формулирую, но поиск ничего не дал.

    Asked by cuman, December 26, 2012

    0 votes
    3 answers
18. Помощь в верстке с таблицами

    Ребята, прошу вас помочь в верстке. Все дело в таблицах. Третья ячейка у меня вылазит вперед, а в первой ячейке 3 пункт из списка выпирает. И проблемы по 3 пункту только в ИЕ - в файерфоксе все хорошо! <TABLE align=center> <TR> <TD> <!-- ????? ??????? ???????? --> <table> <tr> <td background="./images/v_dome.png" id=name> <!-- ???? "? ????" --> <br><br><br><br><br><br> <div class="wpmd"> <div><IMG SRC="./images/4.png" BORDER=0 align="left"><font class="ws11"><b><a href="vodosnabgenie_doma.html" title="????????????? ????" class="style5">??????????…

    Asked by egorns, December 27, 2012

    0 votes
    3 answers
19. подключение семейства myriad

    здравствуйте. вот снова дизайнер натыкал мириадовских шрифтов и в этот раз смотрю заказчика отговорить не удастся (. скинули папку со всеми мириад в .otf. но белка ругается на меня что шрифт мол коммерческий. говорят что можно переконвертить в ttf тогда мол белка схавает или менять название файла - оба способа не помогли. пробовал тут - вроде все делает только в результате демо файл даже в ие9 не пашет ((( вот прикладываю то что выдает font2web буду рад любой помощи - заранее спасибо

    Asked by Dioni$$, December 30, 2012

    0 votes
    3 answers
20. absolute position

    Всем привет. Прошу обьяснить мне как сдвинуть 1 див внутри другого на координаты 0, 0 относительно этого дива; Вот пример: <div id="wrap" style="width: 300px; height: 300px; background-color: #3366CC; margin-top: 50px;"> <div id="rect" style="width: 50px; height: 50px; background-color: red; position: absolute; top: 0px; left: 0px;"></div> </div> Так вот при таком подходе я получаю сдвиг на точку 0, 0 относительно документа а не дива(т.е квадрат перемещается в левый верхний угол документа). Мне же нужно чтобы квадрат был как-бы с абсолютным позиционированием, но при этом оставался внутри дива и двигался вместе с ним, если я к прим…

    Asked by Esigns, December 31, 2012

    0 votes
    3 answers
21. html lang="ru"

    Ранее использовал в своих шаблонах следующие строчки ?<!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" lang="ru" xml:lang="ru"> <head> и тд Теперь решил перейти на HTML5 и пока не нашел информации о том есть ли изменения в указаниях языка сайта <!DOCTYPE HTML> <html lang="ru" - ??> <head> Подскажите наиболее корректный вариант.

    Asked by cmndr_alexgreen, January 2, 2013

    0 votes
    3 answers
22. Фоновый рисунок

    Всем привет изучаю я значится ЦСС фоновые рисунки по книжке очень содержательной и вот там пример с искажением сложной спирали ... вкратце: там есть 4 разных рисунка добавленных для эффекта размытости вот только как их отдельно посмотреть ума не приложу помогите пожалуйста посмотреть картинки http://meyerweb.com/eric/css/edge/complexspiral/glassy.html ПЫ СЫ видел что они делают и в стилях видно все но интересно посмотреть просто на картинки но бида в том что заданны относительные ссылки на изображения

    Asked by Bobikys, January 3, 2013

    0 votes
    3 answers
23. отображение случайной фото в 2 местах и с разным размером

    здравствуйте. на сайте есть фоновый рисунок, надо мне сделать отображение случайной фото в 2х местах на странице. как бы ее миниатюру и "нормальный" размер. Искал информацию по этому поводу но нашел только скрипт как можно сделать вывод 1 случайной фото с определенной папки. Спасибо

    Asked by trilus, January 2, 2013

    0 votes
    3 answers
24. Как вставить скрипт слайдера

    Всем привет! Недавно начал изучать html и css. Взялся за верстку одностраничника. Столкнулся с трудностью, что не знаю как быть со слайдером. Видел в инете готовые скрипты, но как их прикрутить к сайту не представляю. Вопрос: можно ли без знаний javascript верстать сайты со скриптами (прикручивая готовые шрифты)?

    Asked by marselkin, January 10, 2013

    0 votes
    3 answers
25. Font-face Generator

    Подсмотрел в сети пример внедрения не стандартных шрифтов через @font-face, вот код: @font-face { font-family: 'MyriadProRegular'; src: url('../fonts/mp_r/mp-regular-webfont.eot'); src: url('../fonts/mp_r/mp-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mp_r/mp-regular-webfont.woff') format('woff'), url('../fonts/mp_r/mp-regular-webfont.svg#MyriadProRegular') format('svg'), url('../fonts/mp_r/mp-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } там же в папке fonts лежат эти шрифты и файл generator_config.txt Подскажите сервис где можно сгенировать эти шрифты или урок на русском в сети. Спасибо

    Asked by okunev2, January 10, 2013

    0 votes
    3 answers