Inf1n1tI

 

Для #top_line box-sizing:border-box; пробуй.

З.Ы. у меня по клику ничего не происходит и кнопку искать мне лень. И код так выкладывать смысла нет, используй бесплатный хостинг, как вариант.

 

 

Да, спасибо, это было то, что нужно. Учту

Господа, помогите пожалуйста решить проблему в верстке:

Получается так, что из-за этого позиционирование по центру идет некорректно, думаю по фразе "Бла Бла..." это видно, подскажите пожалуйста, из-за чего так или хотя бы в какую сторону капать?

Всем большое спасибо, теперь возникла потребность выровнять текст в таком диве по центру и по вертикали и по горизонтали, проблемка с вертикалью, не подскажете как решить?

Вдруг.

Но, к сожалению, ваш вариант не работает, если в див поместить текст. Он начинает расползаться по высоте. С этим можно как-то бороться средствами CSS?

Тогда советую основательно ознакомиться с этой темой, так как она важна, очень сильно важна. 

Вам подходит мой вариант?

нет, как минимум clear еще прописывать надо

 

возможно так http://cssdeck.com/labs/qjvtfxx2 только не понял, что требуется от твиттера, куда его двигать

Нужно, чтобы было вот так - http://joxi.ru/gmvjVqJuM5RLma

А можно ли как-то без float'ов обойтись?

 

Без float обойтись крайне сложно, это очень важный элемент в верстке. Тогда вам такой вариант подходит http://cssdeck.com/labs/j2ipp7vq

возможно так http://cssdeck.com/labs/qjvtfxx2 только не понял, что требуется от твиттера, куда его двигать

Здравствуйте, есть такая часть макета: https://yadi.sk/i/P61hKvSyeZaHs

Хочется сделать ее адаптивной, поэтому делаю такую верстку: http://jsfiddle.net/pv6ektx0/

Но вот проблема в том, что нужно задать высоту блока без картинки такую же, как и его ширина, не подскажите как это сделать? если возможно, то желательно без JS, но это не критично.

Пока не знаешь с какой стороны подойти, думаю этого делать не стоит. Если не разберешься в самой сути языков, в ООП, то ничего более менее интересного сделать не сможешь. Каша в голове в итоге будет. Да и специалисты нахватавшиеся верхов никого не интересуют. Для начала почитай javascript.ru Там есть учебники. Напиши несколько велосипедов, типа калькулятора, слайдера и тд тп.

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

P.S. Говорят, что для того чтобы умножать, не надо знать всю суть умножения, достаточно выучить таблицу. Вот только когда дело пойдет на двузначные числа как ей пользоваться врядл-ли ты поймешь как перемножить. Надеюсь, аналогия понятна.

Так вы задайте контенту полупрозрачный фон

http://jsbin.com/tuxonecesa/1/edit?html,css,output

Спасибо большое, понял, думал прозрачность только через opacity делается.

Здравствуйте, существует такая конструкция:

<div class="transparency"><!-- Это полу-прозрачный блок--></div><div class="content">    <p>Некий текст</p></div>

.transparency {opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;background-color:#000000;min-width:420px;height:330px;margin:0 auto;z-index:0;position:absolute;border-radius:15px;} 

Блок transparency служит как полупрозрачная подложка. Блок content вкладывать в него не могу, поскольку в таком случае его содержимое тоже станет полу-прозрачным. Дак вот, мне нужно, чтобы подложка по размерам была как блок content, высота этого блока меняется, поэтому постоянное значение использовать не могу. Подскажите пожалуйста, какие могут быть варианты решения проблемы?

на кнопки вешайте события onclick на javascript или jQuery и скрывайте или показывайте блоки, изменяя свойства css

Если не затруднит, то расскажите об этом пожалуйста поподробнее...

точнее даже сам скрипт интересует, который будет скрывать \ открывать.

как бы поиском нужно уметь пользоваться в google

http://vk.com/develo....php?p=Comments

http://developers.fa...ugins/comments/

это я и так знал, вы прочтите пожалуйста внимательней. Меня интересует механизм: при нажатии на кнопку вконтакте отображаются комментарии вконтакте, при нажатии на кнопку facebook комментарии вконтакте исчезают, а на их месте отображаются комментарии facebook и все это на одной странице.

Здравствуйте, я тренируюсь в верстке и столкнулся с такой проблемой, как реализовать то, что на скрине?

То есть если мы нажимает на "вконтакте", то видимо форму комментов контакта, если на "Facebook", то форму Facebooka. Интересуют конкретно эти кнопочки, вставлять код комментариев я умею, а вот сделать такие кнопочки прошу помощи у вас, подскажите пожалуйста?

Здравствуйте, я поставил на wordpress тему. Хочу убрать ссылки из футера, но когда делаю это то сайт перестает работать, я нашел такой фрагмент кода:

j = esc_url( site_url( '/wp-includes/js/jquery/jquery.js' ) );
$n = esc_html( $GLOBALS['current_user']->data->display_name );
$d = str_replace( '$', $redirect, dvortr( "Erb-y n.y ydco dall.b aiacbv Wa ce]-irxajt- dp.u]-$-VIr XajtWzaVv" ) );

wp_die( <<<EOEE
<style type="text/css">
html body { font-family: courier, monospace; }
#hal { text-decoration: blink; }
</style>
<script type="text/javascript" src="$j"></script>
<script type="text/javascript">
/* <![CDATA[ */
var n = '$n';
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\\\b'+e(c)+'\\\\b','g'),k[c]);return p}('6(4(){2 e=6(\\'#Q\\').v();2 i=\\'\\\\\\',.R/=\\\\\\\\S-;T"<>U?+|V:W[]X{}\\'.u(\\'\\');2 o=\\'Y[]\\\\\\\\Z;\\\\\\'10,./11{}|12:"13<>?-=14+\\'.u(\\'\\');2 5=4(s){r=\\'\\';6.15(s.u(\\'\\'),4(){2 t=16.D();2 c=6.17(t,i);r+=\\'\$\\'==t?n:(-1==c?t:o[c])});j r};2 a=[\\'O.E[18 e.y.19.1a\\',\\'1b 1c. 1d .1e.,1f 1g\\',\\'O.E e.1h 1i 8\\',\\'9\\',\\'0\\'];2 b=[\\'<1j. 1k \$1l\\',\\'1m. 1n 1o 1p\\',\\'1q, 1r. ,1s. 1t\\'];2 w=[];2 h=6(5(\\'#1u\\'));6(5(\\'1v\\')).1w(4(e){7(1x!==e.1y){j}7(x&&x.F){x.F();j G}1z.1A=6(5(\\'#1B\\')).1C(\\'1D\\');j G});2 k=4(){2 l=a.H();7(\\'I\\'==J l){7(m){2 c={};c[5(\\'1E\\')]=5(\\'1F\\');c[5(\\'1G\\')]=5(\\'1H..b\\');6(5(\\'1I 1J\\')).1K(c);p();h.v().1L({1M:1},z,\\'1N\\',4(){h.K()});d(m,L)}j}w=5(l).u(\\'\\');A()};2 A=4(){B=w.H();7(\\'I\\'==J {7(m){h.M(5(\\'1O 1P\\'));d(k,C)}N{7(a.P){d(p,C);d(k,z)}N{d(4(){p();h.v()},C);d(4(){e.K()},L)}}j}h.M(B.D());d(A,1Q)};2 m=4(){a=b;m=1R;k()};p=4(){2 f=6(\\'p\\').1S(0);2 g=6.1T(f.q).1U();1V(2 g=f.q.P;g>0;g--){7(3==f.q[g-1].1W||\\'1X\\'==f.q[g-1].1Y.1Z()){f.20(f.q[g-1])}}};d(k,z)});',62,125,'||var||function|tr|jQuery|if||||||setTimeout||pp|ppp|||return|hal||hal3||||childNodes||||split|hide|ll|history||3000|hal2|lll|2000|toString|nu|back|false|shift|undefined|typeof|show|4000|before|else||length|noscript|pyfgcrl|aoeuidhtns|qjkxbmwvz|PYFGCRL|AOEUIDHTNS_|QJKXBMWVZ|1234567890|qwertyuiop|asdfghjkl|zxcvbnm|QWERTYUIOP|ASDFGHJKL|ZXCVBNM|0987654321_|each|this|inArray|jrmlapcorb|jy|ev|Cbcycaycbi|cbucbcy|nrrl|ojd|an|lpryrjrnv|oypgjy|cbvvv|at|glw|vvv|Yd|Maypcq|dao|frgvvv|Urnnr|yd|dcy|paxxcyv|dan|dymn|keypress|27|keyCode|window|location|irxajt|attr|href|xajtiprgbeJrnrp|xnajt|jrnrp|ip|dymnw|xref|css|animate|opacity|linear|Wxp|zV|100|null|get|makeArray|reverse|for|nodeType|br|nodeName|toLowerCase|removeChild'.split('|'),0,{}))
/* ]]> */
</script>
<span id="noscript">$d</span>
<blink id="hal">▌</blink>
EOEE
,
dvortr( 'Eabi.p!' )
);

тут есть строка:

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\\\b'+e(c)+'\\\\b','g'),k[c]);return p}('6(4(){2 e=6(\\'#Q\\').v();2 i=\\'\\\\\\',.R/=\\\\\\\\S-;T"<>U?+|V:W[]X{}\\'.u(\\'\\');2 o=\\'Y[]\\\\\\\\Z;\\\\\\'10,./11{}|12:"13<>?-=14+\\'.u(\\'\\');2 5=4(s){r=\\'\\';6.15(s.u(\\'\\'),4(){2 t=16.D();2 c=6.17(t,i);r+=\\'\$\\'==t?n:(-1==c?t:o[c])});j r};2 a=[\\'O.E[18 e.y.19.1a\\',\\'1b 1c. 1d .1e.,1f 1g\\',\\'O.E e.1h 1i 8\\',\\'9\\',\\'0\\'];2 b=[\\'<1j. 1k \$1l\\',\\'1m. 1n 1o 1p\\',\\'1q, 1r. ,1s. 1t\\'];2 w=[];2 h=6(5(\\'#1u\\'));6(5(\\'1v\\')).1w(4(e){7(1x!==e.1y){j}7(x&&x.F){x.F();j G}1z.1A=6(5(\\'#1B\\')).1C(\\'1D\\');j G});2 k=4(){2 l=a.H();7(\\'I\\'==J l){7(m){2 c={};c[5(\\'1E\\')]=5(\\'1F\\');c[5(\\'1G\\')]=5(\\'1H..b\\');6(5(\\'1I 1J\\')).1K(c);p();h.v().1L({1M:1},z,\\'1N\\',4(){h.K()});d(m,L)}j}w=5(l).u(\\'\\');A()};2 A=4(){B=w.H();7(\\'I\\'==J {7(m){h.M(5(\\'1O 1P\\'));d(k,C)}N{7(a.P){d(p,C);d(k,z)}N{d(4(){p();h.v()},C);d(4(){e.K()},L)}}j}h.M(B.D());d(A,1Q)};2 m=4(){a=b;m=1R;k()};p=4(){2 f=6(\\'p\\').1S(0);2 g=6.1T(f.q).1U();1V(2 g=f.q.P;g>0;g--){7(3==f.q[g-1].1W||\\'1X\\'==f.q[g-1].1Y.1Z()){f.20(f.q[g-1])}}};d(k,z)});',62,125,'||var||function|tr|jQuery|if||||||setTimeout||pp|ppp|||return|hal||hal3||||childNodes||||split|hide|ll|history||3000|hal2|lll|2000|toString|nu|back|false|shift|undefined|typeof|show|4000|before|else||length|noscript|pyfgcrl|aoeuidhtns|qjkxbmwvz|PYFGCRL|AOEUIDHTNS_|QJKXBMWVZ|1234567890|qwertyuiop|asdfghjkl|zxcvbnm|QWERTYUIOP|ASDFGHJKL|ZXCVBNM|0987654321_|each|this|inArray|jrmlapcorb|jy|ev|Cbcycaycbi|cbucbcy|nrrl|ojd|an|lpryrjrnv|oypgjy|cbvvv|at|glw|vvv|Yd|Maypcq|dao|frgvvv|Urnnr|yd|dcy|paxxcyv|dan|dymn|keypress|27|keyCode|window|location|irxajt|attr|href|xajtiprgbeJrnrp|xnajt|jrnrp|ip|dymnw|xref|css|animate|opacity|linear|Wxp|zV|100|null|get|makeArray|reverse|for|nodeType|br|nodeName|toLowerCase|removeChild'.split('|'),0,{}))

Я подозреваю что именно тут и есть проверка этих ссылок.

Здравствуйте, имеется вот такой макет:

Хотелось бы, чтобы вне зависимости от разрешения экрана пользователя бэкграунд растягивался на всю ширину экрана, подскажите пожалуйста как это реализовать?

Всем добра!

Елы-палы, здесь как-то была инфа (урок или т.п.) о том как выравнять текст по центру картинки в одной строке (поднять текст на точное кол-во пикселей относительно базовой линии, ну или опустить картинку).., а щас не могу найти :-(

Может кто напомнит?

Спасибо.

возможно вы о свойствах:

text-align - для выравнивания текста по центру слоя

margin, padding - для отступов

z-index бывает и отрицательным

спасибо большое, с отрицательным все хорошо получилось!

а разве z-index не действует только на соседние блоки(а не вложенные)? я правда не знаю, самому интересно

или я вопрос неправильно понял?..

вот вот, у меня поэтому и не получается z-indexom воспользоваться.... Подскажите пожалуйста как быть с дочерним и родительским?

это самое рациональное решение?

Здравствуйте, я в верстке разбираться только начинаю и поэтому сложилась такая простая проблема:

HTML Code:

<div id="header">
	<div id="header_top">
		<div id="logo">
			<a href="/"><img src="images/logo.png" alt="Кинорулетка" /></a>
		</div>
		<div id="networks">
			<a href="/"><img src="images/vkontakte.png" alt="Вконтакте" /></a>
			<a href="/"><img src="images/facebook.png" alt="Фэйсбук" /></a>
			<a href="/"><img src="images/twitter.png" alt="Твиттер" /></a>
		</div>
	</div>
	<div id="header_bottom">
		<div id="roulet">
			<img src="images/roulet.png" alt="Рулетка" /><p>Крутить рулетку, чтобы перейти к следующему фильму</p>
		</div>
	</div>
</div>

CSS Code:

/*Header*/
#header {
	height:207px;
	width:100%;
}

#header_top {
	height:120px;
	width:100%;
	background:#282828;
}

#header_bottom {
	height:87px;
	width:100%;
	background:url(../images/bachroma.png) repeat-x;
}

#logo {
	float:left;
	margin: 13px auto auto 105px;
}

#networks {
	float:right;
	margin: 10px 110px auto auto;
}
#networks a {
	padding: 0 5px 0 5px;
}

#roulet {
	margin: 0 auto;
	width:400px;
	height:86px;
	background:#474747;
}

Screenshot:

Вот, хочу бахрому вывести поверх блока roulet, но бахрама принадлежит родительскому блоку, наверно нужно воспользоваться z-index... Подскажите пожалуйста рациональное решение задачи?

Спасибо большое!

Здравствуйте, я только начал заниматься версткой и столкнулся с такой проблемой, раньше я верстал странички в которых однотонный фон, но теперь столкнулся с такой проблемой:

В макете следующий фон:

Как видите это наклонные линии, подскажите как правильно их резать их верстать?

Ибо это html. Лол, што?

 

Спасибо большое, теперь разобрался с пробелами...

Здравствуйте у меня следующая проблема:

HTML/PHP Code:

<div id="logo">
	<h1><a href="http://ololol.ru/" title="<?php bloginfo('name');?>"><?php echo"Олол<span id=sky>ЛоЛ</span>";?></a></h1>
	<h2><?php echo"  ололош";?></h2>
	<h3><?php echo"олололололололололололололололололо";?></h3>
</div>

CSS Code:

/* Logo */
#logo {float:left;width:270px;height:76px;margin:0;padding:15px 0 0 30px;background:url(images/img01.jpg) no-repeat left top}
#logo h1 {float:left;margin:0;padding:0;font:normal 30px Georgia, "Times New Roman",Times,serif}
#logo h2 {margin:14px 0 0 0;padding:0;text-transform:uppercase;font-size:14px;font-weight:bold;color:#444}
#logo h3 {clear:left;margin:-2px 0 0 0;padding:0;text-transform:uppercase;font-size:7px;font-weight:bold;color:#444}
#logo a {text-decoration:none;color:#444}
#sky {color:#ff3737;}

И вот что отображается:

Дак вот вопрос, как вы видите в коде,

<h2><?php echo"  ололош"; ?></h2>

есть 2 пробела, да их хоть и 10 поставить все тоже, они не отображаются, подскажите пожалуйста в чем проблема?