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
-
Не могу открыть сайт
Добрый вечер Уважаемые! Подскажите пожалуйста в одном вопросе, установил битрикс,работал после выключения компьютера не могу открыть сайт, работал на локалхост, что может быть?
0 votes5 answers -
Помогите вставить красиво картинку
Помогите вставить красиво картинку справа вверху которая, а то как то оно туго смотрится.
0 votes4 answers -
Перекатывание изображений
Здравствуйте. Есть задача: Портфолио работ(картинки) черно-белого цвета. При наведение - картинка становится цветной. Нашел статью на хбуке http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Но данный пример не подходит, т.к картинки все будут разные, а к каждой применять класс и прописывать ей стили не хочется. Нашел решение на JS: http://www.sdws.ru/topic.php?t=3&id=2# Как бы тоже не хочется его применять: 1. Нужна поддержка JS. 2. Нужно создавать две картинки(Желательно спрайтом). 3. Опять же, если правильно понимаю, нужно лезть в JS файл и задавать пути. Собственно вопрос: Можно ли как-то с помощью CSS решить эту проблему? ps. рылся в …
0 votes4 answers -
Рамка на DIV с частичным перекрытием текста
Всем добра! Интереса ради захотелось сделать блок с такой рамкой, как на картинке: Я попытался сделать это с помощью z-index и относительного позиционирования. В итоге результат был достигнут, но выявилась одна проблема. Суть её заключается в следующем. Уголок рамки был помещён в отдельный блок и размещён ниже блока с текстом. На нужное место блок ставился через CSS с использование отрицательных величин. Блок с уколком и блок с текстом располагаются в самом низу страницы. Однако же, когда браузер отрисовывает страничку, он отображает и то пустое место, где первоначально (в html) располагается блок с уголком. Таким образом, появляется скроллер и внизу образуется пустое п…
0 votes3 answers -
Проблемы с прозрачностю
Здравствуйте. У меня вот такой вопрос. При создании блока с черным фоном и изображением внутри, применяются стили css для прозрачности фона, но вместе с фоном прозрачным стает и изображение, как добиться того чтоб изображение не было прозрачным. код HTML <div id="test"> <img src="img/img.gif" width="117" alt="img"> </div> код CSS <style> #test { background-color:#000; opacity: 0.5; } </style>
0 votes1 answer -
Вопрос по fieldset
Здравствуйте! У меня такой вопрос (искал в сети, но ответа не нашёл, решил спросить у знающих здесь): как ещё можно реализовать, сверстать такую штуку - Знаю, что есть такое <fieldset> и <legend>, можно легко с их помощью реализовать данное, но это, к сожалению не подходит. Есть ли ещё какие-нибудь идеи по этом поводу, как реализовать вёрстку без тегов <fieldset> и <legend>? Заранее Вам благодарен!
0 votes1 answer -
Как лучше с верстать ?
Скажите пожалуйста как лучше сверстать ? http://itmages.ru/image/view/1690784/f7f0f63c Таблицей или дивами ?
0 votes3 answers -
Подозрительный отступ внизу
Я столкнулся со странной проблемой. У меня двухколоночный сайт, тобишь колонки держатся на float: left; и чистка в конце второй колонки. Сперва проблему я увидел когда я делал во втором блоке блоки, которые мне нужно было разместить в 2 ряда, я делал это с помощью того же float: left, но так как я был вынужден чистить после каждой второй картинки я решил забросить это дело. Я перешел на абсолютные значения(хотя это и глупо ибо есть варианты получше, я знаю). Отступ внизу страницы так и не пропал. Отступ размером около 20-ти пикселей стабильно там находится... Я его смог убрать только одним способом: изменил высоту блока контента насильно через код до 639пк и отступ проп…
0 votes1 answer -
какая-то аномалия. Почему стиль применяется так же и к другому блоку?
если навести файрбагом на ячейку таблицы, то можете увидеть класс: .ntable если написать: .ntable th, td { border: 1px solid black;}тогда стиль применится и к футеру (смотреть не с мобильного надо) . Вопрос почему? и как сделать, чтобы у таблицы были границы в контенте, а в футере рамок не было. ps: если таблице футера присвоить свой класс, тогда он будет применяться к контентной части таблицы! Почему это происходит? Ведь они находятся в совершенно разных контейнерах. даже если к itemBody применять стиль - он действует и на футер. ничего не понимаю..
0 votes3 answers -
Облегающий внешний контейнер
Как заставить внешний контейнер q2 заставить облегать блоки находящиеся в нём?. Можно указать width:308px пикселов, но есть ли свойство которое автоматом всё делает? https://jsfiddle.net/1ht5mo7o/1/
0 votes1 answer -
Стиль спойлера
Добрый день, форумчане. Помогите, пожалуйста, справиться со стилем спойлера. http://primfile.com/video/hud-films/25-spoiler.html Вот здесь сверху и снизу рамки спойлера большой отступ до текста. Как его можно уменьшить? я пробовал margin, padding.. ничего не помогает. вот какие настройки в данный момент: .title_spoiler { text-align: justify; font-weight: bold; color: #636363; background-color: #ECE1FE; border: 1px dotted #bebebe; padding: 1px; } .text_spoiler { color: #757575; background-color: #DEEDFA; border: 1px dotted #bebebe; border-top: 0; text-align: justify; padding: 1px; }
0 votes1 answer -
Резиновая шапка с картинкой
Друзья, подскажите. Есть шапка Как сделать, чтобы центральная часть вместе с тенью оставалась на месте (отметил красным цветом), а слева-справа растягивалась. Или наоборот, нужно центральный div растягивать?
0 votes1 answer -
Наследование из других классов
Есть стиль для таблиц общий /* Tables */ table { line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; width: 100%; border-collapse: collapse; } caption { text-align: left; font-size: 20px; padding-bottom: 10px;} th, td { padding: 5px; } td { font-size: 12px; } td#next { text-align: right; } Во втором коде перекрываю с помощью !important стили таблиц, чтобы карта нормально отображалась #YMapsID table {border:none; width:270px; margin:0 !important;} #YMapsID th, td, tr { padding: 0px; border:none !important; } Но при этом это влияет на общий табличный стиль, так как он начинает думать, что стили для карт важнее собственных. Если сделать наоборот, т…
0 votes3 answers -
Масштабируемый бэкграунд с сохранением пропорций изображения
Всем здравствуйте. Хочется поставить фотографию в качестве масштабируемого бэкграунда с сохраняющимися пропорциями изображения (без искажения) на всю ширину и высоту экрана монитора без прокрутки. Реализация по средствам html css, при этом обойтись без всяких скриптов. Пример сайта, который сделан так: http://firefly-photography.co.uk/ Протестировал его в разных браузерах при разных разрешениях мониторов - все отлично работает. Как добиться такого пропорционального масштабирования изображения? Всем заранее спасибо!
0 votes1 answer -
li в несколько колонок - непонятный глюк
Здравствуйте, товарищи! Помогите, пожалуйста, разрулить ситуацию: есть набор кнопок, мне нужно расположить их по три в ряд. Я верстаю их списком: <ul class="buttons"> <li><a href="#">Пенсионное обеспечение граждан</a></li> <li><a href="#">Социальная поддержка населения</a></li> <li><a href="#">Социальная поддержка семей с детьми, пожилых граждан и инвалидов</a></li> <li><a href="#">Социальная поддержка семей, имеющих детей</a></li> <li><a href="#">Адресная социальная помощь</a></li> <li><a href="#">Реабилитация и социальна…
0 votes3 answers -
Псеводэлементы :after и ::after
Не могу понять практическую разницу между типами с одним и двумя двоеточиями. Естественно, вопрос не по версиям CSS и не по поддержке в браузера. Спасибо
0 votes5 answers -
div по центру
Подскажите пожалуйста, как выровнять див с картикой по центру и по горизонтали и по вертикали, и что бы при ресайзинге картинка оставалась по центру? Пробовал min-height для обертки, а потом от обертки делать отступ, но все равно не работает. Спасибо заранее
0 votes2 answers -
Потерял статью
Всем привет! Наверное написать лучше в эту тему Помню была хорошая статья на хабре, сейчас понадобилась, но по необъяснимой причине я ее не добавил в закладки Вобщем есть такой макет И в той статье очень подробно описывалось для чего нужно такое количество вертикальных полос, в чем удобство, для чего отделять хэдер, контент и футер и прочее прочее... Может у кого осталась ссылка... или хотя бы помогите сформулировать запрос в поиск
0 votes2 answers -
Баг IE
Вот щас начал править форму поиска, не именно через search а через обычный text Вот что примерно <form action="#" method="post" class="form"><input type="text" name="search" id="search" placeholder="Поиск... /><input type="submit" name="search" value="ок" /></form>У меня конечно не кнопка а лупа... И вот такой баг я увидел что в IE input меньше чем в mozilla Как это возможно поправить? по принципу можно задать width и height input но этого пока не делал....
0 votes2 answers -
Как сделать видео конференцию на сайте?
Какие теги надо использовать для создания видео конференции?
0 votes3 answers -
Видео с youtube
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как изменить значок воспроизведения в видео с youtube?
0 votes3 answers -
Как сделать Border как в инстаграмме?
Чтобы эффект такой красивый был?
0 votes2 answers -
печать страницы из браузера
http://imgur.com/a/qXdrG/all 4 колонки это превью хром, 2 колонки это фф другие страницы этого сайта в фф превью нормально выглядят куда смотреть?
0 votes3 answers -
изменение разрешения сайта
воспользовался таким способом: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Выравнивание блока по центру по вертикали и горизонтали</title> <style type="text/css"> html, body{ margin:0; padding:0; width:100%; height:100%; } #CenterBlock{ background:#F00; width:400px; height:400px; position:absolute; top:50%; left:50%; m…
0 votes0 answers -
Бывает ли Русская рыба?
Как-то раз слышал что существует русский Lorem Ipsum)) Ресурс так и не нашел... Может кто ссылкой поможет?
0 votes4 answers