lev99

June 20, 2013


<div style="background-color:green">
<p style="position:absolute">Текст</p>
</div>

или так


<div style="background-color:green">
<span style="position:absolute">Текст</span>
</div>

Мало информации для проверки, какой ещё код должен быть?

http://jsfiddle.net/Jby3S/

1 вариант:

http://jsfiddle.net/Jby3S/2/

2 вариант:

http://jsfiddle.net/Jby3S/1/

Главное не путать позицию с расположением по центру текста :devil:

- Как выравнить текст по центру:

http://htmlbook.ru/faq/kak-vyrovnyat-tekst-po-tsentru

June 20, 2013

Нет. Это надежная и полезная утилита, но это всего лишь программа, и, как у любого программного обеспечения, у нее есть ошибки и проблемы. Актуальный справочник по таблицам каскадных стилей есть в их спецификации.

А вы сами взяли на себя ответственность, вот и они тоже

В чём вы меня хотите убедить, нет пока предложений, а даже если и были то боюсь у меня возникли бы тоже вопросы как и где :devil:

June 20, 2013

а зачем вообще нужна CSS3 валидация?

Так стоит ли проводить валидацию документов и заниматься этим этапом при написании веб-страниц? Безусловно, да. Кому-то она поможет выявить существующие недочеты, другому поможет писать корректный код. Исправлять же ошибки, добиваясь полного соответствия стандартам, или оставить их ради совместимости с разными браузерами — здесь уже каждый решает сам, какие цели он преследует и что для него важнее.

http://htmlbook.ru/samhtml/validatsiya-dokumentov

В http://adeptsite.info/ применяется «nifty corners» — ископаемое решение (2005-го года), когда border-radius был только в проекте и поддерживался лишь в Fx и Safari через префиксы. С тех пор ситуация с поддержкой border-radius радикально улучшилась, никакие префиксы не нужны, поэтому и у валидатора никаких вопросов возникнуть не должно. Хотя «валидация CSS» — сама по себе весьма условная штука.

Что предлагаете? Оставить идею, задействовать css для закругления рамки, в итоге с пропиской для всех браузеров в проверке css, добавиться ещё пару ошибок, так как с новыми браузерами проблем нет, а для старых валидация будет ругаться, учтите мой вариант актуален, так как он есть и в компоненте.

June 20, 2013

Это нужно. Логотипы, иконки (чаще всего), фигурные маркеры списков и подобный «штучный товар» — без графики никак, и спрайты для этого в самый раз. Но банальные круголки, тени и (в большинстве случаев) градиенты уже давно можно делать вовсе без картинок.

Вот опять полемика, без обид, но когда я делал я наверняка, чем-то руководствовался, в принципе выбор на картинки пал, так как не хотел связываться с CSS, по многим причинам, по которым валидат возмущается, а скрипт писался, так чтобы валидация на CCS3 проходила, в исходнике была рамка, кстати, если интересно, дам ссылку на оригинал ниже, чтобы за ценили мою модификацию. Так что если можете помогите разобраться.

http://adeptsite.info/

June 20, 2013

SelenIT

проехали уже :rofl:

Я всего лишь хочу уменьшить количество картинок до одной, может это нужно

http://i46.fastpic.ru/big/2013/0620/54/126a3c257e55e5ef17e23037598f8954.png

June 20, 2013

а цитирование в данном случае говорит о том что (без обид) ты не понимаешь о чем говоришь в рамках данной предметной области.
автор цитаты говорил о использовании спрайтах в целом для того что бы уменьшить кол-во запросов к серверу + автоматизировать процесс создания спрайтов.

Что говорил автор и подразумевал - знает тол сам автор, если конечно вы не являетесь тем автором

Могу дать и другую цитату из википедии:

CSS-спрайты
Применяются в вебе. Несколько изображений располагаются в одном графическом файле. Для того, чтобы вырезать из файла нужный кусок, применяется CSS — отсюда название технологии.CSS-спрайты экономят трафик и ускоряют загрузку — браузеру потребуется запрашивать меньше файлов.

Жирным выделил , кстати может вернёмся к CSS? :devil:

June 20, 2013

SelenlT

Речь про те блоки в левой колонке, у которой слева и справа, верху и внизу, размещаются картинки.

Насчёт быстроты, мы работаем над этим.

CSS спрайты: основные техники и полезные инструменты

Использование CSS-спрайтов на сайте позволяет повысить производительность и грамотно организовать элементы интерфейса.

http://habrahabr.ru/post/159027/

Специально для вас проверил в iPhone5 - Safari, замечательно отображаются закругления

June 20, 2013

Замена картинок углов рамки на спрайт

Возникла проблема, по их отображению, во первых у меня код:


#wm .amoney_tr {
background: url('../images/jc_rb_tr.gif') no-repeat scroll 100% 0% transparent;
height: 10px;
overflow: hidden;
padding-right: 13px;
}

Четыре угла


.sprite {
background: url('../images/donate_am.png') no-repeat -297px -202px;
width: 13px;
height: 13px;
}

Можно конечно сделать и в процентах, только всё равно отображает картинку Неправильно


.sprite {
background: url('imgs/donate_am.png') no-repeat 56.713% 43.287%;
width: 13px;
height: 13px;
}

В принципе пытался так вставить


#wm .amoney_tr {
background: url('imgs/donate_am.png') no-repeat 59.519% 40.481%;
height: 10px;
overflow: hidden;
padding-right: 13px;
}

Как правильней?

June 19, 2013

За какой вариант вы


.amoney-payment {
	 margin: 0 -10px;
}


.amoney-payment {
position: relative;
}


.amoney-payment {
	 margin: 0 0 0 -10px;
}

June 19, 2013

eCommerce Frontend UI developer

Второй раз уже помогаете, спасибо )))

А как такой вариант?


.amoney-payment {
left: -10px;
position: relative;
}

June 19, 2013

Switch74

Походу причина в


#leftcolumn div.module {
    padding: 0 10px;
}

Но если исправлю то в других местах тоже исправит а мне только кнопки надо изменить

June 19, 2013

На картинке, "Благодарность Автору" в одном поле, а кнопки в другом, а должно быть всё в одном. Произошло это из-за изменений "img" заменил на "span".

June 19, 2013

Расположить по центру получилось а вот выравнять нет, подскажите?

June 14, 2013

Как правильней создать, хотел переделать картинки на спрайт и возник вопрос об их написании?


<a href="javascript:void(0);" onclick="show_wm()" rel="nofollow"><img
id="h1" class="south bor1" src="/"
alt="" title="WebMoney" /></a>

в основном видит такой вариант


<ul id="navlist">
<li id="home"><a href="default.asp"></a></li>
<li id="prev"><a href="css_intro.asp"></a></li>
<li id="next"><a href="css_syntax.asp"></a></li>
</ul>

- какой лучше?

Пробовал сделать такой вариант, у меня не получился:

http://www.w3schools...rites_hover_nav

Вопрос решён!

June 13, 2013

Как использовать выданные программой значение?

Пример:


logomm_small = 0 0 60 17
logorobox_small = 0 17 60 17
logorupay_small = 0 34 60 17
logosmscoin_small = 60 0 60 17
logowm_small = 60 17 60 17

Картинка:

Программа:

http://spritesheetpacker.codeplex.com/

Так?


#home{left:60px;width:17px;}
#home{background:url('img_navsprites.png') 0 0;}
#home1{left:60px;width:17px;}
#home1{background:url('img_navsprites.png') 0 34px;}
#home2{left:60px;width:17px;}
#home2{background:url('img_navsprites.png') 60px 0;}
#home3{left:60px;width:17px;}
#home3{background:url('img_navsprites.png') 60 px 17px;}

June 13, 2013

А нельзя ли сделать с помощью border-radius и стрелочку через псевдоэлемент прилепить?
http://jsfiddle.net/mrnobody/3qdCP/

Можно, даже чётче, но не красиво, как то получилось

June 12, 2013

eCommerce Frontend UI developer,

Всё получилось, всем спасибо!

June 12, 2013

Картинка разъехалась как её собрать?

June 7, 2013

тема закрыта

June 7, 2013

Ошибка


TypeError: x.style is undefined
...yandex','egold','paypal','libertyreserve','moneybookers','robox','sms','sms1','m...

June 6, 2013

Примерно как я вижу


<script type="text/javascript">
function show_payment_form(name) {
var pays = new Array( 'rupay','yandex','egold','paypal','libertyreserve','moneybookers','robox','sms','sms1','mmail','liqpay','smscoin','wm' );
var fx = new Array();
for( i=0; i<pays.length; i++ ) {
if( pays[i] != name ) {
fx[i] = new Fx.Morph( name, 'opacity' ).set(0);
$(pays[i]).setStyle( 'display', 'none' );
} else {
$(pays[i]).setStyle( 'display', '' );
fx[i] = new Fx.Morph( name, 'opacity' ).start(0,1);
}
}
}
</script>

Но всё равно не работает?

June 6, 2013

Не работает mootools, c jquery работает


<script type="text/javascript">
function show_payment_form(name) {
var pays = new Array( 'rupay','yandex','egold','paypal','wm' );
var fx = new Array();
for( i=0; i<pays.length; i++ ) {
if( pays[i] != name ) {
fx[i] = new Fx.Style( name, 'opacity' ).set(0);
$(pays[i]).setStyle( 'display', 'none' );
} else {
$(pays[i]).setStyle( 'display', '' );
fx[i] = new Fx.Style( name, 'opacity' ).start(0,1);
}
}
}
</script>

- Код взят от J1.5

Как заставить этот код работать в J2.5 - J3.0?

June 6, 2013

Извените, был горяч, исправлюсь

Следующий вопрос как упростить код:


<div class="focus-example cont1" style="text-align: center;">
<input id="liqpay-pay-1" class="liqpay-pay-1" readonly="readonly" value="10" size="3" original-title="Введите сумму">
<span class="letter">UAH - ₴</span>
<input type="hidden" value="" name="operation_xml">
<input type="hidden" value="HRu+rVD+RN9RTDC1R3nN7t+lS2w=" name="signature">
</div>


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

Что с ним сделать, чтобы работали существующие стили?


<input id="liqpay-pay-1" class="liqpay-pay-1" readonly="readonly" value="10" size="3" original-title="Введите сумму">
<input id="rupay-pay-1" class="rupay-pay-1" type="text" value="10" size="3" name="recipientAmount" original-title="Введите сумму">

Дошло, это из-за:


type="text"

Спасибо!

June 5, 2013

Не пойму на все поля работает CSS, а одно поле почему то было не охвачено, проверил вроде всё идентично, помогите?


<div class="focus-example cont1" style="text-align: center;">
<input id="liqpay-pay-1" class="liqpay-pay-1" readonly="readonly" value="10" size="3" original-title="Введите сумму">
<span class="letter">UAH - ₴</span>
<input type="hidden" value="" name="operation_xml">
<input type="hidden" value="HRu+rVD+RN9RTDC1R3nN7t+lS2w=" name="signature">
</div>


<div class="focus-example cont1" style="text-align: center;">
<input id="rupay-pay-1" class="rupay-pay-1" type="text" value="10" size="3" name="recipientAmount" original-title="Введите сумму">
<span class="letter">руб.</span>
<input type="hidden" value="0000000" name="eshopId">
<input type="hidden" value="0000000" name="orderId">
<input type="hidden" value="0000000" name="serviceName">
<input type="hidden" value="000" name="recipientCurrency">
<input type="hidden" value="000000" name="serviceName">
<input type="hidden" value="0000" name="eshopAccount">
<input type="hidden" value="00000" name="successUrl">
</div>

May 28, 2013

alexriz
Уже проверяю, не всё удалось удалить из CSS но вроде всё работает

Sign In

lev99

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by lev99

Как покрыть абсолютно position absolute?

Замена картинок углов рамки на спрайт

Замена картинок углов рамки на спрайт

Замена картинок углов рамки на спрайт

Замена картинок углов рамки на спрайт

Замена картинок углов рамки на спрайт

Замена картинок углов рамки на спрайт

Замена картинок углов рамки на спрайт

Как выравнять блочный элемент?

Как выравнять блочный элемент?

Как выравнять блочный элемент?

Как выравнять блочный элемент?

Как выравнять блочный элемент?

Отладка спрайт кнопок

Работа со спрайтом c пр. SpriteSheetPacker

Как убрать пробелы и отступы?

Как убрать пробелы и отступы?

Как убрать пробелы и отступы?

библиотекой mootools в J3.0

библиотекой mootools в J3.0

библиотекой mootools в J3.0

библиотекой mootools в J3.0

Не понятная проблема с CSS

Не понятная проблема с CSS

filter (IE6-9) - возможна ли прописать по другому

Forums

Important Information