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
-
картинка перекрывает ссылку
Здравствуйте! Подскажите пожалуйста. При наведении курсора на ссылку появляется картинка, но она перекрывает ссылку. ДО наведения курсора http://hkar.ru/G26z После наведения курсора http://hkar.ru/G26A Хотя в стилях для картинки задано: a image {visibility: hidden; position: absolute; z-index:1;}А для ссылки при наведении: a:hover text {text-decoration: underline; position: absolute; z-index:100;}Весь код: <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <svgxmlns="http://www.w3.org/2000/svg" version="1.1"xmlns:xlink="http://www.w3.org/1999/xlink"width="330" height="330" viewBox="-18 -15 330 330">&…
0 votes2 answers -
В какую сторону копать для упрощения верстки (макетирование).
Я в веб-верстки ровно месяц. Так что извините за незнание каких-либо терминов или/и их неправильное употребление. Попытался сделать сайт для себя, т.к. просто учиться на офлайн-файликах немного скучно. И уже сейчас столкнулся с такой проблемой. HTML-файлов в сайте уже штук 10, и каждый раз когда я хочу изменить интерфейс сайта мне приходится последовательно менять его во всех этих 10 файликах. Можно ли как-то оптимизировать этот процесс? Порылся в интернете - есть рекомендации Adobe Dreamweaver CC, но также пишут мол он "отупляет" верстальщика. Какую программу посоветуете для решения этой проблемы? В какую сторону копать?
0 votes4 answers -
IFRAME глючит в IE
Проблема заключается в следующем. Есть два слоя, расположенных в горизонтальном порядке. Первый (меню), для которого задан float: left занимает примерно процентов 15 экрана и с ним всё в порядке, второй (там находится текст) находится справа от первого и занимает оставшуюся часть экрана. Причём стоит заметить, что левый слой представляет собой просто <div></div>, а правый <div><iframe></iframe></div>, то есть внутри правого дива находится iframe, содержимое которого меняется в зависимости от того, куда мы нажмём в левом меню. Так вот. Вопрос банальный. В опере всё работает замечательно, а в IE почему-то правый слой вместе со всем соде…
0 votes3 answers -
Проблема со слоями
Начал осваивать верстку слоями. Помогите, плиз, решить такую проблемку... Есть основной слой - контейнер, который выравнивается по центру страницы. В нем (подобно ячейкам таблицы) есть слои. Во всех браузерах смотрится нормально. Только в IE видно разрыв между слоями, и то разрыв только между нижними и верхними слоями, между соседними слоями разрыва нет. <head> <style> * {padding: 0px;margin: 0px;} #main { width: 970px; height: 150px; margin-left: auto; margin-right: auto; background: blue; } #title1 { float: left; width: 50px; height: 50px; background: #99FF00; } #title2 { float: left; height: 50px; width: 50px; background: #00FF66; } #title3 { float: l…
0 votes5 answers -
Проблема с CSS
Для того чтобы в системе UCOZ отредактировать фон мини-чата нужно кое что подправить в CSS Должно быть следующее: /* Comments Style */ .cAnswer {padding-left:15px;padding-top:4px;font-style:italic;} .cBlock1 {background:#E3CE77;border-top:3px double #CAAF44;color:#000000;} .cBlock2 {background:#D4BF68;border-top:3px double #CAAF44;color:#000000;} /* ————-- */ /* Comments Form Style */ .commTable {} .commTd1 {color:#000000;} .commTd2 {} .commFl {color:#948549;width:100%;background:#FEFEFA;border:1px solid #EBD98E;} .smiles {border:1px inset;background:#FFFFFF;} .commReg {padding: 10 0 10 0px; text-align:center;} .commError {color:#FF0000;} .securityCode {color:#948549;back…
0 votes2 answers -
Атрибут бордер для таблице
Добрый день, не подскажите ли вы, как можно отменить стиль для таблицы, я могу с помощью тега отменить применение стиля для конкретной таблицы?
0 votes2 answers -
Вопрос по верстке в две колонки
Здравствуйте, только начинаю изучать верстку возникает много вопросов, например по верстке в две колонки, показали пример <div id="all"> <div id="out"> <div id="right"> </div> </div> <div id="left"> </div> </div> вопрос, вот в чем: для чего будет использоваться <div id="out"> ведь можно просто поменять местами <div id="left"> и <div id="right">, и второму задать маржин, на ширину первого, а первому флоат,подозреваю что это как то связано с фоном но "допетрить" сам не могу, я прощу прощения если вопрос глупый и ответ будет очевидным но опять же повторяюсь я начинающий а спросить не у к…
0 votes4 answers -
Проблемма с рамкой
Здравствуйте, подскажите пожалуйста как сделать такую рамку. Пока у меня получилось только так Код: <div class="slider_text"> <span>Наличие собственного сервисного центра и квалифицированных специалистов обеспечивает оперативное выполнения наших гарантийных обязательств. Мы предлагаем вам современные компьютеры по цене производителя!</span> </div> CSS: .slider_text span{background:url(images/slider_text.png);padding:0 14px 0 10px;line-height:14px;font-size:16px;}
0 votes15 answers -
сss, проблема с "дивами"(позиционирование)
Привет всем, подскажите, есть вопрос: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style>[/background][/size][/font] [font=Verdana, Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif][size=3][background=rgb(250, 250, 250)]li { list-style-type: none; } ul { margin-left: 0; padding-left: 0; } .full{ width: 800px; margin: 0 auto; }[/background][/size][/font] [font=Verdana, Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif][size=3][background=rgb(250, 250, 250)].imaging{ position: fixed; right: 50…
0 votes7 answers -
Вывести в alert CSS свойство
Тям опять иссяк Подскажите пожалуйста, как в команду alert вывести что-то из стиля блока див, что прописано в отдельном CSS файле а не в теге div? Вот пример, border и fontSize вылазиют, а width и прочее нет, т.к они не прописаны в теге. (кликните по блоку) http://jsfiddle.net/bYdmj/2/
0 votes6 answers -
Каталог продукции
Доброго времени суток! У меня следующий вопрос! Есть небольшой каталог продукции.. сделан простенько на css и jquerry. Хотелось бы сделать так, чтобы при переходе на какую либо страницу в каталоге "раздвинутый" раздел запоминался. Практически все каталоги так сделаны, но я честно говоря не знаю как это реализовать.. Буду очень благодарен любой помощи!! Ссылка на все это дело: http://perfectionstudio.ru/palve/index.html если нужно, выложу сюда все коды!
0 votes2 answers -
Реализация при наведении
Всем привет Помогите реализовать подобный эффект: http://clip2net.com/s/5Q5U3K Не могу правильно реализовать эффект полос при наведении
0 votes10 answers -
Непонятная область блока
Приветствую! Интересная штука. Когда водишь мышью над третьим пунктом меню (Logout), попадается непонятная невидимая область, принадлежащая второму пункту (Gallery). И она довольно большая. Это хорошо видно по ховер эффекту изменения цвета иконки второго пункта. Такое действо происходит в Хроме, Опере, Сафари. А в Фаерфоксе - нет. Что это? http://tellmeof.cc.ua/DarkVertMenu/darkvertmenu.html
0 votes2 answers -
ul li бутерброд без js
Добрый день. Подскажите пожалуйста как реализовать аккуратное бутерброд-меню (ul li) без дополнительных подразделов и главное без js.
0 votes7 answers -
FOOTER как решать ?
Такой вопрос, footerу задан width 100%, нужно растянуть на всю ширину экрана, но если я его выношу за обертку, тогда он растягивается, но между ним и оберткой получается щель, а если я его вкладываю в обертку тогда щели нет, но он равен ширине обертки. И как вообще правильно, выносить его за обертку или нет
0 votes1 answer -
CSS шпаргалка
Раньше пользовался этой шпаргалкой, для новичков в CSS пойдет (советую распечатать и повесить на стенку перед компом)
0 votes2 answers -
Проблемы с подключением таблицы связанных стилей
...оглядел своё творение... вроде все готово пора прятать стили... столкнулся с такой проблемой что при подключении файлов со css некоторые параметры перестают работать например в: <style type="text/css"> ul { list-style:none; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; width:12em;...... и т.д. параметр list-style:none; не действует (при нахождении непосредственно на странице всё нормально)
0 votes2 answers -
iframe пролистывание на середину
на сайте вставил iframe когда в iframe (размер 200 на 200)загружается вставленный сайт то там по стандарту показывается верхний левый угол сайта и чтобы добраться до середины сайта надо прокручивать полосу прокрутки как мне сделать чтобы при загрузке iframe показывалась например сразу середина сайта
0 votes1 answer -
Дублирование нижней границы таблицы в ИЕ
Столкнулся с необъяснимой для себя проблемой. Скажу сразу, что характерна она только для ИЕ (замечено и на 7, и на 8). Имеется следющий код: <form method="post" id="searchform" action="?action=navi&scriptname=searching.php" onsubmit="set_values();"> <table style="border-bottom:2px solid red;"> ..... некоторые элементы типа <input> и <select> ..... <form id="someid"> Форма </form> ...... </table> </form> Проблема состоит в следующем: при добавлении в таблицу формы someid - нижняя граница рисуется дважды: там где надо и в районе формы someid. Стоит форму убрать - линия пропадает. Объясните п-ста, почему так…
0 votes9 answers -
не работает фон.
Всем привет. У меня проблем с фоном. <body> <div align="center"> <div class="head"> </div> </div> </body> и CSS .head { width: 100%; background-image: url(images/temp.jpg); background-repeat: repeat-x; } Что не далай не работает фон. Уже и ссылки менял и рисунки менял! В чем может быть проблема?
0 votes5 answers -
Псевдоклассы a.active + a.hover
Здравствуйте. Помогите, пожалуйста, решить вопрос: есть меню с псевдоклассами .a.link, a.active и a.hover. Для каждого псевдокласса свои цвета текста (link чёрный, hover чёрный, active синий). Задача: сделать active при наведении (при hover т.е.) синим (т.е. просто hover ссылки должны быть чёрным, но active hover синим). Активный пункт меню: ul.sd-hmenu>li>a.active { color: #0D6EAB; } Как решить вопрос выше? Пробую перечислением: ul.sd-hmenu>li>a.active, .sd-hmenu>li>a.hover { color: #0D6EAB; } В чём ошибка?
0 votes4 answers -
Ссылки в hover меню картинками
Надо сделать меню картинками, чтобы при наведении менялся цвет текста, ну и чтобы пункты меню были ссылками, естественно. С псевдоклассом hover я знаком, но есть одна проблема. В html коде пункты меню пустые. <div id="home"><a href="#"></a></div> Ко мне пришла в голову мысль заполнить пункты меню по высоте прозрачной картинкой шириной в один пиксель, и div a{display:block;} в css. С лого у меня та же проблема, хотя она конечно решаема вынесением картинки в html. Подскажите как по-хорошему это все сделать, не хотелось бы изобретать велосипед.
0 votes5 answers -
data: URL
<img style="width:80px;height:100px;position:absolute;left:30px;top:25px;" src="data:image/gif;base64, R0lGODlhZACMAOIEAP/////MM/9mAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJSwAEACwAAAAAZACMAAID/0i63P4wykmrvTjrzbtnQyiOw2eeVyisLFmicKyo7CoKquiQcj/RrVvOVhrVcDqfkjA4Ip9NnBToJCaXJ6qt9Zxuq8joFduJHmk5sbR7XovJTI65NldvzfOuPQTnY/JcRF9DX4V7OHAzLxSAhW5iTZCCgmh+iXE/YHmAhHaBkTmXC5Y7mmCmYW2PNj4upIsNjWunqHR1bqJ+pDO1tq6BqlZEoopMsLKzk05Cv3S4xMUvWs5BtKnLeJFISq4jijeneNbU2L6wMuexfMiG47bhYYuul9PLju7JqvLp9O7i+OTsreOXqI4sTwDvURtjjGGPbLXYWUP2ZhTBVsBoSZwIL/+SMWIQx23kWCXbRW6f6ilMmG/hSYyDJI7UCC/evIfOKvViudLRyxi3JOWbSbMmooLl3NjjGawkHaT6VhI16nRKn6qQNjFturTikpmctgZcavWr2JY82WnzaLYnSbFqO7VFK/…
0 votes3 answers -
Как задать общий класс javascript объектам
Здравствуйте! Извините за столь может простой вопрос. У меня таблица из тысячи строк и каждой персонально приписано <tr onmouseover="this.style.backgroundColor='#d6e5ff'" onmouseout="this.style.backgroundColor='white'"> Это доставляет определенные тормаза. Скажите пожалуйста, как я могу один раз прописать эти параметры и они присвоились всей таблице? Рад буду узнать более оптимальные способы. Спасибо.
0 votes7 answers -
Обтикание изображения
Здравствуйте! Скажите пожалуйста, как сделать, чтобы текст обтекал изображение? Ссылка на проблему - линк. Я хочу, чтобы было так - линк.
0 votes6 answers