HTML Coding

29,542 questions in this forum

1. css странное наследование или полтергейст

   Добрый день, жители форума. Верстаю сайтик с вордпресса в джумлу. возникла странная(для меня) проблема. задал свойство a:hover, focus и active для горизонтального меню с id=mergen. И к моему большому удивлению и глубочайшему сожалению(мягко говоря) теги <a> левого вертикального меню приобрели те же самые свойства. Помогите побороть пожалуйста А конкретнее: фоновая картинка при фокусе изменяется как в классе menu(первое меню, вертикальное) так и в нужном мне меню класса mergen(второе меню, горизонтальное) Часть CSS: body,html {height:100%; } body{:#ffffff;font: 400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;color:#000;margin:0 auto;} .clr{clear:both;overflow:hidde…

   Asked by mergenmasterf1, October 28, 2012

   0 votes
   1 answer
2. Прикрепить картинки к html-письму

   Есть html-макет для отправки на электронную почту. Данный макет состоит из таблиц, содержащих картинки. В Thunderbird при вставке HTML при помощи "Insert" -> "HTML.." в письмо добавляется таблица без картинок. Подскажите, пожалуйста, как в письмо вставить html-макет с картинками?

   Asked by TorchTT, October 29, 2012

   0 votes
   1 answer
3. Опера растягивает на 100% фиксированный по ширине столбец

   Здравствуйте. Имеем вот такой замечательный код: <style> html, body { height:100%; margin:0; } table { width:100%; height:100%; background:#000; } table, table tr, table tr td { border:none; border-collapse:collapse; /*padding:0;*/ } table tr td { vertical-align:top; } table tr td.center { width:1000px; background:#fff; } .block { height:200px; background:#222; } </style> <table> <tr> <td></td> <td class="center"> <div class="block"></div> </td> <td></td> </tr> </table> Если открыть его в браузере (Опера, ФФ, ИЕ не смотрел), то вокруг div.block б…

   Asked by goooooch, October 28, 2012

   0 votes
   1 answer
4. Не могу в меню выстроить блоги горизонтально

   Здравствуйте. Подскажите пожалуйста, как мне выстроить элементы меню вертикально, друг под другом. Сейчас они уезжают право друг за другом. Подробнее на картинке css код следующий .menu { margin:0; padding:0; display: table-row; background: #cccccc; border-bottom-style:solid; border-bottom-width: 3px; border-bottom-color:#666666; display:block; } .menu li { width: auto; display: table-cell; text-align: center; height: 30px; padding-left: 0px; position:relative; } li:first-child { padding: 0; } .menu li a { color: #000; position: relative; width: 1100px; height: 30px; display: table-cell; vertical…

   Asked by ufo44, October 29, 2012

   0 votes
   1 answer
5. Почему карта перекрывает внутреннюю тень?

   Здравствуйте! Подскажите почему в данном случае карта (OpenStreetMap) перекрывает внутренние тени, заданные блоку карты? И что можно сделать, чтобы тень была? Спасибо.

   Asked by Aviko, October 29, 2012

   0 votes
   1 answer
6. Не позиционирует относительно body

   Вот столкнулся с проблемой, не могу никак решить. Редактирую шаблон opencart. Задача: Надо сверху от края экрана сделать черную полосу на ширину экрана, высотой 30 пикс., это фон для верхнего меню, обязательно на ширину всего экрана. Так-то фон можно сделать черным, но ограничение по ширине контейнера. Дано: Все содержимое сайта в #container, ширина которого 980px. Что делал: 1. Перед контейнером ставил блок на всю ширину - не получилось, все разъезжается. Почему - не понял. Хотя раньше в Joomla таким способ делал шаблоны. 2. Основной контейнер вставлял в другой контейнер шириной на весь экран. Все поползло, там походу куча стилей, которые надо переопределять, геморрой.…

   Asked by Galyanoff, October 29, 2012

   0 votes
   1 answer
7. Подскажите недорогой нормальный хостинг с подробными интрукциями

   Здравствуйте Хочу начать работать с сайтами на сервере, но пока не ориентируюсь почти что в этом. Каких то особых требований наверное нет. Достаточное дисковое пространство, поддержка скриптов, FTP, CMS... стандартный набор для функционирования полноценного небольшого учебно-тренировочного сайта. Недорого или "бесплатно". Без рекламы. Выделенный сервер тоже не требуется. Если там будут подробные инструкции по настройке то вообще будет замечательно просто. Также приветствуются ссылки объясняющие эту тему. Какова на сегодня ситуация с регистрацией доменных имен в зоне .ru? сколько оно стоит? Все ли уже "забиты"? Что порекомендуете?

   Asked by Starter, October 30, 2012

   0 votes
   1 answer
8. Изменить вид следующего по счету блока

   Ребят, такая ситуация! Как можно сделать так, чтобы элемент следующий в очереди за первым, изменил свой вид <div class="первый элемент"></div> <div class="2ой элемент"></div> напрямую в коде я не могу задать класс для следующих нижних блоков, так как последующие появляются автоматически в зависимости от добавления материала! P.S. PHP у меня нет!

   Asked by tema, October 30, 2012

   0 votes
   1 answer
9. Пару вопросов по формам

   1)<input type="file"> Внешний вид этого инпута очень разный в хроме и фаерфоксе (последние версии) Если в ФФ еще куда ни шло (текстовое поле, рядом с ним кнопка "Обзор"), то в хроме просто кнопка "Выберите файл" и рядом тупо текст "Файл не выбран" Сам-то инпут функционирует как и положено, в обоих браузерах, файл можно выбрать итд, тут притензий нету. Меня не устраивает: а - как поменять надпись на самой кнопке ("Обзор" или "Выберите файл" мне не очень подходят)? <input type="file" value="ololo"> ничего не дает б - то, что в хроме нету текстового поля рядом с кнопкой (как в ФФ) меня сильно смущает. Если я хочу что б было соответсвующее текстовое поле, пр…

   Asked by Evkaky, October 30, 2012

   0 votes
   1 answer
10. Непонятки z-index

    Почему псевдо элементы отображаются выше блоков? http://jsfiddle.net/tMBrK/ Css: .block1 { padding: 0 10px; position: relative; top: -11px; left: -2px; z-index: 9; } .block1::after { content: ""; position: absolute; bottom: 17px; left: 4%; width: 92%; height: 30%; box-shadow: 0 26px 25px rgba(0, 0, 0, 0.7); z-index: 8; } .block2 { padding: 0 10px; position: relative; width: 95%; left: 12px; right: 12px; margin-top: -11px; z-index: 7; } .block2::after { content: ""; position: absolute; bottom: 17px; left: 4%; width: 92%; height: 30%; box-shadow: 0 26px 25px rgba(0, 0, 0, 0.7); z-index: 6; } } Html: <div class="block1"></…

    Asked by ultrbi4, November 1, 2012

    0 votes
    1 answer
11. Проблемы с repeat-y\x в Opere

    Всем здрасте Есть сайт mk1410.net. На нём я добавляю разграничительную полосу, через css background{url(images/content_line.png) repeat-y 641px 0px}. Она становится, именно так как я хочу её видеть во всех браузерах, кроме оперы. В опере данная полоса заливает весь контент. Что не пробывал, не помогает Подскажите, может кто-нибудь с таким сталкивался? Как с сием чудом бороться?

    Asked by pashkje, November 1, 2012

    0 votes
    1 answer
12. Помогите с версткой хаотичных элементов

    Добрый вечер, форумчане. Столкнулась с такой проблемой. Есть дизайн На картинке видно, что ссылки Портфолио, Дизайн сайтов, Логотипы, Клиенты и пр. располагаются нестандартно. И собственно я не знаю как их сверстать. Я подумывала в сторону таблицы, со своими отступами, объединением ячеек, но еще не уверена. Может быть вы подскажите более простой и грамотный вариант? Всем спасибо за ответы!

    Asked by wyjka, November 8, 2012

    0 votes
    1 answer
13. table внутри div

    Есть Div, он резиновый, текст в нем нормально отображается, вставляю таблицу - а таблица мало того выезжает за границы div'а так еше и поверх текст идет, хотя текст идет после таблицы. ЧТо делаю не так?

    Asked by exhang, November 1, 2012

    0 votes
    1 answer
14. Запуталась в блочной верстке!

    https://lh6.googleusercontent.com/-50Vu66rx3-s/UJNrqsMDmjI/AAAAAAAAFBQ/jXYJgQtydS8/s1543/666.gif пишу сайт на битрикс. никак не могу опустить логотип вниз, первый раз верстаю div. Помогите разобраться. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <?$APPLICATION->ShowHead()?> <title><?$APPLICATION->ShowTitle()?></title> </head> <body ><?$APPLICATION->ShowPanel();?> <div class="b-logo-wrapper"><!-- блок логотип--> <div class="b-logo"><img src="/bitrix/templates/<? echo SITE_TEMPLATE_ID;?>/imag…

    Asked by Ledok, November 2, 2012

    0 votes
    1 answer
15. Border gradient

    Здравствуйте, подскажите как модно сделать линейный градиент для границ блок. Нашел не плохой способ http://css-tricks.com/examples/GradientBorder/ (первый блок) но граница устанавливается только для 2 границ, мне нужно для всех?

    Asked by HOG_Seruj, November 2, 2012

    0 votes
    1 answer
16. проблемы с отображением css в opera

    здравствуйте, у меня такой вопрос: я установил cms wordpress на (denwer) подключил тему и сделал несколько изменений в файле stayl.css после этого в браузере opera он стал не корректно отображаться, проявляется это в торможении при загрузке css меню

    Asked by filius667, November 3, 2012

    0 votes
    1 answer
17. Есть горизонтальное выпадающее меню в низ, но как его переделать чтобы он выпадал в верх?

    Есть горизонтальное выпадающее меню в низ, но как его переделать чтобы он выпадал в верх? Код естественно прилагается): #nav { margin: auto; z-index: auto; display: block; } #nav li { float: left; } #nav li:hover { position: relative } #nav li:hover > a { background: #021A1A; box-shadow: 5px 5px 25px #000; -moz-box-shadow: 5px 5px 25px #000; -webkit-box-shadow: 5px 5px 25px #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #nav li.sub:hover > a { border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #nav li a { color: #fff; font-weight: bold; text-decorati…

    Asked by lektor, November 4, 2012

    0 votes
    1 answer
18. Нужно обвести текст

    Подскажите как в css можно обвести текст.

    Asked by xDemix, November 3, 2012

    0 votes
    1 answer
19. Тег <label>

    Здравствуйте. Вопрос, как я уже сам понял, больше философский, наверное, но теперь-то мне очень нужно и узнать ответ наших профи ) Почитал про тег <label>. Ну, все замечательно - привязывает к переключателям "кликабельное" текстовое описание. Есть два способа синтаксиса..., Гугл говорит... а вот тут и понеслось... )) В итоге, даже нашел (лучше бы не находил) на эту тему статью на Хабре (!), где чуть ли не холивар вышел Итак, вкратце. Вариант раз: <input type="checkbox" id="01"><label for="01">Кликни текст</label> Все прекрасно и по правилам, НО зачем нам эти id и for, если можно делать и без них, тем более при 99 копипастах чекбоксов менять столь…

    Asked by Kray Storm, November 4, 2012

    0 votes
    1 answer
20. Как узнать точки (coords) объекта на фото с помощью фотошоп? Работа с тегом frea

    Здравствуйте, Изучая тег "area" задался вопросом можно ли через программу фотошоп или с помощью чего либо другого узнать точки которые задаются в "coords" [area shape=poly" coords="113,24,211,24,233,0,137,0" href="inform.html" alt="Информация"] Вот к примеру у меня на фото объект скажем человек, я его выделил через фотошоп и хочу узнать координаты каждой точки и вставить в "coords", скажите это возможно

    Asked by 4237723, November 4, 2012

    0 votes
    1 answer
21. Верстка в 3-2 колонки сразу

    Всем привет. Есть задача сделать 2-х колоночную верстку с динамическим добавлением 3 колонки по надобности. То есть. Если в третьей колонки есть информации, то выводить ее и чтобы вторая колонка уступала третьей колонки место. А если нет третьей колонки, то вторая колонка занимала все свободно место. Вот не пойму, как это возможно сделать. Буду благодарен за помощь. P.S. без JS

    Asked by ihappy, November 4, 2012

    0 votes
    1 answer
22. type="text/css"

    У меня документ хтмл5, т.е. <!DOCTYPE html> Я в этом документе использую встраиваемые стили <style></style> Нужно ли писать type="text/css"? Видел много примеров? где его как пишут, так и не пишут. Знаю, что без него всё будет работать, но все же, лучше прописывать его? Или в хтмл5 он абсолютно не нужен? Такой же вопрос каcательно <script type="text/javascript"></script>

    Asked by Evkaky, November 6, 2012

    0 votes
    1 answer
23. Оптекаемость div

    На днях начал разбираться спозиционированием и столкнулся с проблемой - текст в родительском div'e заезжает под дочерний div. Дочерний див прижат к правому нижнему углу родительского div'a и внутри него располагается 3 иконки и если текста получается много, то он уходит под дочерний див, а не обтекает его <div id="block_r"> Текст текст текст текст текст текст Текст текст текст текст текст текст Текст текст текст текст текст текст Текст текст текст текст текст текст <div id="block_a"> <img src="img/ico1.png" width="45" height="38" align="right"> <img src="img/ico2.png" width="45" height="38" align="right"> <img src="img/ico3.png" width="48…

    Asked by ДиСи, November 6, 2012

    0 votes
    1 answer
24. аналог box-shadow

    Здравствуйте мне нужно сделать тень в почтовом шаблоне, которая бы отображалась в gmail. box-shadow я так понимаю не работает. есть ли аналоги?

    Asked by Alekto, November 7, 2012

    0 votes
    1 answer
25. Картинка выходит с блока , если float:left

    Здравствуйте! Картинка выходит с блока (.box) .box { padding:5px 5px 5px 5px; margin-bottom:10px; border:1px solid grey; width:700px;}, если для картинки свойство float:left. Почему?

    Asked by mylogin, November 7, 2012

    0 votes
    1 answer