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
-
Не правильное отображение в Chrome
Здравствуйте. Первый раз столкнулся с ситуации, что в Хроме некорректно отображается страница, то есть в Мозилле, Опере и даже ИЕ всё ОК. а в Хроме нет... Ситуация следующая: <div id="wrapper"> <header id="header"> </div> <nav id="hor_menu"> </nav> </header> <header id="slider"> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div><!--#container--> <aside id="sideRight"> </aside> <aside id="sideLeft"> </aside> </section> </div><!-- #wrappe…
0 votes20 answers -
Убрать рамку в span: hover в IE6
добрый день. у меня появилась следующая проблема: нужно убрать рамку при ховер в span в ие6, а она не убирается, что делать ума не приложу, вот код, вот для норм. браузеров: #content ul.menu_1 li a span.dashed{ border-bottom:1px #0a6aa9 dashed; } #content ul.menu_1 li a span.dashed:hover{ color:#ff6a00; border:0px; } вот что пишу для ие6: span{ behavior: expression( onmouseover = function() {this.className += ' hover'}, onmouseout = function() {this.className = this.className.replace('hover', '')}, style.behavior = null ); } span.hover{ text-decoration:none; color:#ff6a00; border-bottom: 0px; } при этом в ие6 цве…
0 votes3 answers -
Срезанный угол слоя
Подскажите, пожалуйста, как сделать срезанный угол у div'a при помощи CSS? Помимо этого, слой вместе с углом должен менять цвет при наведении курсора. Как должно выглядеть:
0 votes2 answers -
Проблема с максимальной шириной сайта.
Я новичок.Мой первый и единственный сайт: http://aboutme2.h16.ru/ Не могу избавится от колеса прокрутки страницы по горизонтали! Помогите...Если найдете еще ошибки , укажите мне на них.
0 votes6 answers -
Выровнять изображение и текст
Здравствуйте! Сразу скажу, что плохо в этом соображаю Дело в том, что мне нужно на одной странице по левому краю выровнять 2 изображения. Одно ниже другого. А с правой стороны текст. Ниже код с одной картинкой. Не пойму как сделать с новой строки новое изображение и текст. Помогите пожалуйста. Уже два дня маюсь. <tr> <td width="270" align="left" valign="top"> <img src="http://read.ru/images/delivery_place/861.jpg" style="float:left;margin:10px;"> <b>Адрес:</b> ул. Ленинского Комсомола, д. 35, офис 77<br><br> <b>Телефон:</b>…
0 votes1 answer -
Повтор изображения
Здравствуйте, вроде я не чайник в css но что-то не могу понять, я прописал: html, body { background: url("{T_THEME_PATH}/images/bg_body.gif") repeat-x top #FFFFFF; } и изображение стало не целиком а слоями. пример и изображении, что это может быть?
0 votes17 answers -
Абсолютное позиционирование и отступ снизу страницы.
Поискал я в интернетах и ничего толкового не нашёл, поэтому решил спросить здесь. Есть страница, 3 колонки с position:absolute, надо сделать отступ снизу (после самой длинной, это может быть любая из них, не только центральная). На margin реагируют только такие же абсолютно-позиционированные объекты. Если вставлять мои колонки в какой-то блок, он не воспринимает абсолютно-позиционированные объекты как твёрдые объекты (игнорирует их высоту). Вроде как-то решал, но не могу найти (а может и не решал). Пробовал менять на relative - всё едет. Необходимо именно абсолютное позиционирование. CSS: HTML:
0 votes5 answers -
Как получить размеры div-а
Задолбался гуглить, все какую-то фигню советуют. Проблема: Есть кнопка при нажатии на которую должно выпадать меню, это меню хочется выровнять так чтобы правая граница его совпадала с правой границей кнопки. Для этого нужно получить ширину меню чтобы сдвинуть его влево от кнопки. Получить ширину не получается ни через menu.offsetWidth ни через menu.style.width , оба эти свойства почему-то возвращают пустое значение. Все остальные функции работают нормально, меню располагается справа от кнопки. function showMenu(obj, id) { if (CurrMenu != null) CurrMenu.style.display = "none"; var menu = document.getElementById(id); var width = menu.offsetWidth; menu.style.…
0 votes1 answer -
Сверстал шапку от сайта
Приветствую всех! Учусь верстать. Сверстал в качестве тренировки шапку сайта 003 ру Я так понимаю, что она не очень сложная в верстке, но все же хотелось бы услышать пожелания, что плохо и как лучше не делать. Если не затруднит, покритикуйте пожалуйста. Спасибо! http://workoffice.ru/tmp/003/index.html
0 votes2 answers -
видео в отдельном окне
знания html=subzero; браузер="firefox 10.0"; имеется муками безграмотного usera (мной) составленный код: <div style="overflow: hidden; position: relative; width: 610px; height: 360px;"><iframe name="rtv" width="830px" height="640px" frameborder="0" border="0" scrolling="no" src="http://beta.www.livestation.com/euronews/ru" style="position: absolute; left: -15px; top: -80px;"></iframe></div> браузер открывает файл с кодом в новой вкладке (прописано в свойствах браузера); как заставить браузер открывать только этот файл в отдельном окне с заданными размерами и положением (внизу справа) поверх всех окон с отсутствующими вкладками, панелью и воо…
0 votes0 answers -
как обвести текстовое поле синим цветом ?
как обвести текстовое поле синим цветом ? Где - то я видел такой тег, но потерял ;( Подскажите плз.
0 votes2 answers -
Стилизованный input[text] проблема с div-ами
Привет. Решаю тут задачу стилизации поля ввода. При помощи js тег <input> обёртывается в конструкцию из div следующего вида: <div class="input_text_box"> <div class="left_wrap"></div> <div class="center_wrap"> <input type="text" name="text" size="20"/> </div> <div class="right_wrap"/></div> </div> CSS к нему: input[type="text"], input[type="password"] { border: 0; background: transparent; height: 27px; padding-left: 7px; color: #666666; } .input_text_box { display: inline-block; } .input_text_box .left_wrap { width: 2px; height: 27px; display: inline-block; backgrou…
0 votes4 answers -
select css без js
Доброго времени суток. Делаю select с измененным видом. Заменяю изображениями, без js, только css. Вчера придумал способ, но он не работает в chrome и opera. Код такой <!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="ru-ru" lang="ru-ru" > <head><style> #mod1 { margin:200px 0 0 350px; padding:0; width:250px; height:210px; } #mod1 select { border:0; padding:5px 0 0 0; width: 247px; height: 27px; background: url(bistrl3.png) 90% 0 no-repeat; } #mod3 { margin:10px 0 0 0; padding:0 0 0 7px; background: url(bistrl1.png) 0 0 no-re…
0 votes2 answers -
XSLT нумерация(помогите)
Всем здравсвуйте. ОЧЕНЬ НУЖНА ПОМОЩЬ! Задача состоит в добавлении порядкового номера элементу elem, но идущего не в том порядке, в котором они расположены в исходном документе, а в порядке с учётом располагающихся в элементе linkGroup/link. Немного сумбурно выразился, но вот что в итоге должно получится: <list> <section> <elem pos="1" id="el-0001"/> <elem pos="2" id="el-0002"/> <link id="ln-0001"/> /* тут обращаемся в linkGroup/link по id="ln-0001" и нумеруем распологающиеся там elem, затем уже обратно */ </section> <section> <elem pos="5" id="el-0003"/> /* тут продолжаем нумерацию, после номера в link…
0 votes0 answers -
Неправильная работа outline
Тестировалось на большой 4ке браузеров, все версии последнии. + IE8 Косяк только в Опере. Выглядит так: На самом высоком по Z-index`су Кто знает отчего? Как поставить хак, чтобы Опера не читала outline?
0 votes0 answers -
Эффект перекатывания css+java
День добрый, мне надо было вместо простой кнопки Обзор.. которая даёт type=file засунуть картинку, всёж покрасивей, наткнулся на пример, там всё ок css+java, даж иконки засунули, но вот не задача, там не простая картинка а с эффектом перекатывания, тоесть при наведении картинка сдвигается и получается чот тип анимации. В примере всё работает, но при замене картинки на свою возникла проблема, эффект перекатывания есть, но не до конца, по сколько я довольна плохо знаю css я так и не смог исправить, поэтому прошу помощи, исходник прикладываю, по умолчанию используется button.gif , моя button.png исходник
0 votes2 answers -
Помогите с выравниванием
Помогите не могу выравнять текст по центру сбоку от изображения <ul> <li><img src="blablabla.jpg"/>Текст</li> </ul>
0 votes6 answers -
Сформулировать невозможно, просто посмотрите на картинку
Здравствуйте. У красных дивов на картинке задано float:left, они выстраиваются в два "столбика" из-за того, что оборачиваающий их черный див ограничен по ширине. В левом "столбике" дивы "не прилипают" к верхним. Как можно сделать, чтобы прилипали? Даже не принципиально, будут ли это дивы или что-то еще, останется у них float или нет. Рассовать их в два оборачивающих дива не советуйте, если бы это можно было сделать, я бы не спрашивал. Вот код: http://jsfiddle.net/fUtA4/
0 votes8 answers -
определить параметры шрифта в gimp
подскажите как можно определить параметры шрифта в gimp 2.6 в фотошопе для получения такой информации я выбирал инструмент "текст", выделял нужный текст и смотрел на панель информации фотошопа
0 votes3 answers -
Форма и фрейм
Возникла задача, с которой не получается справиться. Есть форма и фрейм. Введенные данные отправляется, и в фрейме появляется ответ от гугла. Куда таргет савить, не понимаю... <form action="http://www.google.ru/search" method="GET"> <input type="text" name="q" size="40"> <input type="submit" value="Поиск"> </form> <iframe name="answer" width="500" height="800" align="right"> </iframe> Буду весьма признателен за помощь.
0 votes2 answers -
Расстояние от подчёркивания до ссылки
Привет всем. Вопрос будет касаться регулирования расстояния от ссылки до подчёркивания. Опишу сначала задачу: необходимо сделать подчёркивание ссылки на тон светлее, чем цвет самой ссылки. Решение: убираем стиль ссылки, ставим "бордер-боттом", нужный цвет, толщину и пр. Вуаля, но... Проблема: при таком методе расстояние от ссылки до подчёркивания увеличивается в сравнении со стандартным подчёркиванием ссылки (смотрится коряво при фонт-сайзе 13пх). Уменьшить его отрицательным значением пэддинга, естественно, не получается (зато увеличить можно хоть до апупения . Вопрос: как уменьшить это расстояние? Меня интересует любой способ. Подскажите пожалуйста ваши варианты. Заранее…
0 votes3 answers -
Группирование и привязка VML объектов
Если взять <v:shapetype ...> </v:shapetype> то внутри него можно использовать только <v:path /> и другие "мелочи", а мне надо применить <v:rect ... /> <v:oval ... /> и т.д. как если бы в <v:group> ... </v:group>, т. е. полноценную картинку из большого кол-ва простых фигур. С shapetype я применяю <v:shape type="#id-shapetype" /> А как то же самое сделать с group?????? как применить созданный group много раз?
0 votes0 answers -
как сделать что бы через 5 сек перебросило на другую стр. ?
Допустим я кликаю по своей ссылке открывается страница и мне нужно что бы через 5 сек. меня перебросило на другую страницу. Помогите с кодом !)
0 votes1 answer -
Правильная и красивая верстка
Каким способом всё-таки правильнее позиционировать элементы, с помощью position:relative или с помощью margin? Каким способом из двух пользуетесь вы?
0 votes3 answers -
height: 100%
Ребята, подскажите, как растянуть див на 100% заданной высоты в моем случае?(что бы без контента сайт был растянут на заданную высоту) http://bod2005.narod.ru/index.html
0 votes5 answers