HTML Coding

29542 questions in this forum

1. Раскрывающиеся блоки

   Есть такая верстка http://jarvis-studio.ru/demo/jquery/manual.html Необходимо сделать, чтобы при клике на нераскрытый пункт он раскрывался, а ранее активный закрывался. Проблема в том, что я пытаюсь делать все плавно, скажем через slideUp, но в добавок к этому мне нужно будет удалить класс "active" с ранее активного. Когда я это делаю, то резко удаляются все стили, которые относятся к .active и плавный слайд-ап не выполняется. Как решить?

   Asked by posthack, May 31, 2014

   0 votes
   2 answers
2. Браузеры блокируют контент у элементов с классом advert

   Всем доброго времени суток! У меня проблема. Есть сверстанная страница . Но браузеры отображают ее только на половину. 80% содержимого от контента попросту не отображается, хотя в коде оно есть. Уверен в том что это происходит из-за слова "advert" в именах классов. Понятное дело что придется переделывать, но тем не менее, может кто то объяснить почему браузеры так реагируют на это слово. Расценивают это как спам или как скрытую рекламу или как что?) Версткой занимаюсь давно, но с таким столкнулся впервые. Заранее благодарен! P.S. Сначала сделал все на локалке, а потом залил на хост и такая свистопляска.

   Asked by illuminate, July 14, 2014

   0 votes
   7 answers
3. Центрирование блока по горизонтали и вертикали...

   Доброй утро! Подскажите кто знает: как выровнять блок с телевизором по горизонтали и вертикали – так чтобы при минимальной высоте браузера этот блок не пропадал ,cкрываясь за верхнюю панель! Перепробовал все известные мне способы центрирования – не один не подходит... (последний из способов находиться по нижеуказанной ссылке...) Буду благодарен за помощь... P.S. Сейчас делаю заказ и сроки по серьёзному жмут! Это ссылка на страницу с проблемой: http://yamaradg.narod2.ru/history/indigo/index.html

   Asked by Yamaradg, September 11, 2011

   0 votes
   0 answers
4. шаринг в facebook и кодировка

   Здравствуйте, коллеги. Не знаю, насколько моя проблема попадает в тему "верстка", прошу простить, если не попадает, но вдруг кто что дельное подскажет. Есть раздел сайта с материалами, которые посетители должны при желании шарить в соцсети. С Вконтактом, ЖЖ, твиттером проблем нет. А вот фейсбук ведет себя странно - иногда портит кодировку. Вот, например: http://www.facebook.com/sharer/sharer.php?u=http://kavlink.ru/literary_life/events/443/ - кодировка битая http://www.facebook.com/sharer/sharer.php?u=http://kavlink.ru/literary_life/events/444/ - все в порядке http://www.facebook.com/sharer/sharer.php?u=http://kavlink.ru/literary_life/events/441/ - нормальная http://ww…

   Asked by Elflight, October 4, 2012

   0 votes
   0 answers
5. Как превозмочь стиль, подключаемый ниже чем мой?

   Здравствуйте. Установил компонент. Его стили подключаются ниже, чем подключенная мной таблица стилей. Я вижу два выхода: 1. лезть в директорию модуля и править css 2. подредактировать index.php joomla шаблона и подключить свой css файл где-нибудь ниже Лучше второй вариант осуществить?

   Asked by borus, November 16, 2012

   0 votes
   1 answer
6. Кроссбраузерность

   В Firefox'е при отступах: padding:0px 0px 0px 20px;Поле выходит за приделы блока, а в Chrome - все отлично отображается! Подскажите, пожалуйста, как исправить этот чертов баг! Заранее благодарю!

   Asked by nikita3334, February 9, 2014

   0 votes
   1 answer
7. Отменить прозрачность при наведении

   Нужно сделать так чтобы желтый блок был всегда не прозрачным (а не только при наведении) http://codepen.io/anon/pen/wKoYVr

   Asked by yaparoff, September 28, 2015

   0 votes
   1 answer
8. Вновь отступы

   В CSS: #content { width:1184px; padding: 0; border-spacing: 0; margin: 0; } #middle_top { background-image: url('img/middle_01.png'); background-repeat: no-repeat; width: 1184px; height: 33px; } #middle_center { background-image: url('img/middle_03.png'); background-repeat: repeat-y; width: 1050px; margin: 0px 0px 0px 1px; padding: 0px 50px 0px 50px; } #middle_bottom { background-image: url('img/middle_05.png'); background-repeat: no-repeat; width: 1184px; height: 41px; } #title { color:#2368ae; font-family: Verdana; font-size: 15px; font-weight: bold; font-style: italic; } HTML (незнаю надо или нет): <div id="content"> <div id="m…

   Asked by epog333, February 19, 2011

   0 votes
   1 answer
9. firefox не правильно распределяет высоту таблицы

   Есть табличка, в опере и explore все нормально отображается, а в firefox 4.01 высоту распределяет неправильно. Нужно чтобы колонки №7 и №8 растягивались, а остальное было на месте. Помогите пожалуйста, проект сдавать надо, а тут это.... <table align="center" width="803" style="height:422px" border="1" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> <tr> <td colspan="3" height="100">№1 — высота 100px</td> </tr> <tr> <td width="151" height="53">№2 — высота 53px</td> <td width="428" height="500" rowspan="3">№3 — высота 500px</td> <td width="224" valign="top">№4 — высота 53px</td> </tr> …

   Asked by Angeli, June 13, 2011

   0 votes
   2 answers
10. img в теле html рассылки

    Всем доброго времени суток. Ночью столкнулся с e-mail менеджментом, а именно с рассылкой html писем. Верстка сделана таблицей, css'ка задана как атрибут. Все красиво, гламурно, няшно и т.д. Но изображений нет. Ни один почтовый сервис их не видит. Прописал абсолютный путь - не помогло. Как же быть то, как сделать, чтобы почтовики видели картинки? P.S. Изучил массу литературы по этому поводу, но к окончательному выводу так и не пришел: можно ли организовать это в хтмл, или я обречен юзать php, MIME и "cid:"? (если да, то как?) Помогите, пожалуйста. Код в студию: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conte…

    Asked by Ankh, July 23, 2011

    0 votes
    0 answers
11. Съезжает страница на разных разрешениях и браузерах

    Добрый день. Центральная часть страницы рандомным образом съезжает (в разных браузерах по разному). Подскажите пожалуйста, что нужно подправить, чтоб исправить сию корявость. Спасибо! Сайт: ___

    Asked by Semuel7, August 11, 2011

    0 votes
    2 answers
12. Автоматически не регулируется высота DOM элемента

    Подскажите пожалуйста: <div id="main" style="padding: 3px; border: 1px solid #CFCFCF; background-color: whiteSmoke"> <div id="1" style="float: left">Слева</div> <div id="2" style="float: right">Справа</div> </div> Вопрос: Как отрегулировать высоты DOM элемента #main? (кроме прописывания высоты вручную в стили) Что не так: Два элемента #1 и #2 находятся внутри #main (в котором задан стиль, дизайн), но этот элемент не регулирует высоту, получается в итоге что эти два элемента #1 и #2 лежат вне основного #main, выезжают за границы

    Asked by uExpo, November 4, 2011

    0 votes
    2 answers
13. 3 колонки % const %

    Здравствуйте! Подскажет, пожалуйста, как можно получить такую резиновую верстку: 3 колонки % const % например так не работает, поскольку left-block и right-block блоки набегают на central-block-const при масштабировании браузера body { margin: 0px; padding: 0px; background-color: #f0f0f0; } #main { border: 1px solid #f00; width:100; padding:0px; margin:0px; position:relative; overflow:hidden; } #central-block-const { border: 1px solid #ff0; width:100px; margin: 0px auto; } #left-block { border: 1px solid #ff0; width: 40%; position:absolute; top:0px; left:0px; margin:0px; padding: 5px; } #right-block { border: 1px solid #ff0; width: 40%; position:absolute; top:0px; …

    Asked by акрил, November 15, 2011

    0 votes
    1 answer
14. Можно ли сделать что-нибудь похожее с помощью таблиц?

    Здравствуйте. Можно ли сделать что-либо похожее на это с помощью табличной верстки. Я имею в виду наложение одного изображения/ячейки на другую. Я пытался делать с отрицательным cellspasing но у меня не получилось с его помощью заставить ячейки таблицы накладываться друг на друга. Просто хочу сделать масштабирование встроенное в браузер (как масштабируется бекграунд каждой ячейки), но если так сделать нельзя тогда встречный вопрос - как оставить изображения наложенными друг на друга (так можно делать их более крупными) и сделать масштабирование при изменении размеров окна. Хотя бы напишите какие принципиальные методы существуют, дальше я сам разберусь.

    Asked by Vesst, May 29, 2012

    0 votes
    1 answer
15. Как реализованы исчезающие колонки в резиновом дизайне?

    Подскажите, как реализованы исчезающие колонки на этом сайте? http://css-tricks.com/ Вроде исчезают при отключенном js, но не могу разобраться в коде...

    Asked by Zverushka, July 15, 2013

    0 votes
    1 answer
16. Непонятный баг с версткой

    http://doctor.tbwebl60.bget.ru/При первой загрузке страницы верхнее меню съезжает, после обновления страницы или клики на пункт меню - все нормально, такая же проблема и в разделе "Каталог продукции" с боковым меню. До этого все нормально было, стили не трогал. В чем проблема? Сайт на modx, кэш чистил.

    Asked by askoban, February 2, 2016

    0 votes
    0 answers
17. Проблема с кодом

    Всем Привет! Нуждаюсь в вашей помощи. Возможно вам это покажется глупым, но все же, я новичок, и мало чего знаю, пока. Есть сайт, сделан на вордпресе. В тексте вставлен код <p style="padding-left: 30px;">1. <a onclick="if (naldiv.style.display=='none') {naldiv.style.display='inline'} else {naldiv.style.display='none'}">Наличными</a></p> <div id="naldiv" style="display: none;"><p style="text-align: justify;">В нашем офисе по адресу: г. Киев, ул. Ленина 1, оф 1</p></div> <p style="padding-left: 30px;">2. <a onclick="if (privatdiv.style.display=='none') {privatdiv.style.display='inline'} else {privatdiv.style.displ…

    Asked by LiveShoes, February 26, 2011

    0 votes
    3 answers
18. Подскажите скрипт

    Здравствуйте! Не подскажите скрипт похожий на этот http://www.johnmorrisphoto.com/weddings2.html ? Т.е. галерея с превьюшками, не флеш (похожа на simleviewer). Спасибо!

    Asked by mickle82, September 21, 2011

    0 votes
    1 answer
19. Использование повторяющихся элементов на разных сайтах

    Очевидно, что многие элементы (меню, логотип и т.д.) часто однотипны от сайта к сайту. Встал вопрос как организовать процесс быстрой верстки таких элементов. Хотелось бы почитать кто как решает этот вопрос, может кто даст дельный совет.

    Asked by bob_24, January 25, 2012

    0 votes
    4 answers
20. Newbie's blog

    Всем привет, решил подтянуть отстатки знаний полученных в школе/техникуме и взялся за HTML/CSS для начала=) Собственно мой метод обучения достаточно прост - прочитал(выучил), опробывал на практике. С самого начала не стал браться за макет, т.к. ожидал проблем в блочной вёрстке с которой я начну свой блог/тему начинающего верстальщика. И так, поехали . . . Начинаю с самого простого пожалуй вопроса, на который затруднился найти ответ: По какой причине, при использовании float:left(создание двух колоного макета+хедер и футер), в опере, колонка контента(правая) залазиет на сайдбар ? чтобы убедится в том что действительно залазиет скруглил уголки(заодно применил). P.S.: Все в…

    Asked by c1mot1k, February 6, 2012

    0 votes
    3 answers
21. width таблицы

    подскажите пожалуйста почему здесь .right<30px , .left<30px, .date<150px

    Asked by cyklop77, May 22, 2012

    0 votes
    3 answers
22. Верстка форм

    Здравствуйте! Есть 2 вопроса: 1. Страница: http://livenut.ru/livenut/ Если открыть в IE8 и кликнуть на поля EMAIL и ПАРОЛЬ, то поля скачут по вертикали. Не пойму в чем проблема, в других браузерах такого нет. 2. Для верстки формы использую такой код: <input type="text" value="Корп/стр" size="8" maxlength="8" /> В Opera часть текста скрыта. Если увеличить значение size, то умещается, но тогда соответственно увеличивается отступ справа в других браузерах. Помогите, пожалуйста, разобраться с этими проблемами. - в Opera - нормальное отображение

    Asked by Светлана Г., July 10, 2012

    0 votes
    2 answers
23. Неправильное отображение в разных браузерах

    Дорогие друзья! Достался мне для переработки сайт spb.in.ua. После вставки карусели внизу страницы (а может, по какой-то другой причине, установить уже не могу) стало неправильно отображаться горизонтальное меню в интернет-эксплорере. Причём только на некоторых страницах, в частности, на главной. При просмотре новостей всё нормально. В остальных браузерах всё вроде нормально. Ошибка, по-моему, в css. Но найти не могу, познания не те. Помогите, братцы, погибаю!!!

    Asked by Ухты, July 27, 2012

    0 votes
    2 answers
24. Блочная верстка [Помогите!]

    Привет всем! Я уже заморочился... Такая простая задача, а решить никак не могу. Сижу уже третий час над этой фигней... Придумал "левый" способ как это сделать, но не хочу заниматься "лево-писанием". Проблема собственно в чем: Вот что у меня: А мне надо чтобы эти 2 блока были рядом и по центру. Ну никак не получается В чем моя ошибка? HELP! Вот HTML код: <html> <head> <title>Players Table</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <CENTER> <DIV ID="container"> <div class="tableContent"> <div class="playerNickname">Player1</div> <div class="statusTable">St…

    Asked by zwar, October 2, 2012

    0 votes
    2 answers
25. Подскажите методику верстки

    Здравствуйте. Попросили меня друзья сделать им заглушку временную, которая будет им письма отсылать. Форму отправки я им минут за двадцать собрал, а версткой я никогда профессионально не занимался, и есть вопросы как лучше поступить. Макет выглядит вот так: https://dl.dropboxusercontent.com/u/26408101/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82.PNG Я немного знаю css, ну то есть понимаю что такое класс, селектор, блок, отступ итп, но опыта у меня нет, планирую гуглить =) Картинка эта у меня есть в векторе со всеми элементами. У меня основной вопрос, что делать картинками, а что элементами CSS, что запихивать в фон, а что как. В обще у меня не хватает знания техник CSS современных. По…

    Asked by Curaudo, August 16, 2013

    0 votes
    1 answer