HTML Coding

29542 questions in this forum

1. z-index. Как же быть?

   Здравствуйте! Появилась интересная задача со свойством z-index. На сайте есть выпадающее меню (JS), и без применения этого свойства, выскакивающая менюшка попадает в аккурат под слой в котором висит основной контент сайта в браузерах IE6-7. Чтобы пофиксить етот злощщастный баг мне посоветовали заюзать z-index. На меню значит поставили максимальное значение. а на слой с контентом -1, потому что если поставишь 0, то в осле проблема не исчезает. И взаправду в осликах проблема решилась. Заглянул в оперу, а там исчез контент. Потому что У каво какие будут мнения?

   Asked by aad, May 5, 2008

   0 votes
   9 answers
2. При transform:scale за границами блока не видно

   При наведении на картинку она увеличивается в размерах немного при помощи transform: scale Но блок <div class="site"> не дает ей выйти за свои пределы потому что я для него установил overflow: hidden, чтоб этот блок не разваливался на части, из-за того что внутри float стоит с двумя блоками Как можно сделать так чтоб вверху картинка не обрезалась при наведении? Здесь сайт

   Asked by Bava, January 31, 2016

   0 votes
   7 answers
3. Как стилизовать тег input:invalid?

   Всем доброго времени суток! Буду благодарен за помощь в одном вопросе! Есть форма с <input required>. В CSS я прописал стили для тех input которые не заполнил пользователь (использовал input:invalid). Но проблема в том, что при загрузке получается то, что вы можете видеть в jsfiddle: все input с required подсвечиваются. И это понятно ведь они не заполнены. Но как сделать так как на фото? Чтобы подсвечивался незаполненный input только после нажатия на кнопку, а не при загрузке формы? Понимаю, что это можно сделать на JS. Но как я не знаю. Может что-то подскажете? https://jsfiddle.net/Lavrentyev/1nLnjrb4/2/#&togetherjs=LSIgkgrqlh

   Asked by lavrentyev, November 13, 2016

   • input
   • invalid
   • form
   0 votes
   2 answers
4. Проблема с кроссбаузерной верской....

   Всем привет, столкнулась с такой проблемой, уже что-то походу знаний не хватает, чтобы понять в чем косяк.... в эксплорере и в Мозиле страничка показывает нормально... в опере и в сафари кнопка уезжает у кого влево, у кого вправо. В чем может быть причина??? Заранее спасибо, если кто глаза откроет. Сам файл: Здравствуйте! Для работы в системе Вам необходимо авторизоваться! Ваш логин: Ваш пароль: checked="checked" value="1" name="rem" /> а вот css к нему : html, body { background:#dcdcda url('images/gradient_outer.png') top repeat-x; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; padding: 0px; border:0px; mar…

   Asked by Shoker, March 19, 2008

   0 votes
   24 answers
5. Отступ списка от картинки слева..

   Здравствуйте! Есть такая проблема: Обычно у меня идет картинка, справа от которой заголовок и параграф текста, а тут в параграфе еще и список, маркеры которого налазят на картинку.. попробовал уже margin-left, padding-left.. а ему все равно, как стоял так и стоит.. прошу помощи.

   Asked by gard, July 8, 2010

   0 votes
   10 answers
6. Сайт без Админки. (Только HTML и CSS)

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

   Asked by Sheremet, May 16, 2012

   0 votes
   7 answers
7. Header в таблице...

   Достался мне сайт delovie.ru с шаблоном, в котором header-картинка находится в таблице и меняется случайным образом: <td colspan="2" width="758" height="237" background="<?php echo $mosConfig_live_site;?>/templates/jm_portal/random/<?php echo rand(1,5) ?>.jpg" valign="top"> А мне нужно что бы на каждую страницу сайта была своя четко определенная картинка. Пытаюсь прикрутить модуль Header Image. Поскольку позиция header изначально не определена испульзую <?php mosLoadModules ( 'header' ); ?> что собстно и должно выводить этот модуль в нужноммне месте (шапке). <tr><?php $rand = rand(0,24)?> <td colspan="2" width="758" height="237"…

   Asked by big303, February 15, 2008

   0 votes
   7 answers
8. Пропадает бордер у дива при прокрутке.

   Здравствуйте. Вот страничка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>hi</title> <style type="text/css"> .box { margin-bottom: 24px; } .box .top { position: relative; border: 0px solid; z-index: 2; } .box .top img.corner { vertical-align: -15px; } .box .top img.ico { margin-left: -55px; margin-top: 12px; } .box .top .title { margin-top: -56px; margin-left: 86px; } .box .content { …

   Asked by Flake, October 6, 2009

   0 votes
   3 answers
9. Равномерное выравнивание блоков по ширине

   Подскажите, пожалуйста, почему у меня не работает text-align: justify примененный к inline-block. ссылка на код

   Asked by ows.nightwolf, November 3, 2013

   • text-align: justify;
   • выравнивание блоков по ширине
   • равномерный отступ
   0 votes
   3 answers
10. Очень срочно! Вопрос про видео!

    Скажите плиз как вставить видео на сайт в плеере без нета или посоветуйте хороший плеер на сайт! Но лучше если без нета работать будет! Прям сегодня уже нужно! (вопрос может не по теме, извините, другой не нашёл)

    Asked by Glebr, April 16, 2009

    0 votes
    15 answers
11. Рамка вокруг рисунка

    Прошу помочь, вообще вопрос по-моему для спецов пустяковый... Страничку с примером я выложил в инет: http://www.colormusic.ru/——————-proba.html Вот в чем вопрос: есть несколько картинок 16x16 пикселей (3 красных кружка) вокруг них надо сделать рамку и залить серым фоном, как в примере Запихиваем их в спан и делаем бордюр. Но внизу почему-то остается промежуток. Паддинги-маржинги не помогают. Замена на див тоже не помогает. Нужно расположить кружки по центру прямоугольника с одинаковыми промежутками со всех сторон. Может кто-нибудь дать совет?

    Asked by Акула58, April 29, 2010

    0 votes
    18 answers
12. Google maps, запрет скроллинга на мобильных

    На сайте установлен карта от гугла, ширина 100% высота 400-450px. Что бы он не мешал прокручивать вниз страницу - добавил scrollwhell:false что запрещает прокрутку карты колесом мыши. Но данная функция не помогает при touchscreen устройствах. Для них есть функция draggable: false, оно как бы запрещает скроллинг карты, но если попытаться через карту скроллить вниз страницу то опять таки не получится. Добавить прозрачный слой сверху для нормальной прокрутки на мобильных не смогу так как на карте есть маркеры на которые можно кликать.. В общем выхода не нахожу, есть у кого такой опыт?

    Asked by Нарек, May 28, 2015

    0 votes
    15 answers
13. box-shadow для строки таблицы

    Здравствуйте. У меня похожая проблема пытаюсь сделать тень для строки таблицы: <html xmlns="[url="http://www.w3.org/1999/xhtml%22>"]http://www.w3.org/1999/xhtml">[/url] <head> <style> .gradient { background: #fefcea; /* Для старых браузров */ background: -moz-linear-gradient(top, #f5f5f5, #d2d2d2); /* Firefox 3.6+ */ /* Chrome 1-9, Safari 4-5 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d2d2d2)); /* Chrome 10+, Safari 5.1+ */ background: -webkit-linear-gradient(top,#f5f5f5, #d2d2d2); background: -o-linear-gradient(top, #f5f5f5, #d2d2d2); /* Opera 11.10+ */ background: -ms-linear-gradient…

    Asked by valyan, September 26, 2013

    • box-shadow tr
    0 votes
    2 answers
14. RedBeanPhp не понятная ошибка

    Друзья, объясните пожалуйста, в чем проблема? https://www.youtube.com/watch?v=vvgOPJQA8Zk Решил я поставить эту системку и когда начал подключать RedBeanPhp вышла ошибка Parse error: syntax error, unexpected T_STRING in /home/a6998082/public_html/libs/rb.php on line 3 В чем проблема? Заранее спасибо! db.php index.php

    Asked by Tardpipl, October 30, 2016

    • redbeanphp
    • ошибка
    0 votes
    2 answers
15. Помогите пожалуйста с главной страницей

    Кароче проблема в том что я не могу сделать главную страницу. я ее как бы сделал, <html> <head> <title>Жанры компьютерныx игр</title> </head> <body link="#cecece" vlink="red" background="1.jpg"> <H1><P ALIGN=CENTER>Жанры компьютерныx игр</P></H1> <ul> <li><a href="2.html">Стратегии<BODY text=#F5F5F5></a> <li><a href="3.html">Шутеры<BODY text=#F5F5F5> <li><a href="4.html">Симуляторы<BODY text=#F5F5F5> <li><a href="5.html">Квесты<BODY text=#F5F5F5> <li><a href="6.html">MMORPG<BODY text=#F5F5F5> <li><a…

    Asked by FikS, November 24, 2009

    0 votes
    16 answers
16. Отступ снизу в IE 6.0

    У меня вначале CSS-файла вставлен код для обнуления отступов: * { margin: 0; padding: 0; } Далее идет основной слой, который используется в самом начале страницы: #wrapper { width: 80%; margin: 1% 10% 1% 10%; } Третий параметр, который задает отступ снизу не работает в IE 6.0, т.е. нижняя часть страницы плотно прилегает в нижнему краю браузера. Ставил этот отступ в секцию body - работает, но мне надо сделать это в слое.

    Asked by HatoL, August 4, 2008

    0 votes
    7 answers
17. внедрение мультимедиа

    Подскажите, пожалуйста, подробно как внедрить в веб страницу фильм .mpg. Через object пишу - в IE7 открывается, в Опере и ФФ, вообще ничего. Пишу другое значение classid - открывается в Опере, правда совсем не того размера, что нужно (это при заданном width и height). Зато в IE и FF опять ничего не отображается. Ко всему прочему фильм тяжелейший, (чуть ли 1,5 Гб), так клиент прислал, как его разбить не знаю. Как он вообще будет ли грузиться с сервера, а то я пока на локальном компе смотрю. Короче, беда просто.

    Asked by Vera, May 24, 2008

    0 votes
    10 answers
18. 8 сторон %(

    Здравствуйте. У меня следующий код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>123</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <table height="700" width="100%" border="2"> <tr> <td align="center"> <div class="block" align="center"> <div> Текст... </div> </div> </td> </tr> </body> </html> Выглядит так: Как мне добавить ещё картинки по углам и в верхней и нежней части? (Хочу сделать как здесь http://webimg.ru/ ) Код CS…

    Asked by Cloack, December 23, 2008

    0 votes
    18 answers
19. Проигрыватель

    Народ помогите, горю!!!! Мне нужен код плеера, для того чтобы воспроизводить видео на сайте!!! Я с этим не сталкивался и ничего не знаю по этому поводу!!! Что вы посоветуете????? Помогите, нужно позарез!!!

    Asked by sufokol, September 4, 2008

    0 votes
    5 answers
20. Проблема в структуре HTML документа

    Здравстивуйте! Возникла такая странная проблема, которую никак сам не могу решить....... Опыть веб разработок 5 лет. И тут вдруг такая штука: Строю html документ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr"> <head> <title>Заголовок</title> <meta name="keywords" content="слова"> <meta name="description" content="описание»"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" media="all" href="/css/style.css" /> &…

    Asked by banyman, December 26, 2009

    0 votes
    3 answers
21. rotate для IE

    Была проблема с rotate для осла 8. Проблему решил filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); Но теперь надписи съехали влево. Как сделать отступ их только для ИЕ без догрузки лишнего файла стилей для ие? Пример тут, во всех браузерах кроме ИЕ, надписи "События:Все Лучшие" на своих местах (справа от логотипа)

    Asked by Tchorteg, October 6, 2011

    0 votes
    0 answers
22. Выравнивание текста по низу div

    Добрый день. Прошу сильно не пинать, гуглил пол дня. Подскажите пожалуйста по такому вопросу: как выравнять текст в <div> по нижней границе без absolute. Есть div с фоновой картинкой, поверх которой я вывожу текст. Если использовать absolute текст смещается. Вот как выглядит вариант, в котором нужно выравнять текст по низу: А вот что получается, если у родительского div'a просивать position:relative, а у вложенного position: absolute; bottom: 0; Как ещё можно попробовать выровнять по нижней границе div'a?

    Asked by jdk, November 7, 2014

    • верстка
    • css
    0 votes
    1 answer
23. Когда не хватает псевдоэлементов или как спозиционировать тень

    Вот иллюстрация. Тень должна исходить из выделенного блока(визуально, там видно откуда, и видно, что сейчас сделано криво). По-идее, это должен быть span, но в оригинальной задаче, span должен быть сам по себе, а тень должна исходить либо из самого пункта (класс every), либо из какого-либо нейтрального потомка, а какой потомок "нейтрален"? псевдоэлемент, его мы может подогнать под нужные размеры, поставить нужный z-index и сделать для него тень. Беда только в том, что для последнего элемента (крайнего справа), свободного псевдоэлемента не осталось. Что делать? Обязательно для всех меняющихся элементов, которые видны на иллюстрации, в том числе и для тени, нужен транз…

    Asked by Launder, September 16, 2017

    • ::before
    • ::after
    • box-shadow
    0 votes
    5 answers
24. top при абсолютном позиционировании в разных браузерах

    объясните пожалуйста почему вот в таком макете <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> body, html{ position:relative; font-family:Arial; margin: 0 auto; width: 1000px; height:100%; } .page { position:relative; width: 1000px; height: 450px; background-color:GREEN; } .page A{ font-weight:900; font-size:13px; color:rgb(100,6,58); } .l{ position:absolute; left: 42px; top: 2px; } </style> </head> <body> <div class="page"> <div class="l"><a href="#menu=0">Hello…

    Asked by tonik_spb, January 25, 2009

    0 votes
    7 answers
25. стилизация полосы прокрутки

    Приветствую! Возникла необходимость сделать полосу прокрутки под дизайн сайта. А именно вместо полосы прокрутки нужно поставить свои изображения. Реально ли это сделать?

    Asked by IPnex, May 23, 2011

    0 votes
    2 answers