HTML Coding

29542 questions in this forum

1. Рационально ли?

   Сегодня потребовалось создать, вот такой ярлычок с датой: Вроде бы все получилось, но может есть какой-то способ проще такое сделать, просто для себя интересно на будущее. Вот мой способ: HTML: <div class="news-img"><img src="/img/post1.png" /><span></span><div class="date"> Oct 18, 2010</div></div> CSS: .news-img { position: relative; } .date { padding-right: 24px; background: url('../img/date-arrow.png') no-repeat right; position: absolute; top: 20%; } .date p { background: #2da8d2; padding: 5px 6px 6px 0; } .news-img > span { width: 14px; height: 55px; display: block; position: absolute; left: …

   Asked by MC WEST, October 18, 2010

   0 votes
   7 answers
2. Неподвижный бэкграунд.

   Здравствуйте. Вот возник вопрос, который никак не могу решить. И не знаю, можно ли вообще это осуществить. У меня разрешение экрана 1680*1050. Есть сайт. Фиксированный дизайн шириной 1000px по центру. На задний фон хотел впихнуть картинку.Но максимальная картинка какая влазит, это шириной 1680. Думал 2560 запихать, но её не отображает. Вот и хотел узнать: можно ли как-нибудь засунуть в бэкграунд картинку 2560*1600 расположив её по центру. Чтобы подходило всем, вплоть до этого разрешения. Делаю я вот так: body { background: url(blackwood.png); background-attachment: fixed; background-repeat: no-repeat; background-position:center; }

   Asked by Dezmont, October 29, 2010

   0 votes
   2 answers
3. Cкрытые br как их удалить

   Оч. странная вешь, Firebag показывает br а в блокноте и Dreamweaver их нет, а надо бы их удалить! Не подскажете в чем может быть баг? http://s41.radikal.ru/i091/1105/08/92376147cd72.jpg вот тут большое изображение Всем заранее спасибо за помощь!

   Asked by proud, May 13, 2011

   0 votes
   8 answers
4. float:right

   Всем привет. Кто нибудь может помочь, почему то блок съезжает. С таким глюком сталкивался в нескольких верстках. При назначении float:right для блока 3, он начинает съзжать в IE7. Этот блок лежит в синем диве фиксированной ширины. Пробовал задавать ширину для всех дивов, даже для контейнера, не помогло ничего Оо Скрин прилагается http://imageshost.ru/photo/248519/id908902.html код для синего блока #dtb { background-color:blue; margin:0 auto; height:150px; border: solid 1px red; text-align: center; margin-top:30px; width:1140px; код для блока с цифрой 3 #zem_uch3 { float: right; border:0px; }

   Asked by kryakryalala, September 17, 2011

   0 votes
   5 answers
5. Помогите сделать ссылку в виде "стрелочки"

   Нужно сделать как на картинке: Делаю так: <a href="#" class="item">Пункт 1</a> .item{ display: block; position: relative; height:30px; width:130px; line-height:30px; text-align:center; text-transform:uppercase; color:#fff; background-color: #f00; } .item:before{ content:''; position: absolute; left:0; top:0; border-left:15px solid #fff; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:after{ content:''; position: absolute; left:100%; top:0; border-left:15px solid #f00; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:hover{ background-color: orang…

   Asked by bob_24, February 6, 2012

   0 votes
   10 answers
6. вертикальное выравнивание

   подскажите пожалуйста про вертикальное выравнивание могу смоделировать, но долго. да и теория интересует. допустим ul содержит текст, li, span. все элементы по умолчанию выравниваются по базовой линии текста, который в ul. если этого текста нет, то по какой базовой линии будут выравниваться элементы?

   Asked by cyklop77, August 16, 2012

   0 votes
   1 answer
7. Padding

   Есть блок , в нем текст. У блока есть своя высота и длина , но при применение свойства pudding - они изменяются. Как сделать так , чтобы текст уходил в блок , а не расширял его внешне?

   Asked by Evgen8, November 10, 2012

   0 votes
   3 answers
8. Флешь прикрытие

   Приветствую мои друзья. Я не силен в CSS вот и обращаюсь. Возьмем к примеру большой флешь объект размером - 920х635. Он стоит ровно по середине. При изменении размера экрана бразузера он все-ровно стоит по середине. В этом флешь файле мне нужно закрыть (прикрыть) часть самого этого файла. Я пытался закрыть картинкой размером 387х159, у меня получилось. Закрывал с помощью тега <div id="apDiv2"></div> вот с таким css стилем #apDiv2 { position: absolute; left: 53%; top: 1666px; width: 387px; height: 159px; z-index: 1; background-color: #FFF; background-image: url(../_img/sf_ban.png); }. Но есть небольшая проблема для меня. По вертикали проблем пока врод…

   Asked by Favorskij, January 3, 2013

   0 votes
   7 answers
9. стиль html в css'е

   1) Ребят, поведайте, пожалуйста, полному нубу откуда повелось переопределять тэг html в css? html { background-color: #FFFFFF; background-image: url("../../Img/bckgrnd.jpg"); background-position: center top; background-repeat: repeat; min-height: 400px; } Дело в том, что, подобных приемов в уроках я не встречал. Вроде как всегда приучали работать с body. Но на практике очень часто вижу подобное. 2) Никак не могу понять назначение height: 100% применительно к тому же html: html { ... height: 100%; } - что это дает? Каким образом происходит растяжение по высоте? Пробовал экспериментировать, убирая данное свойство, но никакого изменения не выявил... В общем, подск…

   Asked by The_Immortal, February 3, 2013

   0 votes
   4 answers
10. Как такое сверстать?

    Туплю потихоньку... не могу представить как такое можно заверстать: Это список (<li>) пунктов меню. Думаю что нужен один элемент (типа <span> или <div>) внутри <li>, у него сделать прерывающийся бордер, который повыше, а продолжение бордера уже у <li>, но выходит тоже с прерыванием..., но как это сделать? after, before и border? Мозги уже не варят )

    Asked by rus, November 28, 2013

    0 votes
    5 answers
11. Проблема со спрайтами

    http://zverushka.100ms.ru/dantist/ В айпаде и вроде в айфоне - лишняяя полоса - уже и так и сяк, а не могу ее убрать А эта проблема только в сафари. У кнопки установлен transform scale.

    Asked by Zverushka, April 3, 2014

    0 votes
    11 answers
12. Не знаю как сделать форму

    Нужно сделать такую форму, но не знаю как. Получается сделать только просто выпадающий список. Но для сохранения общего дизайна нужна такая. Заранее благодарен

    Asked by Immortal, July 11, 2014

    0 votes
    7 answers
13. SVG траблы

    Подскажите плиз кто работал с svg, встраиваю svg прямо в html и все круто кроме одного - примерно 2/3 html это svg и еще гадкий jade в sublime 3 ломает индентацию (приходится ручками подправлять). Решил встроить svg спрайтами через background-image но есть проблема - не могу использовать fill, что мне делать то, отдельный спрайт для ховера делать ?

    Asked by Sergik+, January 26, 2015

    0 votes
    7 answers
14. CSS отказывается работать/отображаться.

    Здравствуйте. У меня возникла проблема и я попробую ее объяснить. Дело в том, что у меня отказывается подключаться/отображаться css к html. В коде ошибок нет, вроде все правильно подключаю, а результата нет. Буду очень благодарен если поможете. Скриншот - http://hostingkartinok.com/show-image.php?id=e630d03148bf4d2babe81fedd6c098ae

    Asked by Zloi_Pain, November 2, 2015

    • CSS HTML
    0 votes
    2 answers
15. Меню западает за видимость

    Парни,есть сайт,я его сверстал,но проблема моя в том что выпадающее меню залазит за видимость экрана( Как сделать красиво?Или хотя бы что бы что б оно автоматов в другую сторону выпадало? Вот скрин,и ссылка на сайт. http://cs629325.vk.me/v629325382/27aec/7GVSae6yP5s.jpg http://chobd.esy.es/

    Asked by vitaxastifler, December 8, 2015

    0 votes
    7 answers
16. вывод ошибок из ajax

    подскажите решение для вывода ошибок при аякс запросах, использую бутстрап алерт не нравится в идеале хочу всплывающий нотис например вверху окна чтобы потом он сам пропал

    Asked by https, December 30, 2015

    0 votes
    3 answers
17. как с сайта подключиться к абоненту watsapp

    Здравствуйте! Возможно ли сделать так, чтобы пользователь, просматривая сайт на мобильном устройстве, мог по ссылке сразу подключиться к абоненту Watsapp (хозяину контента сайта)?

    Asked by nlanla, February 15, 2016

    • watsapp
    0 votes
    3 answers
18. div

    Я столкнулся с проблемой. Я ограничил div margin'ом со всех сторон %'ами, но мне нужно растянуть div на полную ограничив его этими процентами. Как это сделать? Тут height и width не помогает.

    Asked by Danateliant, July 8, 2016

    0 votes
    5 answers
19. Тормозит карусель

    Добрый день! Или у меня что-то с интернетом или карусель на главной и следующая страничка "купить" долго загружаются. Можете глянуть в чем причина?? Спасибо!

    Asked by Vic-Tor, August 15, 2017

    • карусеть
    0 votes
    8 answers
20. ссылки в фреймах

    В первом фрейме у меня записано Во втором - это: В IE работает нормально, в опере при нажатии например на первую ссылку в первом фрейме, во втором открывается в верхней строчке второй рисунок c point2, а не первый, то есть происходит смещение.

    Asked by qwertyui, February 22, 2008

    0 votes
    0 answers
21. Таблица в div'е

    Мне необходимо нарисовать таблицу внутри дива(который определённой ширины). И когда я рисую таблицу, если она не влезает в этот див, то просто добавлялась полоса прокрутки. Всё бы вроде ничего, сделал, но появилась другая проблема - не смотря на то, что я явно указываю ширину столбцов CSS'ом, они всё равно стремятся быть как можно уже. А мне нужно, естественно, чтоб они были всё-таки той ширины, которую я указываю. Привожу пример исходника: <!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"> <html> <head> <style type="text/css"> …

    Asked by senneco, February 9, 2009

    0 votes
    4 answers
22. скрыть при условии

    вопщем немогу сам придумать как выстроить такое отношение <div id="rightcolumn"></div> <div id="content"> <table class="contentpaneopencat"></table> </div> нужно чтобы если <table class="contentpaneopencat"> существовал, то <div id="rightcolumn"> был бы {display:none;} нимогу сам сообразить

    Asked by mafinok, May 22, 2009

    0 votes
    2 answers
23. Смысл значения -x%

    Здравствуйте! Помогите, пожалуйста, понять смысл этого кода Html: <body> <div id="container"> <div id="header">шапка</div> <div id="wrapper"> <div id="content">содержимое</div> </div> <div id="menuGr">меню1</div> <div id="menuBb">меню2</div> <div id="footer">информация</div> </div> </body> Css: html,body{ margin:0; padding:0; } #wrapper{ float:left; width:100%; } #content{ margin: 0 25%; } #menuGr{ background:#7F120D; float:left; width:25%; margin-left:-100%; } #menuBb{ background:#0404EE; float:left; width:25%; margin-left:-25%; } #footer{ background: #…

    Asked by frcshnick, June 25, 2011

    0 votes
    7 answers
24. z-index

    Дорогие форумчани, Не могу разобраться почему не работает z-index.. ttfan.ru Под слайдером есть поле с 3 колонками, над этим полем должен быть маленький header Помогите пожалуйста

    Asked by Select, November 29, 2011

    0 votes
    3 answers
25. padding в меню

    Столкнулся с такой проблемой, хочу сделать отступы от текста сверху и снизу по 5px и по бокам 10px делаю padding:5px 10px; у меня только по бокам отступы получается, а с сверху и снизу ничего не происходит. http://jsfiddle.net/ha7ap/

    Asked by moslem, January 2, 2012

    0 votes
    8 answers