HTML Coding

29,542 questions in this forum

1. Слой 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
2. не работает onclick="window.open...

   onclick="window.open('/images/stories/ekonom1.jpg,'EKONOM','width=100,height=100')" когда нажимаешь ссылка открывается в этом же окне, если указывать target="_blank" то в IE открываеться просто новое окно не 100х100, а в опере открвается простое новое окно и окно размером 100 на 100 =)), а если не указывать target="_blank" то в опере просто открываеться в этом же окне. Код редактирую через админку джумлы.

   Asked by SoFuWa, August 31, 2009

   0 votes
   4 answers
3. Align:center

   Есть две строчки текста, которые нужно упорядочить по центру. На второй строчке еще есть маленький рисунок ( счетчик), так из-за этого рисунка вторая строчка распологается не по центру а сдвигается вправо на ширину рисунка. Saint-Petersburg, Kouvola target=_blank> alt="" width=88 height=15 border=0 align="left"> 2007 .niz { clear: both; width: 100%; text-align: center; font-size: 16px; background-image: url(gif/niz.gif); } Если я правильно понимаю, то получается что вторая строчка центрируется не относительной все ширины, а (вся ширина - ширина рисунка) Как это убрать? Заранее спасибо... Сорри если вопрос тупой..

   Asked by cavkie, July 12, 2007

   0 votes
   11 answers
4. Как убить стили кнопки

   Друзья, доброго времени суток! В html-документе есть форма <form></form>. В ней есть тег <input type='submit' class='button1' value='Кнопка' /> Если в css не прописывать стили для button1, браузеры отображают кнопку в соответствии со своими вкусами - кто серую, кто градиентно-бликовую, с реакцией на события - например, подсветка при наведении мыши, смена бордюра при нажатии, смещение текста и т.п. Цель - задать кнопке собственные стили: картинку в бэкграунде, реакцию на наведение мыши и отсутствие реакции на нажатие. Для реализации первых двух стилей в css пишу: input.button1 { margin-left: 20px; width: 100px; height: 40px; background:url(img…

   Asked by StormMan, February 25, 2009

   0 votes
   8 answers
5. Ширина div увеличивается на padding

   Добрый день! не могу понять почему ширина слоя увеличивается когда я хочу сделать отступ слева, т.е. использую padding-left? код в станички: <div id="page"> <div id="header"><h1>header</h1> </div> <div id="content"><h1>content</h1> </div> <div id="footer_guarantor"><h1>footer guarantor</h1></div> </div> <div id="footer"> <span> © 2003-2010 Евгений Володин<br /> Техническая поддрежка <a href="http://www.prokopov-nikolai.ru" >Прокопов Николай</a> </span> </div> стили: * { margin: 0; padding: 0; border: 0; font-family:Tahoma, Geneva, …

   Asked by Prokopov Nikolai, April 12, 2010

   0 votes
   3 answers
6. table - как избавиться от уменьшения ширины таблицы при уменьшении размера родит. элемента?

   Вот ссылка на мой код, где можно всё попробовать: http://jsfiddle.net/KT5TC/1/ Менять ширину элемента можно, наведя мышь на правый его край, далее - зажимаете левую кнопку мыши и меняете размер элемента. 1. Попробуйте уменьшить размер внешнего div (двойная рамка) меньше ширины таблицы - таблица начнёт сжиматься. Тот же эффект Вы достигнете если просто будете уменьшать размер окна браузера. 2. Попробуйте увеличить размер СТОЛБЦА таблицы (хочу менять именно ширину столбцов и чтобы край таблицы при этом менялся автоматически - для таблицы я не задаю WIDTH). Если Вы увеличиваете его так, что край таблицы достигает края внешнего div, то ширина столбца начинает увеличив…

   Asked by eugen35, July 21, 2014

   • table
   • отказ от изменения width
   0 votes
   17 answers
7. Выделение текста

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

   Asked by kino_Jgor, June 2, 2009

   0 votes
   6 answers
8. Пунктир вокруг... кнопок (submit, button) в FF

   С пунктиром вокруг ссылок все понятно a { outline: none; } Эта тема обсуждалась на форуме. А вот как убрать ту же рамку кнопок (при нажатии)? И вообще, возможно ли это? Короче говоря, что написать сюда: input[type="button"], input[type="submit"]{ ??? } Только меня-то уж в песочницу посылать не надо))) Все знать невозможно.

   Asked by and0605, August 28, 2009

   0 votes
   16 answers
9. Как вывести 2 значения VALUE (HTML)

   Доброго времени суток необходимо вывести выпадающий список, при выборе вариантов должна выводится картинка и отдельно ссылка(или слово, 2 картинки или все что угодно), цель вывести 2 значения. И еще одно условие код должен быть на html. пример моего кода: <img src="1.jpg" name="pic" id="pic"> <select onchange="document.getElementById('pic').src=this.value"> <option value="1.jpg">1</option> <option value="2.jpg">2</option> <option value="3.jpg">3</option> </select> сейчас при выборе 1 выводит картинку, нужно добавить, что бы выводило картинку и например какое то слово или ссылку

   Asked by Denys, July 29, 2015

   • value
   • onchange
   0 votes
   7 answers
10. Помогитеееееееее плз

    Ребятя помогите!!!! Мне нужно узнать код вкладки. Пожалуйста ответьте мне скодом а если не знаете то ненада. Плз помогите

    Asked by TOKIOboy, July 14, 2009

    0 votes
    18 answers
11. Валидатор выдает ошибку

    Доброго дня! Подскажите пожалуйста ответы на пару вопросов. 1. Валидатор выдает ошибку такую: td.stran Parse Error { background-image: url("/images/04.jpg"); BACKGROUND-POSITION: left top; background-repeat: no-repeat; background-color: #ffffff;} И также при таком коде в Мозиле и Опере эта фоновоя картинка не отображается! 2. Также Мозила не понимает следующий код: td.kontakt { font-size: 10pt; color: #f5f5f5; background-color: #89B2A3; text-align: center; font-weight: bold; } В IE и Опере все ок. Заранее всем спасибо!

    Asked by Loed, May 14, 2008

    0 votes
    12 answers
12. Как сделать подчёркнутую пунктиром гиперссылку

    Ещё раз доброго времени суток. вопрос по поводу тега A как сделать подчёркивание пунктиром? приём a{ border-bottom: 1px dotted #fff; } Почему-то не работает может быть кто нибудь сталкивался с подобной задачей? заранее спасибо за ответ.

    Asked by taran, December 7, 2009

    0 votes
    13 answers
13. Проблема с адаптивом на iPhone.

    Здравствуйте! Возникает проблема с вёрсткой на сайте на "просмотрщиках веб страниц" iPhone. На Android всё хорошо, на разных браузерах. Проблема в следующем, не блокируется скролл во всплывающем меню http://cartersbaby.ru/ на этом сайте. Вот примерные изображения проблемы: Собственно серого фона не должно быть, так же как и скролла долгого. В css забита высота этого серого элемента, но стоит overflow: hidden. Допускаю собственную ошибку, но на Android и эмуляторе в Chrome проблем нет.

    Asked by Vicos, October 5, 2015

    • scroll
    • iPhone
    • адаптив
    0 votes
    4 answers
14. Кто работал с DataLife?

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

    Asked by Verder, May 27, 2009

    0 votes
    5 answers
15. Вертикальный отступ между картинками-сслыками

    Товарищи, больше не могу с этим мучаться! Проблема в том, что на сайте есть ряд ссылок-картинок в виде <a><img></a>. В таблицу не хочу их пихать, чтоб при масштабировании окна браузера не появлялась полоса прокрутки, а ссылки-картинки просто переносились на новую строку. Горизонтальный отступ между ними получился только в путь с помощью свойства margin-left для IMG, а вот с вертикальным ну хоть вешайся. Уже всё перепробовал. Вот сслылка на страницу: http://www.rps-gc.ru/?page=154

    Asked by CBE4KuH, January 16, 2011

    0 votes
    10 answers
16. Что за стрелки в CSS коде?

    li a.active > img {} li a:hover > img {} Не могу понять зачем нужны стрелки > и как они работают Подскажите плиз

    Asked by Racer021, December 20, 2012

    0 votes
    2 answers
17. Не отображаются картинки

    Здравствуйте! Начал верстать макет, сделал фон с картинкой, а он не отображается в браузере. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows1251" /> <link rel="stylesheet" type="text/css" href="css/main.css"> <title>Мультики</title> </head> <body> </body> </html> * { outline: none; margin: 0; padding: 0; } body { background: #6AD5F9 url("../img/main_bg.png") repeat 100%; } Есть папка с макетом, в ней папки css и img. Проверял пути и все равно не от…

    Asked by Guest, June 2, 2013

    • css картинки
    • фон
    • проблемы
    0 votes
    30 answers
18. Адаптивная верстка и iphone.

    Здравствуйте, уважаемые форумчане. Проблема следующая. Есть сайт с адаптивной версткой: grimakva.ru При проверке сайта в эмуляторах моб устройств все отображается корректно (за исключением меню (оно в процессе). Но при просмотре сайта непосредственно через айфон (различных моделей и версий ios) фон сайта отображается некорректно, выравнивается по ширине, оставляя внизу большое пространство. При этом прописанные @media screen полностью игнорируются. В чем может быть ошибка? Буду рада любым советам и полезным ссылкам, сама к сожалению не нашла ничего.

    Asked by Toleri, November 27, 2015

    0 votes
    13 answers
19. Как заставить формы отображаться одинаково во всех браузерах?

    Как заставить формы отображаться одинаково во всех браузерах?

    Asked by AlexKon, October 30, 2009

    0 votes
    23 answers
20. Кроссбраузерность для Сафари

    Помогите, пожалуйста, разобраться с кроссбраузерностью для Сафари. Во всех браузерах все ок и все готово казалось бы, а в Сафари полный завал. 1. Бекграунд для боди не отображается (вернее он отображается, но только если я забираю линейный градиент, вебкит не срабатывает для него) 2. С хлебными крошкам тоже какой-то каламбур вышел. 3. И самое главное миниатюры тоже не отображаются - какие полоски на их месте. Вот скрин ужаса http://clip2net.com/s/3hrsNwy А вот няша http://clip2net.com/s/3hrsUPS

    Asked by Orysya, May 9, 2015

    • css
    • safari
    0 votes
    7 answers
21. Не могу растянуть DIV так как надо *(

    Попробую объяснить, есть такое меню: кусок кода: #styleone{ position:absolute; top:80px; left:300px; display:inline; height:24px; width:100%;(500px - если вставить растягивающися контейнер после) overflow: hidden; font-size:11px; font-weight:bold; background:transparent url(images/bgOFF.gif) repeat-x top left; font-family:Arial,Verdana,Helvitica,sans-serif; z-index: 1;} я покачто сделал (временно) вставил контейнер с фиксированным позиционированием #toomenu { position:fixed; top:80px; left:800px; background:url(images/bgOFF.gif); height:24px; width:100%;} , но может скажите другое решение?

    Asked by Ganstaz, November 28, 2007

    0 votes
    16 answers
22. Форма ответа

    Здравствуйте) Подскажите пожалуйста код для создания формы отправки письма с сайта на мэйл админа без участия почтового клиента. Сайт написан на html с применением JavaScript. Он расположен на Народе, поэтому о php речь не идет, как сказал сам Народ "Расширением текстового файла может быть только: html, htm, txt, js, css, xml, xsl, vbs."))) Заранее премного благодарна)

    Asked by Орифия, February 5, 2008

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

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

    Asked by Inoxia, March 18, 2008

    0 votes
    7 answers
24. Шрифт и тень

    возможно ли создать шрифт, который будет отбрасывать тень средствами css?

    Asked by sc@r@bey, January 19, 2010

    0 votes
    10 answers
25. Посоветуйте учебник по html в текстовом формате

    Посоветуйте учебник по html в формате txt, rtf, doc, chm, fb2 и других текстовых, но только не pdf и djvu.

    Asked by kpripper, April 2, 2011

    0 votes
    4 answers