klierik

2Petrovich.ru, Вот вы все врем говорите про шаблон. это вы очем? аж интересно стало! 2Maslakoff, весьма благодарен.

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

над перегруженностью кода подумаю. необращал ранее на это внимания. спасибо. а по поводу пнг - про иные от яваскрипта медоты его побороть невстречал. буду благодарен за линк на метод указаный вами

непонял о чем вы?

здравствуйте. хотел б услышать от Вас критику касательно html & css недавно мною сверстанного проекта. буду очень признателен коментариям указывающие на мои ошибки при написании кода или самого подхода к той или иной задачим для примера вот: http://lsd.com.ua/pf/luxbrok.com/index.html спасибо

лучше всего тут исопльзовать overflov:hidden для родительского объекта текст будет просто исчезать внизу, если задана высота.

ok вот к примеру парочка: сам персонаж http://lsd.com.ua/develope/resize/html/images/MM2.gif парочка кольтов: http://lsd.com.ua/develope/resize/html/ima...ight%20hand.gif http://lsd.com.ua/develope/resize/html/ima...left%20hand.gif tnx u

вот пример. в руке 2 пистолета. ето отдельные рисунки. первый ложиться нормально, второй уже опускает все вниз: все рисунки(как и сам персонаж) имеют одинаковыю высоту и ширину за счет всего просто накладываються один на один красиво!

2автор вот по етому есть понятие "кроссбраузерный код" я б вам рекомендовал в процесе верстки постоянно помимо ие (6/7) так же проверять зделаное на Опера 9+ и ФаерФокс 2+ в идеале еще было б не плохо и Нетскейп 9+ и Сафари тогда вы не будете так ужасаться при виде своей верстки после окончания раьоты, а будете корректировать свой код для нормального отображения во всех браузерах и тем же поднимая свою проффесиональность =)

Здравтствуйте. Верстаю персонажа. вроде б ничего сложного и все очень поросто: css /**************** Man charaster ****************/ .mchar { width: 125px; height: 285px; border: 1px solid #690000; } /*** man image ***/ .mimg { position: relative; z-index: 1; margin-top: -285px; float: left; } /*** char items ***/ .mchar .items { width: 125px; height: 285px; position: relative; float: left; z-index: 2; } .mchar .items div { height: 0px; width: 0px; float: left; } .mchar .items div img { width: 125px; height: 282px; position: relative; } /* items category z-index */ .mchar gun { z-index: 9; } xhtml 1.0 <!-- man charaster --> <div class="mchar"> <!-- items images --> <div class="items"> <!-- colt lhand --> <div><img class="gun" src="images/colt left hand.gif" alt="" /></div> <!-- colt rhand --> <div><img class="gun" src="images/colt right hand.gif" alt="" /></div> </div> <!-- man image --> <div class="mimg"> <img src="images/MM2.gif" width="125" height="285" alt="man" /> </div> </div> ну и собственно во всех нормальных браузерах (даже ИЕ7) дело обстоит так ка надо! а вот ИЕ6 накладывает тлько 1й рисунок поверх изображения. все последующие он вставляет выше и опускает вниз низлежщие рисунки. скажите, пожалуйста, можно ли как-то от этого избавиться?

еще вопрос частично по теме есть колонка произвольной ширины в ней содержиться информация со стилем white-space:nowrap; как зделать так что б информация нерастягивала колонку, а просто прятолось как бы overflow:hidden; никак не могу обыгратся с ними (( upd: в ФФ и Опере показывает нормально как и должно быть. проблемма с ие6/7 upd2: сделал. на таблицу повесил table-layout: fixed; и в коде на th повесил так же ширину. {... перенесено в Таблицы lancer}

в общем решил даную проблему следующим способом: во все колонки которые должны быть фиксированной ширины помещаеться на вешаеться ширина и overflow.всем колонкам ширина котрых неважна присваеваеться %е значение равное% 100/общее_колво_колонок_неважной_ширины (ну что б всем не ставить 50%) вот пример: css: **************** grid ****************/ #grid { border:0px; /* border="0" */ border-collapse:collapse; /* cellspacing="0" */ /*width: 100%;*/ } #grid td { padding:0px; /* cellspadding="0" */ text-align: center; vertical-align: middle; } /*** subject line ***/ #grid th, #grid th div { padding: 0px; margin: 0px; } #grid tr td { text-align: left; vertical-align: middle; } #grid div { overflow: hidden; } #grid .index div { width: 20px; } #grid .yoursite { width: 50%; } #grid .relations div { width: 150px; } #grid .hissite { width: 50%; } #grid .pr div { width: 50px; } #grid .actions div { width: 300px; } xhtml 1.0: <table id="grid" border="1" bordercolor="red"> <thead> <!-- table title --> <tr> <th class="index"><div>[ ]</div></th> <th class="yoursite">Your Site^</th> <th class="relations"><div>Relations</div></th> <th class="hissite">His Site</th> <th class="pr"><div>PR</div></th> <th class="actions" colspan="4"><div>Actions</div></th> </tr> <!-- table content --> </thead> <tr> <td class="index"><div>[ ]</div></td> <td class="yoursite"><div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div></td> <td class="relations"><div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div></td> <td class="hissite"><div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div></td> <td class="pr"><div>LoremIpsumissimplydummytextoftheprintingandtypesetting industry.</div></td> <td><div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div></td> <td><div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div></td> <td><div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div></td> <td><div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div></td> </tr> </table> <!-- /grid --> решение может не идеальное, зато дает требуемый результат.

2Gatanoa так нет... Вы наверно ен поняли... есть пару колонок которые должны иметь именно пиксельную фиксированную ширину, а остальные колонки пусть себе заполняют оставшееся пустое пространство. слетает последняя колонка, так как установив туда ширину, он все равно растягиваеться как хочет (((

спасибо. но я не совсем понял что именно вы имеете ввиду. объясните пожалуста на примере. tnx

здравствуйте. подскажите плиз как реализовать следующее: есть таблица шириной 100%. таблица имееть заголовки. заголовок может покрыват несколько колонок (ну ето не так важно). проблема заключаеться в том, что некоторые заголовки (ну собственно и совокупность колонок под ними) должны иметь свою фиксированную ширину, но выставляя ширину таблицы в 100% все летит к чертям и оно растягиваеться как хочет =( код: сss #grid { border:0px; /* border="0" */ border-collapse:collapse; /* cellspacing="0" */ /*width: 100%;*/ } #grid td { padding:0px; /* cellspadding="0" */ text-align: center; vertical-align: middle; } /*** subject line ***/ #grid th.index { width: 20px; } #grid th.yoursite { width: inherit; } #grid th.relations { width: 150px; } #grid th.hissite { width: inherit; } #grid th.pr { width: 350px; } #grid th.actions { width: 300px !important; } html: <!-- grid --> <table id="grid" border="1" bordercolor="red" width="100%"> <thead> <!-- table title --> <tr> <th class="index">[ ]</th> <th class="yoursite">Your Site^</th> <th class="relations">Relations</th> <th class="hissite">His Site</th> <th class="pr">PR</th> <th class="actions" colspan="4">Actions</th> </tr> <!-- table content --> </thead> <tr> <td>[ ]</td> <td>http://google...</td> <td>=>?</td> <td>Yahoo?</td> <td>0</td> <td>Accept</td> <td>Decline</td> <td>Delete</td> <td>Send M?</td> </tr> </table> <!-- /grid --> DOCTYPE : XHTML 1.0 Transitional подскажите плз можно ли решить, и как, данную задачу средствами html?

например так: <body style="overflow:hidden"> <div> <!-- ШАПКА --> </div> <div style="overflow:auto; height:512px;"> <!-- КОНТЕНТ --> </div> </body>

скажите плз.. как будут реагировать броузеры если не указан собственно DOCTYPE? какой будет браться по умолчанию??!

не обязательно так реагировать дело в том что по другому решить альтернативную задачу через бекграунд просто нельзя. по-этому для решения поставленой задачи пришлось так "извращаться"

вот пример кода который решает поставленную задачу, может кому-то понадобиться XHTML 1.0 Transitional <table style="background:#00f; padding:0px; border-collapse:collapse; border:0px solid #fff;"> <tr> <td style="font-size:0px; padding:0px;"> <img src="images/partslot.jpg" alt="" style="width:100%; height:43px;" /><!-- back image --> <div class="events" style="position:relative; margin-top:-43px;"><!-- text block --> <div style="font:12px tahoma;">Пример растягивания фоннового изображения на ширину текста</div> </div> </td> </tr> </table>

я смотрел свойства и так же пользовался поиском но ничего не нашел. возможно я не достаточно хорошо выразился... repeat - здесь не подойдет так как он "повторяет" изображение а надо что б изображение "растянулось" по всей видимости для решения данной проблемы, прийдеться вставлять изображение и ставить ему width="100%" - за счет етого изображение будет тянуться на всю ширину ячейки. а потом поднимать текст на высоту етого изображения. зы: 2kiD, я вполне солидарен с Вашим предложением воспользоваться поиском, но, как правило, такие посты "подчеркиваруют" линком на топ, где данный вопрос уже рассмыстривался

Здравствуйте. скажите пожалуйста как можно растянуть фоновое изображение по ширине объекта? эээ... к примеру есть див... резиновый.... как установленое ему фоновое изображение растянуть по его ширине? спасибо

tnx u

понял. спасибо. насколько я понимаю ето возможно только под ИЕ??!! а можно не выставлять цвет, а впихнуть рисунки?! скорее всего нет?!?!

Здравствуйте. Создаю блок в у которого вертикальный скроллинг. Скажите плиз как можно настраивать отображение кнопочек и самого бегунка. Можно ли через CSS, если нет то как из под JS спасибо

Можно. Сэмулировать можно любую форму. p.s. если нужны примеры, ищите на забугорных сайтах. понял. спс