HTML Coding

29,542 questions in this forum

1. IE рамка вокруг ссылки

   в css прописано свойство, но не помогает: :focus {outline: 0;}

   Asked by okunev2, January 10, 2013

   0 votes
   7 answers
2. выстроить li в два столбика

   здравствуйте. подскажите, пожалуйста, как можно вот на этой картинке сделать список в два столбика: вот его код (li я сократила немного, чтобы вас не утомлять): <div class="za-post-inner"> <h2 class="za-postheader"> <div class="za-postcontent"> <div class="za-article"> <div id="article-index"> <h3>Article Index</h3> <ul> <li> <li> <li> <li> <li> <li> </ul> </div> </div> <div class="za-article"> </div> <div class="cleared"></div> <div class="za-postfootericons za-metadata-icons"> </div> <div class="cleared"></div> что нуж…

   Asked by Нusuf, January 21, 2013

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

   Я знаю CSS, HTML, Javascript но создание дизайна сайта это для меня мука. Я не могу просто придумать сам дизайн или хотя бы зарисовку. Есть ли литература поэтому поводу, чтоб можно было научится создавать дизайны?

   Asked by T@NKIST, January 5, 2013

   0 votes
   7 answers
4. тег button

   Только узнал, что у этого тега есть свойство type, у которого может быть значение submit. Отсюда вопрос: чем отличется <input type="submit" value="ololo"> от <button type="submit">ololo</button> На сколько я знаю, у обоих по умолчанию display:inline-block. И оба этих варианта будут тправлять данные на сервер, если заключены в тег <form>

   Asked by Evkaky, January 13, 2013

   0 votes
   7 answers
5. Проблемма с классами..

   В этой теме mrnobody мне объяснил, что меню можно задать класс..Но у меня почему-то получается вот так: Тоесть если вы заметите, joomla приписала moduletable слитно к main_menu + приписала слитно menu к first_class_меню...Почему и что делать? Помогите пожалуйста!

   Asked by Noraad, January 12, 2013

   0 votes
   7 answers
6. Помогите с background-position

   Добрый день. Столкнулся вот с такой проблемой. Есть такая конструкция: <div class="one"> <div class="two"> текст текст текст текст текст текст текст текст текст текст текст текст </div> </div> У класса two background-image выровнен по: center top и не размножается. У класса one background-image так же выровнен по центру, но он размножается по repeat-y Но возникла проблема накладывания двух изображений друг на друга и получается замыленность (так как изображения полупрозрачные). Как сдвинуть повторяющееся изображение вниз, что бы оно повторяться начало не с самого верха, а ниже на то значение, что я указываю? Вот такая конструкция не хочет работа…

   Asked by shotlandec, February 19, 2013

   0 votes
   7 answers
7. гуляющие элементы

   Добрый день! Подскажите пожалуйста Делаю простенький шаблончик на вордпресс. Будет выглядеть примерно так но у меня фигня происходит с менюхами при уменьшении размера окна браузера, они съезжают как и див.entry код хедера: и цсс: я нуб во всех этих делах и не понимаю почему так происходит, два дня сидел пробовал менять все что мог. думал дело в position да нифига. Чет понять не могу в чем проблема. Подскажите пожалста, где искать корень проблемы? Как поправить?

   Asked by Jekil, January 8, 2013

   0 votes
   7 answers
8. @media screen and (max-width: ***px)

   Наверно глупый вопрос, но я не совсем понимаю при прогрессивной верстке /*==общий код для самых маленьких дисплеев==*/ @media screen and (max-width: 480px){ телефоны } @media screen and (max-width: 768px){ планшеты } @media screen and (max-width: 992px){ мониторы } у нас сверху вниз наследование происходит? то есть 768 будет в себя включать 480 или же там надо будет все это про дублировать еще раз. Интересуюсь с целью сокращения кода. если наследуется то супер.

   Asked by stDragon, January 15, 2013

   • @media screen
   • Progressive enhancement
   0 votes
   7 answers
9. Тень у текста

   Как делать у текста такую тень средствами css?

   Asked by okunev2, January 9, 2013

   0 votes
   7 answers
10. создать сайт

    Всем привет! я тут и в теме этой новенький. Хочу сделать интернем -магазин для себя. домен есть. хост есть. и есть куча вопросов! также есть пока демо-версия битрикса. хочу еого переделать для себя. вопрсы! 1- как редактировать шаблон и сайт в целом? на хочте можно? или на компе? 2- .шаблон. папка. фаил? кто обьяснит 3- Спасибо всем кто в теме!

    Asked by cars, January 15, 2013

    0 votes
    7 answers
11. сss, проблема с "дивами"(позиционирование)

    Привет всем, подскажите, есть вопрос: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style>[/background][/size][/font] [font=Verdana, Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif][size=3][background=rgb(250, 250, 250)]li { list-style-type: none; } ul { margin-left: 0; padding-left: 0; } .full{ width: 800px; margin: 0 auto; }[/background][/size][/font] [font=Verdana, Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif][size=3][background=rgb(250, 250, 250)].imaging{ position: fixed; right: 50…

    Asked by f0rzik, January 15, 2013

    0 votes
    7 answers
12. Одинаковая высота у двух блоков

    Кратко: есть основной контентный блок, есть правый контейнер. На контентный блок ложится основная нагрузка: он сильно растягивается под действием новостей и пр., а в правом контейнере будут небольшие объявления, необходимая высота гораздо меньше. Как сделать так, что бы оба этих блока растягивались до футера? HTML <div id="right">Правый контейнер</div> <div id="center">Контентный блок</div> CSS #center { background-color:#8080FF; margin-right: 252px; background: url(/templates/Custom/img/contentbg0.1.png); background-repeat: repeat-x-y; border: solid 1px black; } #right { background: url(/templates/Custom/img/upheader1.0.png); background-repea…

    Asked by Klever., January 10, 2013

    0 votes
    7 answers
13. Расположение картинок горизонтально

    Как сделать так: 1. чтоб картинки на странице располагались горизонтально? т.е. при добавлении картинки она уходит вниз, а мне нужно чтобы они все шли горизонтально и появлялась горизонтальная прокрутка. 2. чтоб картинки изменяли размер в зависимости от размера браузера?

    Asked by aizul, January 23, 2013

    0 votes
    7 answers
14. Как к селекту привязать координаты с google-карты?

    Есть такая вещь, на странице снизу есть google-карта, выше нее - селект с названиями горов, как сделать так чтобы выборе города из селекта на карте переходило на его координаты? как можно к option привязать координаты?

    Asked by alex_stepanow, January 26, 2013

    • google
    • select
    • help
    • map
    0 votes
    7 answers
15. Верстка

    Помогите новичку разобраться. 2 вопроса: 1) Не могу понять почему у меня div "footernews" прилеплен к div "footer", а не к div "imgmove". Как это исправить? 2) Как сделать так чтобы footer_background накладывался на div "imgmove"? #footer[/color] { height: 280px; background: #fff; clear: left; background-image: url(images/bg_footer.jpg); background-repeat: no-repeat; background-position: 0 160px; position: relative; z-index: 2; } #footernews li { list-style-type: none; height: 170px; width: 380px; float: left; } #imgmove { width: 146px; height: 164px; float: left; position: relative; margin-left: 10px; top: 11px; border: 1px solid black; z-index: 1;

    Asked by Drix87, January 30, 2013

    0 votes
    7 answers
16. бэкграунд к правому краю

    Есть вот такой вот оригинальный макет, подразумевающий бэкграунд под правым меню, прижатый, соответственно, к правому краю и продолжающийся далеко вниз за пределы самого меню и контента. Собственно, проблема и оказалась в том, чтобы этот бэкграунд прижать к правому краю навсегда, и чтобы при этом он был "бесконечным". Вёрстка табличная, меню в ячейке, если я сделаю бэкграунд ячейке, он закончится вместе с ней и в самом низу под меню всегда будет некрасивая белая область. Также сложность состоит в том, что бг - рисунок, требующий при репите состыковки, то есть сделать в футере аналогичную ячейку, "продолжающую" бг, я не могу - высота подменю на разных страницах разная, сл…

    Asked by maritca, February 4, 2013

    0 votes
    7 answers
17. Как сделать шрифт нормальным

    http://jsfiddle.net/jaster/ESahE/

    Asked by jaster, February 20, 2013

    0 votes
    7 answers
18. Как убрать отступы вверху страницы?

    Не могу убрать отступы вверху страницы. Пробовал margin: 0 и padding:0 для всех элементов - не помогло. Помогите исправить. Код: <!DOCTYPE html> <html> <head> ?<title>Головна сторінка</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Andrei Nemchenko" /> <meta name="keywords" content="Мій герой" /> <meta name="robots" content="all" /> <link rel="stylesheet" type="text/css" href="[url="http://localhost/myheroi/styles.css"]styles.css[/url]" /> <script type="text/javascript" src="[url="http://localhost/myheroi/scripts/clock.js"]scripts/clock.js[/url]">&…

    Asked by nemo59, February 6, 2013

    0 votes
    7 answers
19. Высота float-элемента в 100% в FF и Chrome

    Мда )) Уже начал сходить с ума, пытаясь понять логику, по которой float-элемент игнорирует height и min-height в процентах. Оказалось дело в Firefox. Допустим, у нас есть float-блок, который находится в родителе. И нам нужно, чтобы даже при отсутствии контента (или малом количестве) у плавающего была бы какая-то минимальная заданная высота. Как бы логично и удобно использовать min-height, который берется от родителя. Но FF все обламывает. Понятно, что такую модель можно реализовать и по-другому. Но вопрос в том, что есть ли способ, не меняя подход, научить FF видеть эту высоту? Перед нажатием на "отправить" проверил в Хроме. Та же проблема. Тогда это уже интереснее. Кто м…

    Asked by Kray Storm, February 7, 2013

    • float
    • Mozilla
    • height:100%
    • Chrome
    • min-height:100%
    0 votes
    7 answers
20. Галерея slimbox2, наиправильнейший вариант

    Нужен совет и критика: Есть галерея - "slimbox2". Бралась готовым кодом с какого то сайта, структура кода примерна такая: <ссылка><картинка></ссылка> + стили для ссылки и для картинки + файлы явы Получилась сетка примерно по 150на130 картинок. У меня возникла необходимость разбавить секции фотографий, текстом. Сделал блок со своими стилями, который в нужном месте вставлял меж фоток. И тут начался бардак. Возникла идея сделать галерею на базе списка, где уже основные параметры назначить ячейки, а в нее вставлять по необходимости рисунок или текст. Вот стало интересно - яве все равно откуда брать ссылку на увеличенное (исходное) изображение, из ссылки кото…

    Asked by cmndr_alexgreen, February 8, 2013

    • Галерея slimbox2
    0 votes
    7 answers
21. Резиновая верстка

    Добрый день! Нужно резиново спозиционировать div относительно wraper. Чтобы при уменьшении размера монитора div не двигался, пока не начал сжиматься wraper. Рисунок по сылке http://s1.ipicture.ru/uploads/20130221/p4cSvlWn.jpg

    Asked by romank, February 21, 2013

    0 votes
    7 answers
22. Explorer не хочет понимать #cover_img_3:hover>.text{ display: block;}

    Здравствуйте коллеги, это мое первое обращение на форуме, так как не могу самостоятельно понять что происходит с этим факнутым эксплорером) в общем привожу ниже код, все просто. есть блок. наводишь на него мышкой и появляется текст с описанием. Все браузеры отлично воспринимают этот простейший код, проблема именно с эксплорером. <div id="cover_img_3"> <img src="1.jpg" /> <div class="text"> <p>Тут располагается скрытый текст..</p> </div> </div> #cover_img_3{ cursor:pointer; position: relative; float: left; margin: 30px; width:370px; height:200px; } #cover_img_3:hover>.text{ display: block; top: 200px; background: #000; -web…

    Asked by Березовский, February 23, 2013

    • explorer hover
    0 votes
    7 answers
23. Не применяется картинка для background

    Привет, подскажите пожалуйста, почему не применяется картинка <!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=UTF-8"> <title>Maket</title> <link href="css/style1.css" type="text/css" rel="stylesheet" media="screen"> </head> <body> <div class="background"> <div id="shadow_bg"></div> <div id="paper_down_base"></div> <div id="slider_bg"></div> </div> <div id="ribbon_effects"> <div id="shadows"></div> </div> <div id="header"> &lt…

    Asked by d.dee, February 24, 2013

    • background
    • img png
    0 votes
    7 answers
24. css резиновый div

    Вот, есть 2 div'a (float:left) у одного ширина 500px, как сделать что бы другой занял все оставшееся место на странице(min-width: 500px;max-width: 720px) и растягивался с ней, а первый оставался неподвижным?

    Asked by Zzz_, February 25, 2013

    0 votes
    7 answers
25. Ссылки, href - относительные и абсолютные, правильность написания

    Наткнулся на новую рекомендацию написания относительной ссылки, и в общем задумался о самом правильном и грамотном отображении линков. Поскольку код пишу непосредственно в файле на хостинге, сам всегда использую абсолютные ссылки (к примеру a href="//www.site.ru"), Но знаю что многие верстают на домашней машине и там же проверяют, соответственно используют относительные ссылки. Отцы профессионалы, перечислите самые правильные варианты написания ссылок, желательно с примерами. _________ Собственно видел такие варианты относительных ссылок: a href="../img/picture.jpg" a href="./img/picture.jpg" a href="/img/picture.jpg"

    Asked by cmndr_alexgreen, February 28, 2013

    • href
    0 votes
    7 answers