psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
У меня она оказывается ровно по середине.
-
http://htmlbook.ru/html/a/name.html
-
Дай ссылку на нерабочий пример.+ скриншоты, один тот, что хочешь получить в итоге, другой самой проблемы, которая щас возникла.
-
Так ведь там по наведению всё работает. Посмотри код.
-
Рустамыч, а почему чувак не мог сделать тоже самое на цсс-ховере, нафига джаву использовал?
-
Лёх, если сделаешь, дашь глянуть
-
Решение Медведя <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> html{height:100%;} body{ margin:0; height:100%; background:#d03900; } .bt, .bb{ height:10px; background:#d03900; overflow:hidden; margin:-10px 0 0; position:relative; } .bt{margin:0 0 -10px;} #wrapper{ min-height:100%; margin:0 10px; background:#fff; } * html #wrapper{height:100%;} #main{ padding:10px; } </style> </head> <body> <div class="bt"></div> <div id="wrapper"> <div id="main"> <p>Lorem ipsum dolor sit amet consectetuer auctor sed neque rhoncus elit. Malesuada quis leo pretium Nulla consectetuer quam sit Suspendisse at sed. Vestibulum nunc Integer Lorem eget Phasellus convallis neque convallis ut Nulla. Nibh quis eleifend nec et habitant senectus eget wisi morbi ante. Neque adipiscing nec pede nunc a tellus semper eget nibh Vivamus. Diam.</p> <p>Ligula eleifend ac dictum ut elit felis massa Maecenas congue in. Justo et id et pretium enim consequat feugiat nascetur auctor Nam. Id vestibulum justo parturient diam pretium lorem ante dui gravida auctor. Lorem Sed egestas a Curabitur Quisque et sociis aliquam commodo suscipit. Consectetuer mauris Ut turpis wisi.</p> </div> </div> <div class="bb"></div> </body> </html>
-
Ну да, я так и хотел, ошибся просто
-
Да Медведь, неплохо. Но я бы скорее всего тупо полоски фона повесил на body и html, нижние и верхние. Ну а боковые полосы можно было и на главный контейнер прицепить, бордерами обычными. В итоге всего один элемент используется и пару полосок 1х10 гиф фона.
-
Можно и на форуме уже поднималась эта тема, пользуйся поиском.
-
JS Код займёт несколько строчек. Нужно пройтись по таблице, строкам и в каждой второй ячейке выровнять текст по центру.
-
.row{ width: 800px; float: left; } label{ float: left; text-align: right; display: inline-block; width: 210px; }
-
Да, я полагаю, что на JS нужно проверять ширину первой строки и если она соответствует ширине родителя, то делать элемент блочным.
-
Конечно-же, молодец!
-
ТС, а я чёт не пойму, в чём косяк? У меня везде ничего не меняется, т.е. ширина фиксированная при любом заполнении верхней части числами.
-
Если хорошо знать своё дело, то неожиданностей быть не должно. А бездумно вешать свойства и не понимать, почему оно так работает, это не самый лучший вариант.
-
Ахренеть, старый добрый зуум всех спас, а ИЕ всё же тайнами полнится
-
Обратиться непосредственно к самим ссылкам.
-
Интересный баг, я ещё такой не видел)) Кстати, в ИЕ6 он лечится путём задавания отриц.марджинов главному блоку <div style="width: 72%; float: left; background: #fcc; margin-bottom: -40px;"> А вот в ИЕ7 можно конеш задать тоже самое последнему блоку, либо убрать флоат,походу проблема в нём, но тогда в других не будет кросса. Или задать уже отдельно для ИЕ7 в комментах. А ещё можно обернуть в родителя и ему хайден влепить, как положено.
-
d0ublezer0, держи, правда вариант со скриптом <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>sameHeight</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> <!-- body{ margin:0; background: #033; } .box{ float:left; width:30%; margin-left: 2%; } p { padding: 0 10px;} --> </style> <script type="text/javascript"> <!-- function initScript(){ startSameHeight(); window.onresize=function(){startSameHeight()}; } function startSameHeight(){ sameHeight({ tagName:'div', tagClass:'box' }); sameHeight({ tagName:'div', tagClass:'block' }); sameHeight({ tagName:'span', tagClass:'element' }); } function sameHeight(_options){ var _tagName=_options.tagName; var _tagClass=_options.tagClass; var maxHeight=0; var _elements=document.getElementsByTagName(_tagName) var re=eval('/'+_tagClass+'\\'+'b/'); if(_elements){ for(var i=0;i<_elements.length;i++){ if(re.test(_elements[i].className)){ _elements[i].style.height='auto'; if(_elements[i].offsetHeight>=maxHeight){ maxHeight=_elements[i].offsetHeight; } } } for(var i=0;i<_elements.length;i++){ if(re.test(_elements[i].className)){ _elements[i].style.height=maxHeight+'px'; } } } } if(window.addEventListener){ window.addEventListener("load",initScript,false); }else if(window.attachEvent){ window.attachEvent("onload",initScript); } //--> </script> </head> <body> <!-- wrapper --> <div id="wrapper"> <p>t</p> </div> <div class="box" style="background:#c33"> <p>Lorem ipsum dolor sit amet consectetuer sem tempus tortor hac nunc. Orci Sed dolor parturient In eget parturient sit Nullam ante elit. Non nec Nam tincidunt augue.</p> </div> <div class="box" style="background:#33c"> <p>Lorem ipsum dolor sit amet consectetuer nulla vel tincidunt urna semper. Vestibulum turpis tincidunt gravida eros vel Phasellus nunc sodales tempor dictumst. Nec nec id.</p> <p>Ridiculus est Maecenas Phasellus est In sed augue Suspendisse ante ac. Nulla volutpat Vestibulum Vestibulum odio id ullamcorper non dignissim tellus justo. Ut sed.</p> <p>Lorem ipsum dolor sit amet consectetuer nulla vel tincidunt urna semper. Vestibulum turpis tincidunt gravida eros vel Phasellus nunc sodales tempor dictumst. Nec nec id.</p> <p>Ridiculus est Maecenas Phasellus est In sed augue Suspendisse ante ac. Nulla volutpat Vestibulum Vestibulum odio id ullamcorper non dignissim tellus justo. Ut sed.</p> <p>Lorem ipsum dolor sit amet consectetuer nulla vel tincidunt urna semper. Vestibulum turpis tincidunt gravida eros vel Phasellus nunc sodales tempor dictumst. Nec nec id.</p> <p>Ridiculus est Maecenas Phasellus est In sed augue Suspendisse ante ac. Nulla volutpat Vestibulum Vestibulum odio id ullamcorper non dignissim tellus justo. Ut sed.</p> </div> <div class="box" style="background:#3c3"> <p>Lorem ipsum dolor sit amet consectetuer et Vestibulum ac nibh eu. Phasellus.</p> <p>Tincidunt Curabitur Vestibulum semper enim Cras ut laoreet Nulla mattis Integer. Magna laoreet eu libero pellentesque morbi ut euismod at neque sed. Leo vel tellus et.</p> </div> </div> <!-- end wrapper --> </body> </html>
-
Не хочется копаться в этой горе кода, приведи отдельный участок, который касается именно твоей проблемы.
-
Да, но ведь этот вариант не справится с одинаковой высотой соседних ячеек, даже если они пустые?
-
ТС, позже выложу скрипт, у меня был дома на компе.
-
Ответ сразу на все вопросы: http://stepbystep.htmlbook.ru/
-
Скрол в ячейке таблицы при высоте 100% экрана
psywalker replied to SCHNITZER's question in HTML Coding
Сомневаюсь к сожалению.
