Anuksanomun
-
Posts
19 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Anuksanomun
-
-
Доброго времени суток, валидатор не хочет работать ни на локальном сервере, ни без него пишет "Нет в списке доменов".
PS операционка вин7 32-х битная. на ХР работает. Версия ФФ 20.0.1. Пробовала поставить 10-ю версию, результат тот же
-
Значится так... попробовала... нифига...
что я не так делаю?
Вот дерево размещения:
MyWork/index.html
MyWork/css/style.css
MyWork/css/PIE/PIE.htc
Пробовала кидать ПИЕ в MyWork/css/PIE.htc
так что ещё....
ну ещё могу снова css:
menu ul li{
display:block;
float:left;
border:2px solid #637528;
border-radius:0 10px;
position:relative;
zoom:1;
padding:10px 15px;
background:#c69580;
/* Для WebKit (Safari, Google Chrome и т.д.) */
background: -webkit-gradient(linear, left top, left bottom, from(#c69580), to(#637528));
box-shadow:-5px 0 10px #666;
text-shadow:-2px -2px 10px #000;
-pie-border-radius:0 10px;
behavoir:url(../css/PIE/PIE.htc);
}Данную запись пробовала во всех мыслимых и не мыслимых вариациях, к сожалению результат всё тот же отрицательный.
behavoir:url(../css/PIE/PIE.htc);
-
Спасибо, попробую
-
Доброго времени суток!
По просьбе модератора создала новую свеженькую темку
Не работает данная приблуда, хоть прибей
Сколько на сайтах (разных) не смотрела.... у них всё сказачно.
А тут качаешь, прописываешь... и не пашет
Пробовала и в корень кидать к индексному файлу, и полный путь прописывать, результат один и тот же...
Пробовала также разные скрипты PIE, border-radius.htc...
А было бы хорошо, если б заработало.
css:
#menu .stripNav a.current {
display:block;
height:28px;
border:1px solid #3586b4;
background: url(../images/butt_active_c.png) repeat-x top left;
border-radius:4px;
behavior: url(PIE.htc); /* учим IE border-radius */
}файл лежит в папке css.
-
Обновите слайдер до актуальной версии. Ваша версия слайдера не поддерживает авто-прокрутку.
Если не ошибаюсь, html часть в новой версии тоже несколько другая, так что и её придётся подгонять.
Или, возможно, попробуйте какой-нибудь другой слайдер. Например, фотораму или AnythingSlider.
Уже обновились, спасибо.
-
Тема уже не актуальна!
-
Добрый вечер!!!
Не знаю есть подобная тема.... простите нет просто времени просматривать. Сначала был заказ на слайдер статический, после просмотра захотелось автоматический... в ява скрипт не очень разбираюсь... Я стянула кусочек кода для автомата, не видать всё не так просто...
Этот скрипт его вызывает:
<script type="text/javascript">
$(window).bind("load", function() {
$("div#slider1").codaSlider()
});
</script>Собственно слайдер:
<div id="menu">
<!-- ************ -->
<!-- SLIDER -->
<!-- ************ -->
<div class="slider-wrap">
<div id="slider1" class="csw">
<div class="panelContainer">
<div class="panel" title="Баннерная реклама">
<!--[if IE 7]><link type="text/css" rel="stylesheet" media="all" href="/css/border-radius.htc"><![endif]-->
<div class="wrapper">
<div class="sliderImage"><img src="images/slider_img1.png" alt="img1" /></div>
<div class="sliderInfo">
<p class="font7">Баннерная реклама</p>
<br/>
<p class="font3">Баннерная реклама - это массовое размещение рекламных баннеров на сайтах с высокой посещаемостью с целью привлечения большого количества посетителей за небольшой срок.</p>
<ol class="listSlider font3">
<li><a href="#" class="mark1">быстрый старт - баннерная реклама начинает работать уже через несколько часов после запуска;</a></li>
<li><a href="#" class="mark2">легкая управляемость - баннерная реклама будет действовать столько,<br/> сколько Вам нужно - ни дня больше, ни дня меньше;</a></li>
<li><a href="#" class="mark3">целенаправленность - возможность использования временного и географического таргетинга.</a></li>
</ol>
</div>
</div>
</div>
<div class="panel" title="тизерная реклама">
<div class="wrapper">
<div class="sliderImage"><img src="images/slider_img2.png" alt="img2" /></div>
<div class="sliderInfo">
<p class="font7">Тизерная реклама</p>
<br/>
<p class="font3">Тизерная реклама – это гармоничное сочетание баннеров и текстовой рекламы. </p>
<ol class="listSlider font3">
<li class="font5"><a href="#" class="mark1">по сравнению с другими видами интернет-рекламы, тизеры дают наивысшие показатели по «кликабельности», что положительно влияет на доходы собственника ресурса, рекламируемого таким образом;</a></li>
<li class="font1"><a href="#" class="mark2">фактически безграничные возможности по настройкам отображения рекламных<br/> блоков для наиболее гармоничного их размещения на сайте;</a></li>
<li><a href="#" class="mark3">если у пользователя стоит настройка на блокирование рекламы, тизеры, все-таки, имеют шанс прорваться через данную преграду;</a></li>
<li><a href="#" class="mark4">тизерная реклама – наиболее грамотное сочетание эффективности и себестоимости, что неоднократно было оценено рекламодателями.</a></li>
</ol>
</div>
</div>
</div>
<div class="panel" title="контекстная реклама">
<div class="wrapper">
<div class="sliderImage"><img src="images/slider_img3.png" alt="img3" /></div>
<div class="sliderInfo">
<p class="font7">Контекстная реклама</p>
<br/>
<p class="font3">Контекстная реклама важный элемент проведения рекламной кампании.</p>
<ol class="listSlider font3">
<li><a href="#" class="mark1">увеличение посещаемости Вашего сайта посетителями, заинтересованными в Вашем продукте, услуге;</a></li>
<li><a href="#" class="mark2">появление новых клиентов в короткие сроки, за счет быстрого запуска, рекламной кампании;</a></li>
<li><a href="#" class="mark3">эффективную рекламную кампанию с прогнозируемым числом новых <br/>клиентов; </a></li>
<li><a href="#" class="mark4">прозрачную систему контроля за работой исполнителя, что позволяет Вам быть уверенным в результате.</a></li>
</ol>
</div>
</div>
</div>
<div class="panel" title="продвижение и раскрутка">
<div class="wrapper">
<div class="sliderInfoP4"><span class="font7">Продвижение и раскрутка</span><img src="images/slider_img4.png" alt="img4" /><span class="font8">Регистрируй бизнес и получай клиентов!</span></div>
</div>
</div>
<div class="panel" title="Заработок">
<div class="wrapper">
<div class="sliderInfoP4"><span class="font7">Заработок</span><img src="images/slider_img5.png" alt="img5" /><span class="font8">Регистрируй сайты и зарабатывай!</span></div>
</div>
</div>
</div><!-- .panelContainer -->
</div><!-- #slider1 -->
</div>
<!-- ************ -->
<!-- END SLIDER -->
<!-- ************ -->
</div>А вот этот кусочек я хотела лихо подсунуть...
$().ready(function() {
$('#coda-slider-2').codaSlider({
autoSlide: true,
autoSlideInterval: 4000,
autoSlideStopWhenClicked: true
});
});Можно тут (в последней инициализации), подправить так что б не переделывать всё с нуля?
Заранее СПАСИБО!
-
Добрый вечер!!!
Не знаю есть подобная тема.... простите нет просто времени просматривать. Сначала был заказ на слайдер статический, после просмотра захотелось автоматический... в ява скрипт не очень разбираюсь... Я стянула кусочек кода для автомата, но видать всё не так просто...
Этот скрипт его вызывает:
<script type="text/javascript">
$(window).bind("load", function() {
$("div#slider1").codaSlider()
});
</script>Собственно слайдер:
<div id="menu">
<!-- ************ -->
<!-- SLIDER -->
<!-- ************ -->
<div class="slider-wrap">
<div id="slider1" class="csw">
<div class="panelContainer">
<div class="panel" title="Баннерная реклама">
<!--[if IE 7]><link type="text/css" rel="stylesheet" media="all" href="/css/border-radius.htc"><![endif]-->
<div class="wrapper">
<div class="sliderImage"><img src="images/slider_img1.png" alt="img1" /></div>
<div class="sliderInfo">
<p class="font7">Баннерная реклама</p>
<br/>
<p class="font3">Баннерная реклама - это массовое размещение рекламных баннеров на сайтах с высокой посещаемостью с целью привлечения большого количества посетителей за небольшой срок.</p>
<ol class="listSlider font3">
<li><a href="#" class="mark1">быстрый старт - баннерная реклама начинает работать уже через несколько часов после запуска;</a></li>
<li><a href="#" class="mark2">легкая управляемость - баннерная реклама будет действовать столько,<br/> сколько Вам нужно - ни дня больше, ни дня меньше;</a></li>
<li><a href="#" class="mark3">целенаправленность - возможность использования временного и географического таргетинга.</a></li>
</ol>
</div>
</div>
</div>
<div class="panel" title="тизерная реклама">
<div class="wrapper">
<div class="sliderImage"><img src="images/slider_img2.png" alt="img2" /></div>
<div class="sliderInfo">
<p class="font7">Тизерная реклама</p>
<br/>
<p class="font3">Тизерная реклама – это гармоничное сочетание баннеров и текстовой рекламы. </p>
<ol class="listSlider font3">
<li class="font5"><a href="#" class="mark1">по сравнению с другими видами интернет-рекламы, тизеры дают наивысшие показатели по «кликабельности», что положительно влияет на доходы собственника ресурса, рекламируемого таким образом;</a></li>
<li class="font1"><a href="#" class="mark2">фактически безграничные возможности по настройкам отображения рекламных<br/> блоков для наиболее гармоничного их размещения на сайте;</a></li>
<li><a href="#" class="mark3">если у пользователя стоит настройка на блокирование рекламы, тизеры, все-таки, имеют шанс прорваться через данную преграду;</a></li>
<li><a href="#" class="mark4">тизерная реклама – наиболее грамотное сочетание эффективности и себестоимости, что неоднократно было оценено рекламодателями.</a></li>
</ol>
</div>
</div>
</div>
<div class="panel" title="контекстная реклама">
<div class="wrapper">
<div class="sliderImage"><img src="images/slider_img3.png" alt="img3" /></div>
<div class="sliderInfo">
<p class="font7">Контекстная реклама</p>
<br/>
<p class="font3">Контекстная реклама важный элемент проведения рекламной кампании.</p>
<ol class="listSlider font3">
<li><a href="#" class="mark1">увеличение посещаемости Вашего сайта посетителями, заинтересованными в Вашем продукте, услуге;</a></li>
<li><a href="#" class="mark2">появление новых клиентов в короткие сроки, за счет быстрого запуска, рекламной кампании;</a></li>
<li><a href="#" class="mark3">эффективную рекламную кампанию с прогнозируемым числом новых <br/>клиентов; </a></li>
<li><a href="#" class="mark4">прозрачную систему контроля за работой исполнителя, что позволяет Вам быть уверенным в результате.</a></li>
</ol>
</div>
</div>
</div>
<div class="panel" title="продвижение и раскрутка">
<div class="wrapper">
<div class="sliderInfoP4"><span class="font7">Продвижение и раскрутка</span><img src="images/slider_img4.png" alt="img4" /><span class="font8">Регистрируй бизнес и получай клиентов!</span></div>
</div>
</div>
<div class="panel" title="Заработок">
<div class="wrapper">
<div class="sliderInfoP4"><span class="font7">Заработок</span><img src="images/slider_img5.png" alt="img5" /><span class="font8">Регистрируй сайты и зарабатывай!</span></div>
</div>
</div>
</div><!-- .panelContainer -->
</div><!-- #slider1 -->
</div>
<!-- ************ -->
<!-- END SLIDER -->
<!-- ************ -->
</div>А вот этот кусочек я хотела лихо подсунуть...
$().ready(function() {
$('#coda-slider-2').codaSlider({
autoSlide: true,
autoSlideInterval: 4000,
autoSlideStopWhenClicked: true
});
});Можно тут (в последней инициализации), подправить так что б не переделывать всё с нуля?
Заранее СПАСИБО!
-
Попробуйте залить border-radius.htc в папку где лежит index. И прописать behavior:url(../border-radius.htc);
Пробовала хоть вой... ни в какую не пашет
-
Сработал такой путь
behavior:url(./sk/css/border-radius.htc)
Но почему работает именно так?
Если файл border-radius.htc и style.css лежат в одной папке - то почему не работает
behavior:url(border-radius.htc)
Возможно это ответ?
Путь в данном случае надо указывать не относительно файла стилей, а относительно самого документа, странички.Почему?
Доброго времени суток!!!
Вы меня хоть застрелите.... не пашет (border-radius.htc), что я с ним только не делала... вторые сутки головой о стол бьюсь...
Тут говорила через пхп подключать, я не использую пхп... всё в топку...
обычная хтмл верстка (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">),
немного ява скриптов.
Пробовала разные вариации пути один фиг...
Возможен банальный конфликт. Я бы порекомедовал для ИЕ бехавиор цеплять в CSS через условные комментарии и в нём уже извращаться:так тоже проверила.... Может я что-то не то делаю?
А ООООООООООООООООООООчень надо... может у кого остались ещё какие-нибудь идеи, с радостью выслушаю.
-
По теме. Можно попробовать как-нибудь так представить вашу задачу, но это не растягивание как таковое, а лишь эмуляция его, визуальное восприятие.
ОГРОМНОЕ спасибо, это именно то что нужно!!!
Простите за нескромный вопрос , а где можно "набраться" опыта в верстке подобных задач.... а то снова нарвалась на шаблон с неправильными формами у блоков красота... интересно, но чёт пока соображаловка не работает
-
По теме. Можно попробовать как-нибудь так представить вашу задачу, но это не растягивание как таковое, а лишь эмуляция его, визуальное восприятие.
ОГРОМНОЕ спасибо, это именно то что нужно!!!
-
CSS не фотошоп.
Я так понимаю, что сие изречение можно расценивать как отрицательный ответ....
-
Что за растирка? Покажите пример или картинку того, что должно получиться.
Хмммм.... "Растирка" или (smudge) как в фотошопе...
-
Добрый день!!!
Возникла необходимость добиться данного эффекта для оформления содержания. Загнутые уголки не подходят нужен именно "вытянутый" эффект... Возможно сотворить сие чудо или придётся по старинке подпихивать картинку?
Заранее спасибо!
-
в том то всё и дело, что абсолюты убрать низя
-
Ссылки эти я уже смотрела, но это не совсем то что нужно, мне не нужно приклеивать к низу экрана, мне нужно чтоб футер менял своё расположение в зависимости от наполнения контента.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>
<body>
<div style="position:absolute; top:0; left:0; width:200px; height:100px; background:#009; z-index:1;">HEADER</div>
<div style="position:absolute; top:105px; left:0; width:200px; height:80%; background:#063; z-index:2;">CONTENT</div>
<div style="position:absolute; width:200px; height:20px; left:0; background:#F60; z-index:3;">FOOTER</div>
</body>
</html> -
Всем доброго времени суток!
Такая проблема не удаётся разместить футер на законном месте, т.е. после контента.
Все элементы проекта спозиционированны абсолютно, кроме футера, он должен "ездить" за контентом, в зависимости от наполнения.
Подскажите плиз, у кого какие идеи есть?
Проблемы с Wordpress темой
in HTML Coding
Posted
Доброго времени суток, помогите разобраться с таинственным поведением верстки после "натягивания" на WP.
Верстка делается в соответствии с шаблоном, проверяется PixelPerfect'ом, все супер, но после "соединения" с WP, появляется ряд недочетов, в частности:
- межбуквенный интервал в заголовках (в верстке указан 1рх, на WP пришлось уменьшить до 0,6рх - и верстка и тема прошли PixelPerfect),
- поведение блоков (позиционирование по правому краю с помощью флоата)
...
может что-то пропускаю, может в WP есть таки какой стиль, который перебивает каким то образом стили темы, но вроде бы такого быть не может...
раньше замечались расхождения, но под руками не было PixelPerfect, а тут вымерено, выровнено, а оно лезет, может кто сталкивался?
Заранее спасибо