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
29,542 questions in this forum
-
Диагональное зачёркивание
Необходимо при наведении на блок с предложением цены перечеркивать ценник. Сейчас реализовано через горизонтальное зачеркивание при помощи картинки. .hoverClass{ background:url('redline.png') repeat-x 0 50%; }Какие есть идеи? Возможно ли повернуть картинку и расположить ее диагонально? Может нужно использовать text-decoration: line-through, при этом направив из левого нижнего угла в правый верхний?
0 votes1 answer -
Увеличение img при hover
Есть вёрстка ( украл сорри ) как заменить тот курсор на тот что появляется при увеличении изображения в lightbox например ? https://jsfiddle.net/atlanta/5usf70kw/
0 votes5 answers -
Как исправить блок под Safari?
Сверстал страничку. На Хроме, Опере, ФФ отображается норм. А вот в Safari этот блок растягивает. У меня нету техники apple что бы залезть в консоль. Может кто-нибудь поможет? Префиксы вроде бы на месте.Вот как в остальных браузерах и в Safari <div class="container"> <main class="3d-print-pages"> <section class="price-section padding-left"> <div class="price-section__call"> <h2 class="price-section__text-heading">Стоимость печати рассчитывается следующим образом:</h2> <div class="price-section-text-wrap"> <p class="price-section__text-price-strong"><strong>Цена 1 грамма пластика (ABS, PL…
0 votes2 answers -
Переделка шаблона под cms
Задача:нужно переделать шаблон(Psd,html,css файлы присутствуют) под смолу.Файл шаблона сделан версткой слоями.Для этого имхо удобней конвертировать слои в таблицы а затем распихивать их по *.tpl Проблема:В дримвивере при конвертации слоев в таблицы исчезают несколько картинок. Где собака зарыта?
0 votes1 answer -
Подключение СSS не из корневого каталога
Как указать путь для подключения файла CSS, который в папке корневого каталога, в html файле расположенном на два уровня ниже в корневом каталоге ? | ———- |——--| style | | ———- | | | ———- css_file.css | | | ————-- |——--| parent1 | | ————-- | | ————-- | ——— | parent2 | | ————-- | | | ————-- file.html В file.html нужно в подключении указать путь к css_file.css
0 votes3 answers -
А как вот так зделать?
http://online.ukrworld.net/111/ Вот, мне нужно в шапку сайта, между надписями каталог онлайн игр и www.online.ukrworld.net вставить маленькую картинку. Вставить так, что надписи остались на своих местах...Если просто вставляю картинку, написси уезжают...и билеберда выходит полная..подскажите...
0 votes3 answers -
Вложенные стили
Всех приветствую. У меня есть примерно такая конструкция. <div class="article"> <h2><a href="#" title="Ссылка заголовка">Заголовок</a></h2> Текст текст текст текст текст текст текст текст <a href="#" title="Ссылка 1"> <a href="#" title="Ссылка 2"> <a href="#" title="Ссылка 3"> <a href="#" title="Ссылка 4"> </div> Стили для ссылок 1, 2, 3, 4 уже заданы. Стиль заголовка тоже задан: .article h2 {...} Как мне задать отдельные настройки для ссылки заголовка? Конструкция .article h2 a:hover {...} не срабатывает. Прошу помочь. Спасибо.
0 votes4 answers -
Эффект перекатывания
Друзья. Замучался. Прошу вашей помоши. Делаю эффект перекатывания по образцу с http://rotorweb.ru/xhtmlcss-verstka/karty-...nij-na-css.html Но проблема в том, что при абсолютном наведении одной из активной области становится видна граница этой области. Для основной фоновой картинки в Photoshop применяю фотофильтр с цветом #999999 или R153 G153 B153 при density 100%. При сохранении гифки, параметры следующие: Save for Web, Transparency, Matte с цветом #999999 или R153 G153 B153. Но бордюр при hover виден. Что я не так делаю? Возможно для приглушения цветов основного фона нужно пользоваться не фотофильтром, а иным инструментом? Спасибо всем кто откликнется.
0 votes1 answer -
Проблемы с IE iframe style
<iframe frameborder="0" width='100%' height=800 src="pages/okompanii.htm" align="left" style=" border: 0px solid #000000; background-position:center; background-repeat:no-repeat;background-image:url(images/framefon.jpg)"> Ваш браузер не поддерживает плавающие фреймы! </iframe> В опере все корректно отображается, а вот продукт Майкрософта отнял у меня вчера час времени и результата все равно нет! Так и не отображается фоновое изображение! Может кто-то знает что делать!
0 votes2 answers -
ПОЛНЫЙ АХТУНГ!
Просканил страничку на отображение в разных браузерах, вот результат. Глаза уже на лоб лезут, в IE и в Chrome все отлично отображается, ну и частично в Saf-е, а вот в Opere и в FF все хреного, даж bacground-ы с ошибками. Народ, наставьте на путь истинный, укажите в чем прабла, вот исходный адрес страницы http://stavkan.ru/articles/ и CSS-контейнера http://stavkan.ru/css/style.css Уточню, прабла состоит с отображением менюшной синей полосы, именно с ней весь основной геммор
0 votes5 answers -
Растояние между словами(ссылками)
Такая проблемка, не знаю как сделать так что бы два слова используемые как ссылки отодвинуть друг от друга на разумное растояние? Слова распаложены в одной строчке которая состоит из одной ячейки которая объединена на 3. <tr> <td class="shap1" colspan="3" > <a href="http://shima.ru">Главная</a> <a href="http://shima.ru/avtor.html">Об авторе</a><br> </td> </tr>
0 votes5 answers -
TEXTAREA - Как сделать жесткие переносы?
Есть textarea с фиксированной шириной. Как сделать чтобы при вводе длинных неразрывных строк - они переносились на новую строку, а не появлялась горизонтальная прокрутка?
0 votes2 answers -
не растягивется ячейка в Opera и IE
Подскажите плиз как бороться с такой проблемой, есть три ячейки по вертикали, средней ячейке задана высота height="100%", а у нижней и верхней по 150px. В результате получается так что верхняя и нижняя ячейки растягиваются по высоте, а средняя нет, хотя нужно наоборот. C FireFox проблем нет, а вот в IE и Opera средняя ячейка не растягивается по высоте ....уже испробованы всяческие варианты, ни чего не изменилось, помогите кто знает в чем дело! Вот пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <…
0 votes6 answers -
Ошибки валидатора
Привет сегодня валидатор удивил http://validator.w3.org/#validate_by_upload загрузил файл выдало ошибки: раньше проблем ни каких не возникало с данным кодом ну и собсно код загружаемый в валидатор <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>index</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <div id="main"> <!-- head --> <div…
0 votes7 answers -
a:hover ПРОБЛЕМЫ ВРОДЕ В
ВСЕМ ПРИВЕТ ВООБШЕМ УЧУСЬ ВЕРСТАТЬ ШАБЛОНЫ, И В ОДНОМ МАКЕТЕ наткнулся на одну вешь! Вообшем вот как должно быть когда на нажимаешь на сыллку в топ меню красная картинка должна открываться на весь свой размер! А у меня вот как открываеться! ТУТ МОЖНО СКАЧАТЬ МОЮ РАБОТУ>>>http://rghost.ru/6875221 ТУТ МОЖНО СКАЧАТЬ МАКЕТ http://rghost.ru/6875521 ПОМОГИТЕ что дописать или где что подправить что бы было как положенно!
0 votes14 answers -
div вёстка, проблема с блоками
Здравствуйте, задача сделать такое: есть html: <div id="hmenu"> <div id="rmenu"></div> <div class="menu"> <ul> <li > <a href="" title="Главная">Главная</a> </li> <li class="page_item page-item-17 current_page_item"> <a href="" title="xcvbdhdfh">xcvbdhdfh</a> </li> <li class="page_item page-item-2"> <a href="" title="Пример страницы">Пример страницы</a> </li> </ul> </div> <div id="lmenu"></div> </div> Никак не могу сделать правильно, подскажите плз как размес…
0 votes9 answers -
Зависание эксплорера при загрузке сайта
Всем добрый день. Делаю сейчас сайт http://demo.arammu.ru/ вернее не одна я, а ещё прогер. Возникла такая проблема: при открытии этого сайта у меня начинает виснуть эксплорер всех версий (установлен на компе 7 + пользуюсь ietester'ом). Так же просила посмотреть нескольких знакомых, у них тоже самое, только у одного нормально работает. Пробовала отключать скрипты, всё равно виснет... Надо срочно в html исправить все баги в эксплорере а из-за этой ерунды не получается. Может кто подскажет в чём может быть причина или знает отладчик какой которым можно проверить? Заранее спасибо.
0 votes5 answers -
оптимизация сайта
Добрый день. Занялся изучением html и css, решил сделать сайт, у меня возникла следующая проблема: я создавал сайт пользуясь хромом от гугл. немного оптимизировал под мозилу и оперу. основная проблема возникла с IE. Решил использовать css3pie.com, но оказалось что тень для блоков и прозрачность(пробовал и с рисунками .png) одновременно использоваться не могут(возможно я что то не так делаю), уже позже понимаю что создал изначально "не правильный" дизайн сайта(т.к. пользовался тенями, закруглениями и прозрачностью - все из css3) - все это тормозит на IE(к тому же фон страницы фиксированный рисунок). Что можно сделать что бы не переделывать дизайн сайта? я целый месяц р…
0 votes8 answers -
css меню заходит под контент
В Левом меню при открытии, список заходит под контент. все возможные способы с позиционированием пробовал ничего не помогает. может вы мне что подскажите что можно сделать?вот ссылка на сайт http://fr13809.tw1.ru/index.php
0 votes10 answers -
Обрезка изображения линиями
Существует специальная функция которая рисует изображение drawImage и её перегруженный вариант которая делает обрезку изображения и принимает она 8 параметров. drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight); Можно ли как ни-будь сделать обрезку изображения не таким способом, а с помощью линий (lineTo). Вот сам код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Загрузка картинки</title> <script> var canvas, ctx, img; window.onload = function() { canvas = document.getElementById("drawingCanvas"); ctx = canvas.getContext("2d"); var img = new Image(); img.src = "img2.jpg"; img.onload = …
0 votes10 answers -
Помогите опредилить движок.
http://www.igromania.ru/ - помогите, скажите какой движок?
0 votes5 answers -
Z-index в IE6
Работает во всех браузерах, кроме IE6. В IE6 фон меняется местами с контентом. Может, кто сталкивался с проблемой? сайт http://lemali.ru
0 votes1 answer -
Выпадающее меню, проблема в IE6
Здравствуйте! Помогите пожалуйста решить такую проблему: Есть горизонтальное меню, с выпадающим подменю при наведении мыши. Дело в том, что пункты меню не ограничены по ширине и зависят от длины текста в них. Во всех браузерах (кроме гадского IE6) подменю имеет ширину родительского элемента (тоесть самого пункта меню), а в IE6 оно растягивается по всей длине меню! Я так понял, что IE6 при абсолютном позиционировании блока неправильно определяет родительский элемент. Вот ссылка на пример: ссылка на меню Код меню: <ul class="menu"> <li><a href="#">Very Long Menu Item</a> <ul> <li><a href="#">Submenu 1</a></li> &l…
0 votes9 answers -
В Opera пропал звук на страницах
Искал по всему инету, не нашёл - может, тут кто знает... Слетела винда XP. Поставил всё заново. Всё заработало как обычно, кроме одной неприятности: в Опере пропал звук. T.е. SWF/FLV играют со звуком, и MIDI тоже играет - не играют только фоновые mp3, внедрённые на страницы через EMBED. Все нужные галочки в настройках Оперы включены. А в IE всё играет.
0 votes1 answer -
Div вёрстка и css
Не понимаю что "Не Так". Должны быть две картинки с логотипом, ксс на дивах отличаются только позиционированием, z индексом и тем что один класс, а другой ид. Помогите... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> div#logo {url(img/LOGO.gif); Z-INDEX: 1; relative; top: 100px; left: 100px; right: 100px; bottom: 1300px; WIDTH: 700px; HEIGHT: 200px; VISIBILITY: visible; } div.button { BACKGROUND-IMAGE: url(img/LOGO.gif); Z-INDEX: 2; relative; top: 100px; left: 300px; right: 100px; bottom: 1100px; WIDTH: 700px; HEIGHT: 200px; VISIBILITY: visible;} BODY …
0 votes6 answers