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
-
Пароль
Вот предыдущий топик ССЫЛКА . Сделал чтоб вместо фона была картинка с надписью пароль.Но в экспловере focus не работает .Вот код .Скажите как сделать,чтоб там работало?! <input type='password' name='Password_login' class='header_divlogininputpassword' id='password' > #header_login .header_divlogininputpassword:focus { background-color:#ffffff; background-image: url('images/.jpg'); } #header_login input { width:130px; color:#000000; height:18px; border-width:7px; border-style:solid; border-color:#ffffff; border-left-width:7px; border-left-style:solid; border-left-color:#ffffff; font-family:"Arial"; font-size:14px; } .header_divlogininputpassword { background-image…
0 votes7 answers -
Никакой реакции на <i></i>
Добрый день. При загрузке данных из БД обрабатываю их следующим образом: $pmtext = nl2br($arraylistpm['pmtext']); $pmtext = str_replace("[I]","<i>",$pmtext); $pmtext = str_replace("[/I]","</i>",$pmtext); В итоге фактически тэги <i></i> добавляются, а браузер на них никак не реагирует. Где собака зарыта ?
0 votes11 answers -
Проблема с версткой...
width:auto работает только с div-ами у которых position:absolute? хотелось бы резиновые div-ы выравнивать с помощью float:left, возможно ли это?
0 votes20 answers -
Помогите найти ошибку
Помогите найти ошибку <html> <head> <script> function otkr(){ var svertmenu = document.getElementByid("svertmenu"); svertmenu.style.display = "block"; } function zakr(){ var svertmenu = document.getElementByid("svertmenu"); svertmenu.style.display = "none"; } </script> </head> <body> <a href="#" onmouseover="otkr()" onmouseout="zakr()">Меню</a> <div id="svertmenu" style="display: none;">Это меню</div> </body> </html>
0 votes8 answers -
Как такое сделать
посмотрите http://hostingkartinok.com/show-image.php?id=77269bca7adeecced295e549fb52bd1b здесь машину можно выделять. это как реализовано?
0 votes17 answers -
На планшете съезжает верстка на доли секунды
Господа, есть элементарный сайт визитка, насколько это возможно, на пк все вроде неплохо, без глюков, сделан по принципу mobile first, но на планшете, если нажимать на пункты меню, буквально долисекунды я вижу, как верстка съезжает, это очень напрягает, делал я его флексбоксами, может кто подскажет, что и где и сделал неправильно? Сайт пока находится по адресу anvyd.ru
0 votes3 answers -
Помогите со слайдером
Всем привет. Прошу сильно не пинать Подскажите новичку как сделать слайдер Tilted Content Slideshow по таймеру, то есть через определенное время чтобы сам листался? Заранее благодарен!
0 votes8 answers -
Как перевести пикселы в rem?
Здравствуйте! Как перевести padding и щрифт из пикселей в единицу измерения rem?
0 votes3 answers -
Сделать ссылку на новое окно меньшего размера. И открывающееся отдельно.
Хочется сделать так, как здесь: https://www.myscore.ru Кликаешь по любому матчу - и открывается отдельное и меньшее окошко. Я пока что пробовал просто атрибут ссылки target=_blank. Выползала, во-первых, новая вкладка (в том же окне). Во-вторых, того же размера. Спасибо и извините за нубство.
0 votes3 answers -
Есть дизайн и его пробная верстка, укажите ошибки
Всем доброго дня. Нарисовал дизайн сайта, почитал про блочную верстку...и решил верстать его. Уже не хватает терпения "шаманить" со всем этим, поэтому обращаюсь к профессионалам! Как правильно сверстать данный макет? Я сделал свой вариант, наполовину блочный наполовмну таблицы - но пока сделал весь измучился. Кто что скажет ? Вот здесь все лежит: http://demiart.ru/forum/index.php?showtopic=28893&st=15 Всем заранее спасибо за ответы! П.С. Не нашел ссылки как загружать файлы - поэтому привожу внешнюю ссылку Прошу переместить тему, если разместил тему не там
0 votes5 answers -
Проблема с border при верстке
http://sfasdgas-hsdhsd.narod.ru/123123.rar (40 кб) вот мои "старания". Скажите пожалуйста как сделать обводку для меню снизу, и убрать ее для файла ins.gif (между левым и правым меню тонкий прямоугольный блок). Заранее спасибо огромное!
0 votes3 answers -
Некоректная обработка CSS в Opera и FireFox
Стили меню сайта прописаны на CSS: a.mainlevel:link, a.mainlevel:visited { color: #ffffff; font-weight: bold; background-image: url(../images/menu_bgr.gif); background-repeat: no-repeat; width: 95%; text-indent: 15px; text-decoration: none; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 20px;} В Internet Exploer Все выглядит замечательно. Что же касается Opera и FireFox то они: 1) почему то игнорируют text-indent: 15px. Т.е. текст сслылок не сдвигается вправо 2) действие line-height: 20px почему то не распостраняется на background-image. Т.е. картинка находится только под текстом, а изначально задумывалось что бы картинка растягивалась на 20px Кто подска…
0 votes3 answers -
Тэг <FRAME>
Ребята помогите пожалуйста "чайнику"!!!!!!! Ребята как сделать во фрейме,чтобы была только вертикальная полоса прокрутки,а горизонтальной не было??? и возможно ли это,и вообще есть ли значения для параметра <scrolling> кроме таких как "no","yes","auto"???
0 votes4 answers -
Замена в id символа /
Здравствуйте! В коде вывода случайной картинки на XHTML сайте присутствуют следующие строки: <a id='thumb_Gallery/112/1/13.jpg' href='http://www.мой сайт.ru/plugins/my_gallery/foto.php?img=Gallery/112/1/13.jpg&h=1200&w=1200' class='highslide' onclick='return hs.expand(this)'> и <div class='highslide-caption' id='caption-for-thumb_Gallery/112/1/13.jpg'> На которые валидатор ругается, мол в id запрещено применение символа "/". Как быть? Чем заменить? Заранее благодарен всем откликнувшимся!
0 votes4 answers -
Кириллический аналог шрифта Neropol
Собственно может кто знает такой шрифт? Уже запарился гуглить и смотреть каталоги шрифтов, пусто. На одном двиге видел некий аналог киррилического нейропол....вроде не совсем то, но все же....
0 votes1 answer -
width вложенного div больше width родителя
<div id="menu" style="width:300; position:absolute; left:25; clip:rect(0 330 auto 0)"> <div id="menu2" style="position:relative; white-space:nowrap"> текст, у которого может быть различная ширина, к примеру 1300 px </div> </div> 1) в IE menu2.offsetWidth дает правильную ширину 1300, а в Opere выдает 300 (offsetWidth menu). Как узнать в опере menu2.offsetWidth? 2) Как сделать, чтобы ширина menu2 не влияла на горизонтальный скроллинг окна.
0 votes1 answer -
Вёрстка поля для поиска
Моя задача: сверстать поле для поиска такое же как на картинке(рис.1) Моя проблема: При вёрстке поля для поиска вылезает какая-то непонятная белая рамка (в IE рамка чёрного цвета)(рис.2) Мой вопрос: Как избавится от рамки белого цвета и как ещё можно улучшить мой свёрстанный текстбокс, чтобы он был похож на текстбокс с картинки ? Страничку в браузере можно посмотреть по ссылке:http://web-luck.ru/horner/search.html? Вот весь исходный: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Текстбокс</title> <script src="jquery-1.6.2.min.js"></script> <script s…
0 votes6 answers -
Скрипт для панорамы
Помогите найти скрипт для панорамы. Примерно такой же как на сайте 3dtour.me Или как его написать? Спасибо!
0 votes4 answers -
HTML5 - CSS3 пора?
Добрый день, я начинающий верстальщик. Сам занимаюсь разработкой несложных сайтов-визиток, но решил что необходимо повышать уровень! Решил я начать соответственно с базы - верстка PSD макетов. Сейчас как всем известно вышли новые стандарты HTML5 и CSS3. К сожалению, пока они полностью не поддерживаются всеми браузерами, тогда как быть? Я хочу учится верстать и начинаю уже именно с HTML5 и CSS3, но используя последние стандарты, мне просто придется прибегать к JS для кроссбраузерности, но как я буду это делать, если толком верстать не умею.. А про JS вообще молчу. Что посоветуете? Благодарю всех за ответы. С уважением Дмитрий.
0 votes9 answers -
Насколько верное решение задачи?
Посмотрите, пожалуйста, насколько криво реализовал задачку: нужно, чтобы при наведении на картинку или ссылку под ней, изменялся вид ссылки. http://macroland.ru/rentacar
0 votes5 answers -
Вопрос по svg-спрайтам
Доброе утро! Посмотрите, пожалуйста, правильно ли я подключил svg-спрайт http://cssdeck.com/labs/f3a0xxff и подскажите, целесообразно ли их использовать, или лучше применять отдельные svg там, где необходимо, или использовать для этих целей иконочные шрифты?
0 votes9 answers -
Помогите решить как сделать чтобы один chekbox был включен а второй выключался?
<div class="checkbox_button"> <div class="fiz_face"> <input type="checkbox" id="box_1" > <label for="box_1" class="checkbox-label unchecked-label"></label > <span class="fz_uz_1">Физическое лицо</span> </div> <div class="ur_face"> <input type="checkbox" id="box_2" checked /> <label for="box_2" class="checkbox-label checked-label"></label> <span class="fz_uz_2">Юридические лица</span> </div> </div> .checkbox_button #box_1{ float:left; min-width: 10px; max-height:10px; background: none; } .checkbox_button #box_2{ float:left; min-width: 10px; max-height:10px; background: none; …
0 votes6 answers -
Центрирование абсолютно позиционированного блока произвольной высоты
Вопрос наверное глуповат, но как сделать я не понимаю. Есть блок с position relative в нем есть ul, который абсолютно позиционирован по правому краю. Сейчас top стоит 50% и все точки добавляются вниз, да и выглядит не так, как задумано: Как можно позиционировать так, чтоб он всегда был ровно в центре: Количество пунктов (li) может быть произвольным и обертку я добавить не могу: http://jsfiddle.net/ytjh8gn1/
0 votes2 answers -
Вопрос по абсолютному позиционированию
http://codepen.io/anon/pen/LpgeVq?editors=110 Проблема в следующем. Первый абсолютно спозиционированный относительно body элемент располагается чуть ниже верха страницы. (Должен примыкать прямо к верху: top: 0 стоит.) Почему верхнее поле заголовка (body > h1) так влияет на него именно в body? Но этого не происходит в простом wrapper'е.
0 votes12 answers -
Как сделать чтобы кнопки были на одной линии Listen, Watch, Read
https://vasyldubno.github.io/project1/#blog https://github.com/vasyldubno/project1
0 votes1 answer