green-vik
-
Posts
36 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by green-vik
-
привет пиши width не 85,65% а 85,66%, там изза округления теряеться часть, пиксель примерно
-
Всем доброго времени суток. В настоящий момент пишу шаблон, и задумался вот над чем, скажем так мы имеем двухколоночный условно-резиновый макет (почему условно-резиновый? во-первых сайдбар левый фиксированый (250 рх) во-вторых установлены ограничения width (max 1300 и min 960) ). В итоге при разрешении экрана свыше 1300 рх скажем наш контентный блок имеет с учетом всех отступов и т.д. 1000 рх (назову ее рабочей шириной) так вот в эту рабочую ширину я помещаю 5 блоков с width равным 200 рх и выставляю их в ряд при помощи float:left . но при изменении размера экрана скажем до 1024 рх блоки которые не влазиют в ширину начнут падать в низ (конечно можно сделать их резиновыми значение width задать в % ) но меня интересует другое можно сделать так чтобы те которые не помещаются просто исчезали а оставшиеся центровались ??? и решить эту проблемку только мощностями css?
-
а сайт где все это размещено можно глянуть, так то надпись строго под картинкой должна быть
-
Привет, вот так все работать должно font: italic 20px/40px Tahoma, Geneva, sans-serif;
-
Привет, вот так попробуй <div class="point-one"> <img src="../main.img/one.png" title="qqq" /> <span id="prem1"><a href="#" id="show_popup">IRON</a></span> </div> .point-one { display: block; width: 100px; } .point-one img { border-radius: 50%; } .point-one span { display:block; text-align: center; } да и кстати, свойство float значение bottom не принимает http://htmlbook.ru/css/float
-
спасибо за ответ
-
всем доброго времени суток помогите кто может, суть вот в чем: http://htmlbook.ru/css3-na-primerakh/teni в примере два показано как убрать тень с определенного участка, но это делается путем наложения пвсевдоэлемента ::after, и элементов с фоном. тоесть тень не видно изза фона, а как быть если фон почти прозрачный??? например в RGBA 0,5 ??? пример моего творения тут https://jsfiddle.net/4546hfwx/ ссылку на сайт дать не могу, на ДЕНВЕРЕ делаю подскажите как быть, а то картинками делать не хочется, заранее спасибо
-
вот что
-
ни первый ни второй вариант проблему не решили(((
-
переделал, теперь footer отоброжаеться под левой колонкой
-
Всем доброго времени суток, столкнулся снова с проблемой. на скрине видно, что не так???? подскажите пожалуйста. Вот код моего творения <!DOCTYPE html> <html> <head> <!-- включение тегов HTML5 для IE --> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> ; for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <!-- /включение тегов HTML5 для IE/ --> <title>$SITE_NAME$</title> <style type="text/css"> * { margin: 0; padding: 0;} html { height: 100%;} body { font-family: Segoe UI, sans-serif; font-size: 12px; color:#dedede; background:url(../images/fon.png) #21242a;} html, body {margin:0;height:100%;} #wrapper {height:auto !important;height:100%;min-height:100%;width:1020px; background: #21242a; border-radius: 10px; border: 1px solid #373B45; box-shadow: inset 0px 1px 4px 1px #1D1D1D; margin: 10px auto;} #header {height:200px;} #left {float:left;width:200px;} #right {float:right;width:200px;} #center {margin:0 200px 0 200px;} #spacer {height:100px;} #footer {height:100px;margin-top:-100px;} .clear {clear:both;} </style> </head> <body> <div id='wrapper'> <header> <div id='header'>ывпаывап <!-- Содержимое хэдэра --> </div> </header> <div id='container'> <div id='left'>ывпывапывп <!-- Содержимое левой колонки --> </div> <div id='right'>ывапывпывп <!-- Содержимое правой колонки --> </div> <div id='center'>ыпывапывапывп <!-- Содержимое центральной колонки --> </div> </div> <div class='clear'></div> <div id='spacer'></div> </div> <footer> <div id='footer'>ывпаывпа <!-- Содержимое футера --> </div> </footer> </body> </html>
