HTML Coding

29542 questions in this forum

1. Сбивается чередование цветов в таблице при удалении некоторых строк

   Добрый день! К сути: Есть таблица, в которой применено чередование цветов в четных/нечетных строках: tr:nth-child(2n) td{ background-color: #def;}tr:nth-child(2n+1) td{ background-color: #ddf;}Чекбоксом скрываю часть строк: #check-in:checked ~ * .up{ display: none;}После этого чередовании цветов в строках сбивается. Есть ли какая-либо возможность применить чередование только к тем строкам, которые отображены (т.е. display: table-row) или может есть более простые способы удалить строки с сохранением чередования цветов? Заранее спасибо за советы! html: <input type="checkbox" id="check-up"><input type="checkbox" id="check-in"> <table> <thead&…

   Asked by Oktava6, August 8, 2015

   • table
   • nth-child
   0 votes
   4 answers
2. Ребят как в bxSlider сделать нумерацию слайдов внутри Pager

   В общем проблема в следующем, есть макет со слайдером, писать слайдер самому на данный момент не позволяет уровень знания JS и JQuery, по этому решил использовать bxSlider, но проблема в том что нужно сделать внутри пейджера контент с нумерацией слайдов, а куда это писать не пойму в js файле, все немного сложно написано. Подскажите куда что писать или какое нибудь другое более простое решение резинового слайдера.

   Asked by Konstantin99, August 8, 2016

   0 votes
   4 answers
3. Съезжает кнопка на iPhone

   Страница | Скриншот: И есть ли какой-нибудь сервис для просмотра и диагностики (инструменты разработчика) сайтов на iPhone, чтобы в будущем не обращаться на форум? Спасибо

   Asked by iBars, June 11, 2018

   0 votes
   3 answers
4. Перенос в титлах

   Рад приветствовать общество, после недолгой вынужденной паузы! Вот подскажите пожалуйста, возможно ли как нибудь организовать перевод каретки в титле: <span title=Тег или тэг: от английского Tag (бирка): специальный набор символов, описывающий характеристики текстовых и других объектов. style='color:#3300CC; cursor:help'> тег</span> nr не работают. А у Гугла как то получается. Или нужно отдельный скрипт сочинять? PS. Как же все таки правильно, тег или тэг? Спасибо.

   Asked by Николай 2357, July 20, 2008

   0 votes
   6 answers
5. Изменение цвета у img

   Возможно ли с помощью css создать класс который деллал бы загружаемую картинку, если она цветная, в серых тонах? или это из области фантастики?><

   Asked by Mary_RND, April 14, 2010

   0 votes
   6 answers
6. Ссылка во флэше

   Есть сайт art143.ru, на нём заголовок сделан в виде флэша. Можно как-то указать в HTML, чтобы флэш ссылался на главную страницу без правки исходника?

   Asked by Vlad, July 28, 2011

   0 votes
   15 answers
7. Эффективный путь изучения вёрстки

   Расскажите ваш путь изучения вёрстки? О себе: я технически грамотный человек, программист по профессии, но вёрсткой никогда серьёзно не занимался. Как лучше построить свой путь изучения? Что почитать (какие статьи, книги - можно на английском), какие упражнения-задачки поделать, может быть начать свой проект, в котором всю вёрстку выполнить самому? Форумы, mailing lists и т.д.?

   Asked by empi, November 6, 2011

   0 votes
   15 answers
8. Фото как background для страницы

   Здравствуйте, захотелось мне сделать сайт у которого на фоне страниц будет фото Лондона. Размер фото 1920 х 1080 ,но при ее размищение появляются отступы, подскажите пожалуста как спозиционировать фото так что-бы она была полностью во все окно браузера и что бы это свойство оставалось на всех мониторах. Спасибо.

   Asked by Mirabo4, October 27, 2012

   0 votes
   10 answers
9. Пара вопросов от новичка

   Всем доброго времени суток. Почитал я много ресурсов, почитал Ваш форум. Все же, есть немного вопросов, которые хотелось бы задать. Начну с того, что мне посоветовал заниматься веб дизайном один знакомый программист. Важно ли это? Вот он как бы посоветовал и все, сказал наверное главное в этом деле, что нужно понять что то такое html вообще, а только потом переходить к css. А уже после, еще глубже уходить. Вот собственно вопрос номер 1. Правильно ли это? Или все же, лучше совмещать изучение? Но тут может появиться в голове каша. Вопрос 2. Теория + практика. Нашел я практику, в принципе, на сайте хтмлбукс. Там есть какие то задачки. Самопроверка. Вопрос в теории. …

   Asked by Shneiderlin, June 5, 2014

   0 votes
   13 answers
10. width и height на 100%

    Не могу решить одну проблему. Как сделать когда браузер увеличивается или уменьшается размер(ширина и высота) изображения не менялся. Как бы он фиксированный. Пример http://mahno.com.ua/en/ (первый блок). У меня с шириной всё нормально, проблема с высотой. Мой пример с проблемой http://davronv4.businesscatalyst.com

    Asked by anvar9991, April 24, 2016

    • html
    • css
    • height
    • 100%
    • responsive
    • width
    0 votes
    2 answers
11. Перечеркнутый текст в FF и Safari

    Ссылка. Не очень понимаю, откуда мог взяться этот перечеркнутый текст в лисе и сафари. Наследовать он его не мог, так как перечеркивание не где не используется. Поставил для всего блока даже text-decoration : none; Не помогает. В чем можеть быть проблема?

    Asked by PaLyCH, May 28, 2008

    0 votes
    4 answers
12. Postition absolute IE6 для em

    Есть такая конструкция <div class="ml-div"> <a href="http://joos_rc1.ru/" title="Главная" class="mainlevel-1" > <em>Главная</em> </a></div> Для нее CSS a.mainlevel-1 { display:block; width:81px; height:22px; margin:0 auto; padding-top:89px; text-align:center; color:#9f1200; position:relative; background:url(../images/topmenu_1.png) center top no-repeat;} a.mainlevel-1 em { font-style:normal; position:absolute; display:block; width:140px; height:18px; left:-30px; text-decoration: none; } a.mainlevel-1:hover em { font-style:normal; background:url(../images/topmenu_hover.png) center top no-repeat;} Во всех браузерах н…

    Asked by PaLyCH, September 9, 2008

    0 votes
    4 answers
13. Проблема с блочной вёрсткой

    Есть блок, внутри которого находится маркированный список. Как сделать так, чтобы маркеры не вылезали за рамку блока? Пробовал padding'ом — не помогает. Вот, собс-сно, блок, в котором проблема: http://www.schoolukrainka2.ho.ua/problema/index.html Вот CSS: http://www.schoolukrainka2.ho.ua/problema/style.css

    Asked by San-ch93, July 25, 2009

    0 votes
    4 answers
14. Обнуление отступа

    http://cssdeck.com/labs/zipwv5hq В блоке c текстом about_block находится img c отступами в 30px слева и снизу, чтобы текст не прилипал к картинке . Но вот проблема, если текста мало, и он не обтекает картинку снизу, то получается что до следующего блока снизу отступ увеличивается на 30px. Т.е. расстояние между блоками не задуманные изначально 40px, а 70. Так вот, может кто знает решение средствами css?

    Asked by Caffeine, November 17, 2013

    • margin
    0 votes
    8 answers
15. Изображение вокруг курсора прозрачная

    Подскажите пожалуйста, как реализовать эффект как на этом сайте http://industriefer.ru/ ( наведите на бойлер ).

    Asked by Ingvarr, August 14, 2014

    • курсор
    • картинка
    • прохрачность
    0 votes
    2 answers
16. Сверстать портфолио

    Верстаю очередной макетик-портфолио. Столкнулся с проблемой. Идут 16 картинок, по 4 вряд. Указываю для класса .works margin: 40px 0 40px 0; Получается что и у 4, 8, 12, 16 блоков есть отступ справа 40. Они как бы выступают из основного контейнера. С помощью nth-child убираю этот отступ. Есть другой способ? Так как при добавлении еще n количества работ придется дописывать css Вот сама работа: http://cm04741.tmweb.ru/

    Asked by IvanRu08, August 15, 2015

    0 votes
    20 answers
17. Обтекание изображения текстом

    Прошу помощи, я использую Joomla 3+ K2? при создании материала в К2 изображение добавлено через вкладку "Изображение" (то есть изображение не размещено в самой статье, оно прикреплено к ней), изображение выводится как на странице самого материла, так и в списке материалов категории. Подскажите как сделать чтобы данная картинка была обтекаемой текстом и в списке материалов категории и на странице самого материала, я просто голову свернул Пробовал как сказано в FAQ по К2 в стилях k2.kss поставить div.latestItemImageBlock { float: left; margin: 0; padding: 0; } Не помогло И еще просьба, может кто нибудь поможет или хотя бы посоветует с примером…

    Asked by webmax, November 13, 2015

    0 votes
    4 answers
18. Треугольник-стрелка средствами css

    Здравствуйте! Подскажите, как сделать, чтобы треугольник-стрелка перекрывала border (см. картинку, как должно быть ) ? z-index почему-то не помогает... У меня получилось так

    Asked by Alfa2015, February 6, 2016

    0 votes
    3 answers
19. Проблема со шрифтом в div блоке с тегом <p>

    <div class="center-menu"> <div class="center-bar-one"> <h1> Новости </h1> <p>Сегодня 21 января было совершено нападение на одного из наших брокеров, прямо у дверей московской фондовой биржи. Нападающий выскочивший из за угла был одет в черный костюм с красным галстуком и в маске напала на олега олежина после чего скрылся и его след простыл. Олежин был немедленно госпитолизирован, мвд по московской области ведет расследование.</p> </div> </div> Вот хтмл код этого элемента .center-bar-one { float: left; width: 150px; height: 200px; font-size: 11px; color: blue; } Когда я прописываю разм…

    Asked by мурамаса, January 17, 2018

    • div
    • htl
    • html
    • css
    • font
    • font-size
    • help
    • developer
    0 votes
    1 answer
20. неужели глюк в FF?

    имеем меню навигации на CSS (для IE используется JavaScript, естественно). CSS #nav { list-style-type: none; position: relative; width: 100%; float: right; font-weight: bold; } #nav a { color: #FFF; text-decoration: none; } #nav li { float: left; padding: 12px 5px; position: relative; } #nav li.frst { margin-left: 15px; } #nav li:hover { background: #3060AA; } #nav ul { display: none; list-style-type: none; background: #3060AA; position: absolute; top: 100%; left: 0; min-width: 100%; } #nav li:hover ul { display: block; } #nav ul li { float: none; clear: both; padding: 5px; } #nav ul li a { font-weight: normal; display: block; } HTML …

    Asked by rash, August 14, 2007

    0 votes
    2 answers
21. Ширина высота рисунка в background

    собственно есть стиль: td.bg_fotogal1 { background: url(images/bg_fotogal1.png) no-repeat; background-position: right top; width: 28px; height: 16px; } но здесь указана только ширина и высота ячейки таблицы, а я хотел бы также указать высоту и ширину выводимого background?

    Asked by okunev2, December 21, 2007

    0 votes
    3 answers
22. Люди... дайте скрипт

    Помогите пожа... Ктонить Дайте кто знает скрипт каторый при заходе на страницу кидает автоматически на новую страницу ...

    Asked by antonP, September 10, 2008

    0 votes
    7 answers
23. Простой вопрос о высоте страницы

    Делаю на Дивах,как лучше проставить высоту страницы?Просто у меня она не удлиняется вниз(не видно буквально 30 px,видно тока то что позволяет окно браузера).Где и как лучше прописать? СпС всем кто откликнется)

    Asked by stardel, January 3, 2010

    0 votes
    11 answers
24. Помогите разобраться с параметром "vertical-align"

    .menu_but{margin:0; padding:0; width:300px;background: #0420c3; list-style:none;} .menu_but li{padding:0; margin:0 0 1px 0; height:67 px; } .menu_but li a{ text-align:left; height:67px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:table; vertical-align:middle; background:url("../images/but.png"); background-repeat:no-repeat; text-decoration:none; outline:none;} .menu_but li a:hover{background:url("../images/but_a.png");} .menu_but li a.active, .menu li a.active:hover{background:url("../images/but.png");} .menu_but li a span{line-height:15px;} Если я правильно понимаю параметр vertical-align "Применяется К встрое…

    Asked by marrone-art, November 12, 2010

    0 votes
    10 answers
25. Table => Div

    Здравствуйте. Надеюсь на вашу помощь: необходимо перевести данный табличный код в дивный вариант. <table cellpadding="0" cellspacing="0" align="center" width="100%"><tr><td class="header-left"></td><td> /* Здесь фоновое изображение */ <table cellpadding="0" cellspacing="0" class="f1topline"><tr> /* Здесь фоновое изображение */ <td class="head" align="center">Ваш сайт.ру</td> <td>текст</td> <td>Текст</td> <td>Текст</td> <td>Текст</td> <td>{login}</td> <td>текст</td> </tr></table></td><td class="header-right"></td&…

    Asked by Nack, April 23, 2012

    0 votes
    6 answers