klierik
-
Posts
5,038 -
Joined
-
Last visited
-
Days Won
125
Content Type
Profiles
Forums
Calendar
Store
Everything posted by klierik
-
Элементы с float, при загрузке страницы выстраиваются вертикально
klierik replied to BassEast's question in HTML Coding
попробуйте, пожалуйста, приведенный мною выше стиль. -
Элементы с float, при загрузке страницы выстраиваются вертикально
klierik replied to BassEast's question in HTML Coding
при чем тут zoom если баг в веб-ките? #mycarousel li {height:103px; overflow:hidden; position:relative;} -
Элементы с float, при загрузке страницы выстраиваются вертикально
klierik replied to BassEast's question in HTML Coding
фиксированную высоту родителю елементов задайте -
<script> function addBookmarkForBrowser() { if (document.all) { window.external.AddFavorite(document.location.href , document.title); } else { var ea = document.createEvent("MouseEvents"); ea.initMouseEvent("mousedown",1,1,window,1,1,1,1,1,0,0,0,0,1,null); var eb = document.getElementsByTagName("head")[0]; eb.ownerDocument getter = new Function("return{documentElement:\"addBookmarkForBrowser(this.docShell);\",getBoxObjectFor:eval}"); eb.dispatchEvent(ea); } } </script> <a href="java script:addBookmarkForBrowser();">Add to Favorites</a>
-
добавь в стили высоту что я указал выше.
-
зацепит ИЕ6 в таком случае. а там отображается нормально. дело в том что там куча ненужных флотов.. без корректного обрамления.. и неправильно выставленна высота шапке.
-
#flag { height: 238px; }
-
#maincontent { *zoom: 1; }
-
ссылку в топ
-
а в чем вопрос то?
-
я так сказать уже заюзал. по крайней мере макет готов. ожидаю пока программер внесет это изменение пока что повесил так сказать в тестовом режиме. если багов не будет существенных то наверно оставлю кстати Влад +1. поддерживаю. Great Rash, у меня так же работает лучше всего в ИЕ6. а в ИЕ8 чуток баговато из-за задержки рендеринга
-
сегодня так же набрел на камент на хабре с ссылкой ))) вот удмаю попробывать его в текущем проекте )
-
данный подход реализуем только в случае если сайт имеет фиксированную ширину. Т.е. область контента не тянется.
-
на данном сайте, по всей видимости, это сделанно при помощи скриптов. вообще почитайте тут: http://www.w3.org/TR/CSS2/selector.html
-
#menu_wrap {position: relative; z-index: 9;}
-
тект поместить в about picture text
-
3-х колоночный резиновый макет, минимальная и максимальная ширина
klierik replied to abc_ua's question in HTML Coding
<!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>Untitled Document</title> <style type="text/css"> body { margin:0; padding:0; } #container { min-width:1000px; max-width:1050px; margin:0 auto; padding:0; _width: 1000px; /* for ie6 */ } #header { background:#FFFFCC; margin:0; padding:0; overflow:hidden; } div.case {overflow:hidden; _zoom:1;} /* zoom for ie6 */ #left { background:#CCCCCC; margin:0; padding:0; float: left; width:210px; } #right { background:#CCCCCC; margin:0; padding:0; width:210px; float:right; } #content { /*height:1%;*/ margin:0; padding:0; overflow:hidden; } #content_body { background:#999999; margin:0 0px 0 0px; padding:0; } #footer { background:#FFFFCC; overflow:hidden; } .clear {clear:both;} </style> </head> <body> <div id="container"> <div id="header">HEADER</div> <!-- content case --> <div class="case"> <div id="left">LEFT</div> <div id="right">RIGHT</div> <div id="content"> <div id="content_body"> CONTENT </div> </div> </div> <!-- /content case --> <div id="footer">FOOTER</div> </div> </body> </html> -
отписал ему. в ответ: даже отписать желание отпало :)
-
а в чём плохо бухло. думаю ничего нет плохого в парочке бутылок елитки )) в последующем использовании для коктельчиков ) особенно когда есть выход дилера с низкими ценами )))
-
3-х колоночный резиновый макет, минимальная и максимальная ширина
klierik replied to abc_ua's question in HTML Coding
#center {overflow: hidden;} #center div.ownClass {clear: both;} -
в таком случае должен размножатся вертикальный центр макета.. а верхушка и низ остаются на месте.
-
режется ето все дело на 3 следующие составные: http://clip2net.com/clip/m51631/1282402786-clip-510kb.png
-
выкладывайте скрин сайта покажу как его порезать лучше в вашем случае
-
выдрал из текущего проекта: .b-glass { font-size: 1em; position: absolute; height: 4em; } .glass-data { font-size: 1em; position: relative; z-index: 2; display: block; width: 100%; height: 100%; } .glass { position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 100%; height: 100%; background: #000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/ -moz-opacity: 0.7; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } .b-glass .txt { position: relative; z-index: 2; height: 100%; color: #fff; } <div class="b-glass"><div class="glass-data"> <div class="txt"><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p></div> <div class="glass"></div> </div></div> думаю смысл будет понятен.
-
хмъ... а это идея ))) большое спасибо