klierik
-
Posts
5,038 -
Joined
-
Last visited
-
Days Won
125
Content Type
Profiles
Forums
Calendar
Store
Everything posted by klierik
-
я б вам рекомендовал просто верхний рисунок Нарезать на части и всунуть в таблицу по ячейкам! (или дивами) а все остальное сделать как следующий элемент разметки.
-
a:hover img {width: width+Xpx; height: height+Xpx;}
-
http://htmlbook.ru/content/?id=1
-
предоставте код пожалуйста зы: скажу на перед, поместите код в соответствующие теги
-
http://forum.htmlbook.ru/viewtopic.php?pid=34477#p34477
-
то о чем вы говорите рассказывается тут http://habrahabr.ru/blog/css/37042.html
-
поместить текс в эту область )
-
2soft вы хоть само поняли что написали крайне нерекомендованую структуру??!!!! согласно поставленной задачи одним из самых удачных решений будет предложеный вариант Pavel_html который я дополнил.
-
<!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"> * {margin:0; padding:0;} td.cell {position:relative;} td.cell p {position:absolute; z-index:2;} div.bg { position:absolute; left:0; top:0; z-index:1; height:100px; width:100%; background-color: green; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } </style> </head> <body> <table><tr><td class="cell"> <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 class="bg"></div> </td></tr></table> </body> </html> только ньюанс в том что надо знать высоту ячейки.. или выставлять ее.. а еще как вариант.... заранее нарезать рисунок с установленой прозрачностью и им залить фон ячейки... и не надо будет изголяться )))
-
<!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"> * {outline: none; margin:0; padding:0; border: none;} html,body {height: 100%;} table, tr, td {height:100%;} </style> </head> <body> <table> <tr> <td> <script language="javascript"> document.writeln ('<table class=table><tr><td></td></tr></table>'); </script> </td> <td> <p>Flower</p> <img src="1.jpg"><img src="2.jpg"> <img src="3.jpg"><img src="4.jpg"> <img src="5.jpg"><img src="6.jpg"> <img src="7.jpg"><img src="8.jpg"> <img src="9.jpg"><img src="10.jpg"> <p>Flower</p> </td> <td> <script language="javascript"> document.writeln ('<table class=table><tr><td></td></tr></table>'); </script> </td> </tr> </table> </body> </html> try this please...
-
эээ... какие списки... ббрр.. ничего не понял )))
-
#contentarea{width: 1000px; margin:0 auto; position: relative;} ширину ставьте свою
-
хм.... хорошая задача.... надо подумать )
-
Вытяжка из правил собственно что именно Вас интересует?
-
Нус приступим 8) зачем? ведь оно уже объявлено в body... да и вообще не понял зачем было сувать в таблицу о_О буду признатателен если объясните смысл создать такое правило. в последнее время начал замечать что его используют часто, только вот не понимаю смысла... ((( выделенное жирным - это что за мусор?? а по поводу стилей, то их можно было б описать в CSS: div#head_left a img {} Данный тег найден сразу после таблицы шапки. В данном случае его применение является грубой ошибкой! Данный тег предназначен для разрыва строки, а не для формирования макета. Читаем про margin и padding и учимся пользоваться ими! а вот данную конструкцию настоятельно рекомендую заменить на списки UL LI с применением маркера данную конструкцию так же на списки вешаем. очень тяжелая и совершенно неоправданная конструкция. на быструю руку я б рекомендовал несколько другой подход в реализации того блока: контейнер с position: relative; в него помещаем рисунок. после идет конструкция из 3х дивов для создания закругленых углов в нем распологаем текст. а вот рисунок со стоимостью это: абсолютно позиционированный див, у которого рисунок - это фоновое изображение, просто опущеный вниз контейнера: left: auto; top: auto; right: 60px; bottom: -10px; значение прикинул на глаз не вешайте в пространство данные, для них предусмотрены соответствующие теги: span, p, прочее... выделено жирным - что это за мусор? Так же проверьте на уменьшение окна, вылазят баги с футером и с хеадером! И на удивление только в ИЕ6 оно выглядит дето как-то номально (при уменьшении окна раузера) в целом для начинающего не плохо, но честно говоря я б не заплатил и 5$ за такую верстку, несмотря на то что у вас, скорее всего ушло немало времени на не?. гыг.. только после написания все этого я посмотрел на дату открытия топа... lol
-
inline - элементы вообще неспособны понимать свойство width за исключением QuirksMode
-
так это при рендеринге... а таблица может меняться как хочет без перезагрузки страницы... как ее высота так и ее ширина )))
-
а на что его вешать???
-
при table-layout:fixed ето бессмысленно. а вот без него - нет 8) дело в том что таблица может, и будет, менять свою ширину Без перезагрузки страницы или ресайза окна. А нет такоого события, которое возникало при ресайзе таблицы..
-
а как узнать высоту ячейки они то динамичные )) работает.. только не изза overflow и изза fixed =) ну или изза того + другое )) в данном конкретном случае это нельзя решить даже средствами JS так как нет событие которое возникало б при ресайзе таблицы (не путать с ресайзом окна) как вариант я думаю просто всунуть див с фиксированной шириной. строиться это все так , что б под всеми, за исключением ИЕ, браузерами работало под xHTML а под ИЕ оно будет рабоать в QM ))))))) ууу.. злосный проект )))) и тут грабли в ИЕ просто напросто на каждом шагу ((( к примеру див с фикс. шириной все равно будет растягиваться при новрапе.. ужас ))))) в общем пока что ищу решение )))
-
table-layout: fixed; да.. хорошее решение.. все б ничего, только вот при сжатии контент пропадает вне области ((( и min-width организовать невозможно будет ((( так же на td неработает overflow сейчас попробуй объяснить суть... есть таблица и N-ое кол-во ячеек которые тянут таблицу по высоте. и есть одна из ячеек содержимое которое может потянуть таблицу вот надо именно этой ячейке запретить это делать ))) вообще сомневаюсь что вообще это реально сделать )))
-
не а 8))) ячейка тянеться по контенту. зы: пока что отладка под FF ))
-
Приветствую. Подскажите как сделать, чтоб контент в одной определенной ячейке не растягивал е?, а просто пропадал за ее границами? естественно td {overflow: hidden;} неработает, может будут альтернативы? зы: перепробовал кучу способов, пока что ничего не получилось (( tnx
-
есть же куча сайтов по этой CMS а можно тут подробнее, плз
-
выставьте паддинги и тогда все у вас будет. upd <!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" xml:lang="ru" lang="ru"> <head> <title>fucking electorate</title> <style type="text/css"> table.tbl-cls {border-collapse:collapse;} table.tbl-cls td {padding:0; vertical-align:top; padding:0 6px 0 4px;} /* right border == left border+border width*2 */ td.d1 {width:100px} td.d2 {width:120px} td.d3 {width:140px} tr.input-data input { width:100%; margin:0; padding:0; border:1px solid #888; display:block; } </style> </head> <body> <table class="tbl-cls"> <tr> <td class="d1">100</td> <td class="d2">120</td> <td class="d3">140</td> </tr> <tr class="input-data"> <td><input type="text" name="zopa" value="(.)" /></td> <td><input type="text" name="zopa" value="(.)" /></td> <td><input type="text" name="zopa" value="(.)" /></td> </tr> </table> </body> </html> вот вам такое решение + оптимизированный CSS код зы: уж будте так любезны, выкладывая контент/код на сайт потрудитесь убрать цензуру. tnx u
