HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
z-index. Как же быть?
Здравствуйте! Появилась интересная задача со свойством z-index. На сайте есть выпадающее меню (JS), и без применения этого свойства, выскакивающая менюшка попадает в аккурат под слой в котором висит основной контент сайта в браузерах IE6-7. Чтобы пофиксить етот злощщастный баг мне посоветовали заюзать z-index. На меню значит поставили максимальное значение. а на слой с контентом -1, потому что если поставишь 0, то в осле проблема не исчезает. И взаправду в осликах проблема решилась. Заглянул в оперу, а там исчез контент. Потому что У каво какие будут мнения?
0 votes9 answers -
При transform:scale за границами блока не видно
При наведении на картинку она увеличивается в размерах немного при помощи transform: scale Но блок <div class="site"> не дает ей выйти за свои пределы потому что я для него установил overflow: hidden, чтоб этот блок не разваливался на части, из-за того что внутри float стоит с двумя блоками Как можно сделать так чтоб вверху картинка не обрезалась при наведении? Здесь сайт
0 votes7 answers -
Как стилизовать тег input:invalid?
Всем доброго времени суток! Буду благодарен за помощь в одном вопросе! Есть форма с <input required>. В CSS я прописал стили для тех input которые не заполнил пользователь (использовал input:invalid). Но проблема в том, что при загрузке получается то, что вы можете видеть в jsfiddle: все input с required подсвечиваются. И это понятно ведь они не заполнены. Но как сделать так как на фото? Чтобы подсвечивался незаполненный input только после нажатия на кнопку, а не при загрузке формы? Понимаю, что это можно сделать на JS. Но как я не знаю. Может что-то подскажете? https://jsfiddle.net/Lavrentyev/1nLnjrb4/2/#&togetherjs=LSIgkgrqlh
0 votes2 answers -
Проблема с кроссбаузерной верской....
Всем привет, столкнулась с такой проблемой, уже что-то походу знаний не хватает, чтобы понять в чем косяк.... в эксплорере и в Мозиле страничка показывает нормально... в опере и в сафари кнопка уезжает у кого влево, у кого вправо. В чем может быть причина??? Заранее спасибо, если кто глаза откроет. Сам файл: Здравствуйте! Для работы в системе Вам необходимо авторизоваться! Ваш логин: Ваш пароль: 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…
0 votes24 answers -
Отступ списка от картинки слева..
Здравствуйте! Есть такая проблема: Обычно у меня идет картинка, справа от которой заголовок и параграф текста, а тут в параграфе еще и список, маркеры которого налазят на картинку.. попробовал уже margin-left, padding-left.. а ему все равно, как стоял так и стоит.. прошу помощи.
0 votes10 answers -
Сайт без Админки. (Только HTML и CSS)
Добрый день всем. Подскажите начинающему... Какие минусы сайта без админки (без движков)... Чистый HTML и CSS, и возможно флеш вставки... Безопасность сайта в таком случае нулевая??? Какие основные минусы, кроме неудобства наполнения контентом?
0 votes7 answers -
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"…
0 votes7 answers -
Пропадает бордер у дива при прокрутке.
Здравствуйте. Вот страничка. <!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 { …
0 votes3 answers -
Равномерное выравнивание блоков по ширине
Подскажите, пожалуйста, почему у меня не работает text-align: justify примененный к inline-block. ссылка на код
0 votes3 answers -
Очень срочно! Вопрос про видео!
Скажите плиз как вставить видео на сайт в плеере без нета или посоветуйте хороший плеер на сайт! Но лучше если без нета работать будет! Прям сегодня уже нужно! (вопрос может не по теме, извините, другой не нашёл)
0 votes15 answers -
Рамка вокруг рисунка
Прошу помочь, вообще вопрос по-моему для спецов пустяковый... Страничку с примером я выложил в инет: http://www.colormusic.ru/——————-proba.html Вот в чем вопрос: есть несколько картинок 16x16 пикселей (3 красных кружка) вокруг них надо сделать рамку и залить серым фоном, как в примере Запихиваем их в спан и делаем бордюр. Но внизу почему-то остается промежуток. Паддинги-маржинги не помогают. Замена на див тоже не помогает. Нужно расположить кружки по центру прямоугольника с одинаковыми промежутками со всех сторон. Может кто-нибудь дать совет?
0 votes18 answers -
Google maps, запрет скроллинга на мобильных
На сайте установлен карта от гугла, ширина 100% высота 400-450px. Что бы он не мешал прокручивать вниз страницу - добавил scrollwhell:false что запрещает прокрутку карты колесом мыши. Но данная функция не помогает при touchscreen устройствах. Для них есть функция draggable: false, оно как бы запрещает скроллинг карты, но если попытаться через карту скроллить вниз страницу то опять таки не получится. Добавить прозрачный слой сверху для нормальной прокрутки на мобильных не смогу так как на карте есть маркеры на которые можно кликать.. В общем выхода не нахожу, есть у кого такой опыт?
0 votes15 answers -
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…
0 votes2 answers -
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
0 votes2 answers -
Помогите пожалуйста с главной страницей
Кароче проблема в том что я не могу сделать главную страницу. я ее как бы сделал, <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…
0 votes16 answers -
Отступ снизу в IE 6.0
У меня вначале CSS-файла вставлен код для обнуления отступов: * { margin: 0; padding: 0; } Далее идет основной слой, который используется в самом начале страницы: #wrapper { width: 80%; margin: 1% 10% 1% 10%; } Третий параметр, который задает отступ снизу не работает в IE 6.0, т.е. нижняя часть страницы плотно прилегает в нижнему краю браузера. Ставил этот отступ в секцию body - работает, но мне надо сделать это в слое.
0 votes7 answers -
внедрение мультимедиа
Подскажите, пожалуйста, подробно как внедрить в веб страницу фильм .mpg. Через object пишу - в IE7 открывается, в Опере и ФФ, вообще ничего. Пишу другое значение classid - открывается в Опере, правда совсем не того размера, что нужно (это при заданном width и height). Зато в IE и FF опять ничего не отображается. Ко всему прочему фильм тяжелейший, (чуть ли 1,5 Гб), так клиент прислал, как его разбить не знаю. Как он вообще будет ли грузиться с сервера, а то я пока на локальном компе смотрю. Короче, беда просто.
0 votes10 answers -
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…
0 votes18 answers -
Проигрыватель
Народ помогите, горю!!!! Мне нужен код плеера, для того чтобы воспроизводить видео на сайте!!! Я с этим не сталкивался и ничего не знаю по этому поводу!!! Что вы посоветуете????? Помогите, нужно позарез!!!
0 votes5 answers -
Проблема в структуре 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" /> &…
0 votes3 answers -
rotate для IE
Была проблема с rotate для осла 8. Проблему решил filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); Но теперь надписи съехали влево. Как сделать отступ их только для ИЕ без догрузки лишнего файла стилей для ие? Пример тут, во всех браузерах кроме ИЕ, надписи "События:Все Лучшие" на своих местах (справа от логотипа)
0 votes0 answers -
Выравнивание текста по низу div
Добрый день. Прошу сильно не пинать, гуглил пол дня. Подскажите пожалуйста по такому вопросу: как выравнять текст в <div> по нижней границе без absolute. Есть div с фоновой картинкой, поверх которой я вывожу текст. Если использовать absolute текст смещается. Вот как выглядит вариант, в котором нужно выравнять текст по низу: А вот что получается, если у родительского div'a просивать position:relative, а у вложенного position: absolute; bottom: 0; Как ещё можно попробовать выровнять по нижней границе div'a?
0 votes1 answer -
Когда не хватает псевдоэлементов или как спозиционировать тень
Вот иллюстрация. Тень должна исходить из выделенного блока(визуально, там видно откуда, и видно, что сейчас сделано криво). По-идее, это должен быть span, но в оригинальной задаче, span должен быть сам по себе, а тень должна исходить либо из самого пункта (класс every), либо из какого-либо нейтрального потомка, а какой потомок "нейтрален"? псевдоэлемент, его мы может подогнать под нужные размеры, поставить нужный z-index и сделать для него тень. Беда только в том, что для последнего элемента (крайнего справа), свободного псевдоэлемента не осталось. Что делать? Обязательно для всех меняющихся элементов, которые видны на иллюстрации, в том числе и для тени, нужен транз…
0 votes5 answers -
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…
0 votes7 answers -
стилизация полосы прокрутки
Приветствую! Возникла необходимость сделать полосу прокрутки под дизайн сайта. А именно вместо полосы прокрутки нужно поставить свои изображения. Реально ли это сделать?
0 votes2 answers