HTML Coding

29542 questions in this forum

1. Получить высоту блока

   День добрый!!! Необходимо сделать скобочку для блока под ссылки. Вот пример страницы, где выглядит все как надо, пока только в Опере http://izss.ru/Продукция На всякий случай сделал фото http://глобалавто18.рф/img/izss.png Столкнулся с двумя проблемами: 1) Не могу задать блоку с границами высоту родителя. Пробывал задавать высоте значения 100% и inherit, тогда блок становится маленьким, отображаются только границы, будто высота родителя нулевая. Пока задал высоту в 120px. Вот кусочек кода. HTML <div id='links'> <div id='border'></div> <a href='Продукция/Комплектные трансформаторные подстанции'>Комплектные …

   Asked by rulevoi, July 30, 2012

   0 votes
   1 answer
2. Иконки на сайте

   Здраствуйте дорогие друзья помогите немного мне разобраться.В общем картинка ->САМА картинка.Где стрелочка хочу разместить маленькую иконочку как это сделать?

   Asked by Alex15, August 23, 2012

   0 votes
   3 answers
3. Ненужное смещение то ли текста то ли 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
4. горизонтальное меню:hover с фоном не закрывает слева разделитель

   Всем привет! Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. Попробовала margin-left:-1px; -- при наведении курсора этот маrgin закрывает разделитель слева, но из-за этого немного прыгает все меню. Как можно сделать так, чтобы и разделитель слева закрывался фоном при наведении курсора и не было никаких сдвигов .Menu-2 li a { display:block; min-width:130px; height:40px; font-weight:bold; text-align:center; color:#FFF; cursor:pointer;…

   Asked by Nailya, May 13, 2013

   0 votes
   4 answers
5. Inline + margin

   <div style='float: left; text-align: center; width: 200px; margin: 3px; border: 1px solid black;'> <img src='http://mmoland.ru/webapp/mmoland/files/images/2012/08/image012.jpg'/> <div style='display: inline; margin-bottom: 5px;'> <a href='/catalog/blabla'>blabla</a> </div> </div> Вот этот же код http://jsfiddle.net/fZLkV/2/ Мне нужно центрировать текст ссылки по высоте, но сейчас текст прижат к низу. Я пробовал сделать div (в котором ссылка находится) выше с помощью matgin-bottom. Но он не работает вместе с display: inline. Как бы вы выровняли текст в моем случае?

   Asked by GuitarFan, June 2, 2013

   0 votes
   4 answers
6. Подскажите

   Здравствуйте! Подскажите, кто знает. Вот основная тема. В общем, ищу работы для тренировок. Всякие чужие макеты верстать самому для себя конечно полезно, но удовлетворения от этого не так много, как нужно для мотивации к последующим свершениям. Чувствую если так буду продолжать, то такой пламенный интерес к верстке угаснет. Поэтому и хочется найти заказы от живых людей за символические суммы, которые будут служить утешением и хоть малыми, но все таки плодами моей работы. Во-первых можно ли вообще такое найти? А во-вторых можно ли здесь найти подобное, или может есть другие хорошие места именно для поиска легких работ?

   Asked by ulteriormoon, June 14, 2013

   0 votes
   2 answers
7. Съезжает боди.

   Помогите понять, почему страница кривит. Причем в ИЕ нормально, а мозила и сафари с телефона - глючат. Ссылка удалена

   Asked by spurlos, October 29, 2014

   0 votes
   3 answers
8. Вертикальное центрирование внутри блока

   И снова очередной чудо-макет. http://jsfiddle.net/gcuxgc71/ В макете кнопка у которой содержимое с классом items_name может быть из одной, двух и трёх строчек. Поэтому остальные блоки нужно всегда выводить по центру. Есть ли возможность не используя таблицы выравнивать текстовые элементы по-вертикали по центру?

   Asked by PavelTkachev, December 16, 2014

   0 votes
   4 answers
9. Не функционирует слайдер

   Собственно, не работают радио-кнопки у слайдера (внизу) http://codepen.io/anon/pen/PwxGxE Также интересует вопрос как сделать рабочими стрелочки(по центру)?

   Asked by yaparoff, March 16, 2015

   • слайдер
   0 votes
   2 answers
10. возникает пустое место при просмотре в браузере

    Помогите пожалуйста понять что за пустое место HTML <div class="rightblock"> <div class="product"> <a href="#" class="cafe"><img src="userfiles/cofe.png" width="135" height="130" alt="cafe"/></a> <a href="#">кофе</a> </div> </div> CSS .rightblock{ width:690px; height:1039px; background:#ffffff; float:left; margin-left:20px; } .product{ width:135px; height:163px; background:#FFFFFF; border:solid 1px #cde151; display:block; } .product …

    Asked by kalmar, August 11, 2015

    • img
    • text
    0 votes
    2 answers
11. Почему в мобильной версии пропадают стили ссылок?

    http://www.vvd.su/aktsii/item/126-sdelaj-selfi-vyigraj-iphone сделал карту ссылок, что при наведении на ссылку в картинке выделяется ссылка. но при мобильно-планшетной версии (меньше 767пх)- стили с позициями ссылок исчезают. Почему это происходит? Впрочем всеравно, что поехало,в мобильной версии такие мелкие надписи на картинке и вовсе не видно. Я хотел ссылки подвинуть - а их #raz a:nth-of-type(1) совсем исчезли.

    Asked by nikki4, April 6, 2016

    0 votes
    0 answers
12. список определений с классом

    Всем привет, Используя список определений с указанием размера хедера в классе будет ли это равноценно по правилам HTML5 и SEO ? Иными словами равноценны ли записи <dt class="h3 ">TEXT</dt> и <h3>TEXT</h3> ?

    Asked by mstdmstd, August 25, 2016

    0 votes
    2 answers
13. Ссылка на каждую страницу! Как?

    Вот сделал сайт!!! Но нужно вывести ссылку на каждую его страницу!!! Как это сделать без использования скриптов, задействуя только HTML и CSS?? Пожалуйсто подскажите...Заранее большое спасибо))

    Asked by egik, February 2, 2009

    0 votes
    1 answer
14. Иконка в меню

    Хочу разместить сво иконку ,я создал её, она находиться в папке имг. Хочу как-то в стилях прописать изображение, а потом подключить в пункты меню эту картинку,чего-то не получаеться правильно сделать это, вот фото которое я хочу получить, и архив в котором пытаюсь это сделать. http://www.sharemania.ru/0227236 http://ipicture.ru/uploads/100903/3BZtW9w4xU.jpg

    Asked by people2010, September 3, 2010

    0 votes
    1 answer
15. Выравнивание по центру нескольких div

    Добрый день, мастера. Решение своей проблемы я не смог найти поиском. Есть каталог в виде картинок. Каждая картинка обрамлена своим div, который имеет float: left. В результате имеем вывод картинок в виде матрицы с переменным количеством столбцов, зависящим от ширины браузера. Проблема в том, что выводимая матрица получается прижата к левому краю. Очень хочется, чтобы она была по середине. Все находимые в сети приемы выравнивают по середине только один div, в результате матрица превращается в одинокий столбец, но по центру. Нужно же, чтобы по центру была вся матрица. Спасибо.

    Asked by kiteman, September 19, 2011

    0 votes
    3 answers
16. Боковые картинки под углом

    Jquery 3d carousel. Как можно, например, в такой карусели: http://fredhq.com/projects/roundabout сделать, чтобы картинки сбоку от центральной (справа и слева) были под углом, как здесь: http://www.olympic.org/ (я знаю, что тут флэш). Можно ли такое сделать с помощью css? Если кто делал подобное, помогите пожалуйста.

    Asked by Tchorteg, October 6, 2011

    0 votes
    3 answers
17. Сайдбар поехал

    Добрый вечер. Помогите пожалуйста, уже несколько часов пытаюсь сделать сайдбар но все впустую Суть в чем, есть футер контент и сайдбар, все это находится в контейнере. верстаю под wp вот код: <div id="container"> <div id="header">шапка</div> <div id="content">контент</div> <div id="sidebar">Это сайдбар</div> <div id="footer">футер</div> Вот css * { margin: 0; padding: 0; } html {height: 100%;} * html body {height: 100%;} body { min-height: 100%; position: relative; } #container { width:980px; margin:0 auto; } #content { padding-bottom: 100px; margin-right:200px; } #footer { position: absolute; bo…

    Asked by WabFad, December 27, 2011

    0 votes
    2 answers
18. как добраться до выделенного тега img?

    Здравствуйте. Пытаюсь добавить свойства: .categories-list .category-desc img{ display: block; border-radius:20px; width:620px; } к выделенному синим первому тегу img, но получается, что свойства применяются и ко второму тегу img, выделенному ниже. Как можно выбрать только первый тег img?

    Asked by borus, January 30, 2012

    0 votes
    2 answers
19. Резина

    Здравствуйте! Я сделал так что б картинка была на весь экран, но при добавлении большого количества текста в "центр", текст выходит за пределы картинки, как сделать что б центр растягивался в зависимости от текста. тоесть изначально картинка подгоняется под размер экрана, а потом если текста много то центр растягивался. Куда копать? <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>резина</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="rezina.css" media="all" /> </head> <body> <div class="kartina_up"> …

    Asked by Petro21, January 31, 2012

    0 votes
    0 answers
20. оформление при дроблении статьи

    Здравствуйте уважаемые вёб мастера и профессионалы своего дела. Не давно пришла идея разделить свои длинные статьи на несколько частей. У меня это получилось, но достаточно коряво. Пытался использовать плагин wordpress "Next Page", но он показался мне не очень удобным, прописал код: <center><div id="page_2"> <?php wp_link_pages('before=Продолжение: '); ?> </div></center> и стиль: #page_2{position:relative;text-shadow: #fff 0px 0px 1px;color: #a0a0a0;text-align: center;border: 1px solid;border-color: #d9d9d9;padding: 2px 6px 2px 6px; font-weight: bold; height: 13px;width:140px;border-radius: 7px 0px 7px 0px;padding: 7px;margi…

    Asked by felixtrader, March 20, 2012

    0 votes
    3 answers
21. Дотянуть div до футера

    Собственно сабж Абсолютное позиционирование не подходит, так как скол не появится, когда разрешения монитора маленькое.

    Asked by Kerny, June 8, 2012

    0 votes
    0 answers
22. Блок с текстом и фиксированной высотой

    http://4tab.pavelzheglov.ru/sample.html Там, где выводится сейчас анонс статьи, размещен абзац с фиксированной величиной. Надо сделать так, чтобы при при растягивании и сжатии шаблона текст реагировал так же, но чтобы его не было видно за пределами блока, как сейчас. Т.е., допустим, на сайте будет подгружаться 1000 символов анонса, но при разрешении 1024 по ширине видно будет только 600 символов, а при разрешении большем будут вылезать остальные строки, т.к. ширина блока будет увеличиваться пропорционально. На последнюю строку скорее всего сделаю затухание белым полупрозрачным градиентом.

    Asked by Jackky, July 31, 2012

    0 votes
    5 answers
23. Проблема с градиентом

    Приветствую камрады. Уже неделю как изучаю css, дошло дело до практики, хочу сверстать шаблон применяя фишки css3. А конкретно сделать файски у блоков. И столкнулся с проблемой Для создание файски применяю следующий код . block { background: #f3f3f3; height: 56px; margin: 15px 0 15px 0; background: linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -ms-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -moz-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -o-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -webkit-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); } Как я понял…

    Asked by Gilman, November 19, 2012

    0 votes
    2 answers
24. Интерактивная Форма

    Доброе время суток! Помогите решить вопрос с такой формой: Допустим имеется инпут Select, и выбираешь один пункт из него, ниже отображается одни поля для заполнения, выбираешь другой пункт отображаются другие поля для заполнения. Вопрос - можно ли такое реализовать без JavaScript и HTML5 ? Если нельзя, то как такое реализовать на JavaScript так, что бы поддерживали все браузера начиная с IE6? Всем взаранее спасибо.

    Asked by rentony, December 8, 2012

    0 votes
    3 answers
25. Помогите сделать резиновый шаблон

    Всем доброго дня, У меня есть медицинский сайт http://lechim-uxo.ru я хочу сделать его резиновым т есть на всю ширину экрана, но некоторых правил я не знаю. Помогите сделать.... Есть еще вторая проблема: У меня 3 блока левое меню, цент и правое Но есть проблема, с 3 блока все переваливаеться в центральный блок, не могу понять где ошибка, помогите....

    Asked by blogowed, July 25, 2013

    0 votes
    7 answers