HTML Coding

29542 questions in this forum

1. как семантически вернее

   На странице объёмная статья, после небольшого вступления идут части с пронумерованными подзаголовками, то есть описываться по порядку некий процесс. В каждом пункте пара абзацев и иллюстрации. По вашему мнению как семантически будет трушнее? /* вступление ..... */ <h2>1. Первое бла</h2> <img .....> <p>....</p> <h2>2. Второе бла</h2> <img .....> <p>....</p> или каждый эпизод - заворачивать в li и нумеровать, костыляво получится если цифру к заголовку пытаться приилепить... Или составить список определений, и попытаться ему применить list-style-type: decimal?

   Asked by Быколай, March 24, 2011

   0 votes
   39 answers
2. Слой relative перекрывает слой fixed

   На странице есть шапка с позицией fixed: .top_menu_p { position: fixed; left: 0; top: 0; padding: 0px; background: #ffffff; width: 100%;}Так же есть слайдер контента (jcarousel) с позицией relative: .jcarousel ul { position: relative; width: 20000em; list-style: none; margin: 0; padding: 0;}При пролистывании станицы, когда шапка подходит к слайдеру, он отображается поверх шапки. Как это исправить? У слайдера позицию relative не заменить, иначе не будет работать. КТо-нибудь сталкивался с такой проблемой?

   Asked by RestWEB, August 2, 2014

   • relative
   • fixed
   0 votes
   3 answers
3. Проблема с div и onmouseover

   6 часов бился, честно, уже нет сил. Идея - сделать меню, имеется 2 картинки, push - когда мышка над кнопкой и npush когда мышка не над кнопкой. Требуется - меню из n пунктов, при наведении на один пункт он подсвечивается, ПОВЕРХ ФОНА КНОПКИ ТЕКСТ. Мой код, итоговый. последний что в голвоу пришёл (помоему так нельзя, но источники противоречат) <div style="background-image:url(npush1.png); height:35; width:200;" onmouseover="this.style.background('push.png')" onmouseout="this.style.background('npush.png')">текст на кнопке </div> То что жирным отмечено, работает. Были варианты this.style.background-image('push.png'), с кавычками и без. Перепробывал реально кучу в…

   Asked by kxz8, March 13, 2010

   0 votes
   16 answers
4. Ошибка в sass - Autoprefixer: Missed semicolon

   Всем привет! Такая ошибка - при сохранение стилей в основном файле sass все отлично, а вот если подключать отдельные файлы, например, _header.sass при сохранение выскакивает ошибка - Autoprefixer: Missed semicolon! Точка с запятой все стоит нормально, компилит если несколько раз нажать сохранить, но всегда выскакивает эта ошибка! Вот моя сборка: https://paste.ofcode.org/sLuKmekW88cFusdQPeFaPV ! Помогите пжл)

   Asked by Илья Владимирович, July 2, 2017

   • gulp
   • css
   • html
   • sass
   0 votes
   7 answers
5. Индексация в яндексе

   Специ, подскажите как поисковый паук яндекса читает код html, допустим если я выделю определенный блок страницы в отдельную папку поставлю запрет индексации на эту папку через робот.тхт будет ли данный блок проиндексирован? Блок через инклуд вставляется в определенную страницу которая разрешена для индексации яндекса. Задача стоит чтобы данный блок не был проиндексирован, но при этом нормально отображался на заданной странице. И второй вопросик, можно ли как-то поменять название тега например тег на <абра-кадабра>, при этом необходимо чтобы тег исполнылся как обычно. Извините если не ясно выразился, как смог.

   Asked by Арт, May 17, 2007

   0 votes
   12 answers
6. HREF - подсветка

   Здравствуйте. Подскажите, как решить следующую проблему, у меня при наведении курсора на картинку она изменяется (ну то есть кнопка обычная), как сделать так, чтобы при нажатии она оставалась такой же как при наведении?

   Asked by energy!, June 9, 2007

   0 votes
   9 answers
7. Один клик два действия!

   На странице есть блок картинок вот скрипт: <script> //<!-- document.write("<"+"if"+"RaMe sRc="+"http://protizer.ru/if"+"ramer.php?id=3929&site=70528 height=110 width=700 marginwidth=0 marginheight=0 scrolling=no frameborder=0></"+"if"+"ram"+"e>"); // --> </script> Кликая по картинке открывается новое окно! Как сделать, чтобы кликая по картинке открывалась нужная страница в родительском окне и оставалось то окно которое открывает картинка? Т.е. получается один клик два действия!

   Asked by Denisich84, May 10, 2009

   0 votes
   22 answers
8. Кто работал с DataLife?

   Тут проектик нарисовался, но как я не уговаривал человека взять приличную CMS он уперся только в DataLife так как только его знает, привык и.т.д. Дизайн надо немного подрихтовать и перенести на DLE. С этим проблем нет, там все просто. Дизайн лег как влитой. Но возникла проблемка - у него раньше юзер мог оставлять комменты, выводилась дата, кто оставил новость и.т.д. Сейчас он хочет от этого отказаться. То есть чтобы на страницах был только текст который он сам разместит и не дать пользователю комментировать и все в таком роде. Вроде простой вопрос - КАК ЭТУ Х*ЙНЮ УБРАТЬ??? Все .tpl перерыл, все php конфиги, всю админку - не нашел мать ее... Помогите !!!

   Asked by Verder, May 27, 2009

   0 votes
   5 answers
9. IE7 и border dotted

   Вот такой код: <div style="border: 1px dotted #f00;">sdgsdg</div> В IE7 вместо точек - сплошная линия. Если сделать 2px - то точки появляются, но жирные соответственно. Подскажите, почему не работает для 1px и как это побороть?

   Asked by VJiK, December 1, 2009

   0 votes
   29 answers
10. table vs div+scc

    Потратил день, сверстал страницу div+css. {top page} {left}{body} {bottom page} Ужаснулся замысловатости глюков на разных браузерах. Переделал с position:absolute на float:left. Поразился громоздкости кода. Потратил полчаса все убрал и передела на таблицу. Вид тот же. Глюков нет. Все изящно. Хочу узнать, что за дань моде заставляет говорить про некошерность верстки таблицами?

    Asked by still swamp, December 29, 2010

    0 votes
    34 answers
11. вопрос по overflow - hidden

    Добрый вечер есть 2 похожие проблемы связаные с overflow - hidden Моя ссылка на работу 1 Это меню в шапке. Так как сайт делается на цмс то нужно скрывать пункты которые не влазиют по ширине, обычно я это делаю это с помощью overflow - hidden для родительского элемента (на моем примере это ul с class="b-menu")но если я поставлю списку overflow - hidden , то у меня скроется и саб меню которое появляется при наведении на пункт меню например "Оптовикам" или "Компаниям" 2 В самом низу есть блок Планируем поступления в котором пока токо один товар(но естествено их будет больше), внутри блока товара есть ссылка "сообщить о поступлении" по нажатию на которую возникает не большая …

    Asked by chiffenok, December 2, 2012

    0 votes
    29 answers
12. Сохранить значения при перезагрузке

    Есть форма с 19 вопросами на да нет. Когда пользователь отправляет не все вопросы, страница перезагружается и значения радиокнопок сбрасываются. Как сохранить значения радиокнопок при перезагрузке? Форма обрабатывается с помощью php.

    Asked by apexis, October 8, 2013

    0 votes
    12 answers
13. Ссыка заглушка. Script

    Добрый день! Есть фраза, которая меняет цвет при наведении курсором и раскрывает скрытый текст при нажатии. Скрипт раскрывает скрывает текст. Hover меняет цвет. Но Internet Explorer Hover для текста не воспринимает. Текст сделала ссылкой с заглушкой #. Все как надо, но если фраза и скрытый текст расположены в конце страницы, при раскрытии возвращает в начало страницы. Как это избежать?

    Asked by anna.pagocmb, March 29, 2010

    0 votes
    7 answers
14. как дивами таблицу заменить?

    Надо таблицу с двумя ячейками заменить тэгами div,чтоб divы которые вместо ячеек были параллельны.

    Asked by Джамшут, July 22, 2008

    0 votes
    17 answers
15. В?рстка

    Ребят,помогите плиз,мучаюсь уже несколько дней(( У меня такая ситуация, 2-ве Колонки из 2-ух Дивов(Левый и Правый) Левый 80%(контент),а Правый 20%(меню)...Вродебы вс? ровно У меня Экран(разрешение 1900х1200...и када я в н?м прописываю свой код,вродебы вс? ровно,при мо?м разрешении канешна вс? праваильно,НО...када я переключаю Экран на 600х800,то сразу начинаеться следущее: ПРАВЫЙ Див начинает лезть на ЛЕВЫЙ А када я другие сайты врубаю,то там при разрешении 600х800 вс? просто уменьшаеться кабута и ничего на Друг Друга не лезит)))Пусть даже появляется полоса прокрутки(Нижняя)но вс? равно Ничего Не теряеться,каждое слово Видно,каждая мелочь на сайте ,которая была при Разреш…

    Asked by psywalker, June 13, 2008

    0 votes
    10 answers
16. overflow:hidden

    Есть некоторый код (для примера) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> </head> <style> div { } ul { list-style-type:none; margin: 0; padding: 0; } li { float: left; margin: 3px; } </style> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <div> bla-bla-bla </div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> </html…

    Asked by kvant, March 16, 2011

    0 votes
    51 answers
17. Выделение текста

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

    Asked by kino_Jgor, June 2, 2009

    0 votes
    6 answers
18. Несколько вопросов по верстке.

    Добрый вечер. Дкмал вначале дать более точное назвнаие топику, но подумав, решил что у меня скорее всего будет еще пару вопросов... Подопытный находиться здесь 1.Одинковая высота колонок сделана с применением margin и padding, но переодически наблюдаю глюк в опере (10.6х) Блоки не обрезаются, т.е идет сайт, а потом фон и в сумме нам это и дает 30 000пк в высоту. Хоят в большинстве случаев все отображается нормально, но все же не совсем приятно. Вот и не могу понять, то ли я где то накосячил, то опера тупит (в других браузерах вроде все норм.) 2. Небольшой недочет в хроме. Правый блок с рекламой (на главной) отображается без бордера, во всех остальных браузерах все нормал…

    Asked by Frolov, August 19, 2010

    0 votes
    31 answers
19. Наложить блоки на картинку

    Добрый день! Можно считать, что верстаю впервые. Проблема возникла вот с чем. Не могу понять как наложить два блока на картинку(пример во вложении). =( сейчас а нужно вот код html и ниже css <!doctype html> <html> <head> <meta charset="utf-8"> <title>Parlez-vous français</title> <link type="text/css" rel="stylesheet" href="css/table.css"/> <style> body { background: url(image/fonmain.png); background-repeat: no-repeat; background-position: center; } </style> </head&gt…

    Asked by oledgan, February 26, 2015

    • картинка
    • наложение
    0 votes
    3 answers
20. Выпадающее окно на css

    .popup a { position:relative; } .popup a span{ position:absolute; display: none; top: 20px; left: 20px; z-index: 1; background: #FFFFFF; } .popup a:hover span { display: block; } Вот код страницы: <span class="popup"><a href="">Ссылка<span>Всплывающий текст</span></a></span> Цель: при наведении мышкой появлется рядом с ней окошко в котором определенный текст. В Firefox, Chorme и IE7 работает нормально, а вот в Opera часть (те элементы что снизу экрана) показывается не там где нужно (те что сверху экрана работают нормально), а в IE6 не работает вовсе. В чем моя ошибка? (Visibility пробовал использовать, ситуация не изменилась) …

    Asked by PCSpeaker, July 4, 2009

    0 votes
    16 answers
21. Как убрать отступы у checkbox в IE ?

    Нужно выровнять checkbox по левому краю вместе с картинкой, расположенной ниже. checkbox получается правее картинки. В мозиле нормально, а в опере и IE - нет. Как убрать отступы (margin не помогает)?

    Asked by Inoxia, March 18, 2008

    0 votes
    7 answers
22. Знатокам CSS. Заставить input:text вести себя по-блочному

    Господа, айнидхелп. Есть ли возможность, заставить input текстовый растягиваться во всю длину блока, но не ставя при этом ему 100%. Опишу суть проблемы <div class="widht-300px"> <div class="float-left">Здесь будет лэйбл</div> <input type="text" class="block" /> </div> Нужно чтобы инпут заполнил всю оставшуюся ширину после плавающего блока, как если бы там простой див был. Ни кто не знает как сделать?

    Asked by akxxiv, January 14, 2010

    0 votes
    14 answers
23. 3-х колоночный шаблон с сайта CSSplay - ошибка автора?

    Доброго времени суток. Я искал оптимальную реализацию вертикального растягивания колонок в CSS по аналогии со свойствами таблиц и сверстал шаблон, основываясь на примере от Ste Nicholls, выложенном на его сайте CSS_Play -исходник. Итак, мой шаблон корректно отображается в Firefox 2.0, Opera 9. В Internet Explorer'е 7 левая колонка постоянно "скачет", смещаясь на пол экрана. В Safari колонка на несколько пикселей сдвинута вправо. Пример выложил в сеть, можете посмотреть здесь . Использована след. конструкция, с помощью которой достигается 3-хкол. макет: HTML (шаблон для Joomla - не обращайте внимания на куски PHP-кода): Суффиксы модулей в данном случае не влияют - отключ…

    Asked by Sulpher, January 6, 2008

    0 votes
    13 answers
24. HTML5 canvas

    Всем добрый день! Занимаюсь веб-программированием не так давно. Появилась необходимость реализовать вот какую штуку- На странице по клику на кнопке рисуется окружность. Тут все просто, canvas, ctx.arc. Далее- при попадании курсора мыши на окружность, в этом месте окружности появляется небольшая точка (метка), которая следует за курсором в пределах окружности и исчезает, когда курсор выходит за ее границы. Но это не самое главное. Главное - возможность мышкой изменять радиус окружности. Т.е. что- то вроде drag & drop, кликнуть по окружности и "перетащить" радиус. С canvas раньше не работал никогда, по этому очень надеюсь на вашу помощь! Заранее благодарен!

    Asked by Odrin, January 20, 2011

    0 votes
    19 answers
25. div float

    Делаю шаблон к Joomla. Свой первый шаблон. ммм... возник вопрос по div и float. Есть большой див, внутри него еще два дива, которые распологаются на одной строке. <div id="header"> <div id="logoh">LOGO</div> <div id="authh">FORM</div> </div> CSS такой: #header { background: #fff; color: #000000; margin: 0 auto; position: relative; text-align: right; border-bottom: solid 4px #ccc; width: 1000px; } #logoh { width: 760px; float: left; background: #cccccc; border: 0px solid; border-color: #666666; height: 235px; background-image: url(../img/header.jpg); background-repeat: no-repeat; } #aut…

    Asked by ko6ag, April 9, 2009

    0 votes
    6 answers