kalyaka-malyaka

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

хых уточнили уменьшаете или увеличиваете?

*a partе* куда я попала, где мои вещи? Юлия, такова наша женская доля. Мужчины правят миром, не дают всласть порыдать и швыряются чем попало розовым с бантиками с воплями "фтопку!". Что ж поделать. Надо терпеть.

"ну и так, что-нибудь по дихайну" мне тоже не нравится. качество графики и цветовое решение - это ж убиться веником. кстати, вы не предполагаете, что к вам на сайт заглянут люди, у которых разрешение больше 1024*768? у меня просто прелестно выглядит: http://www.jetScreenshot.com/demo/w624x80q-215kb.jpg

при изменении в какую сторону?

*вредным голосом* табличка, отступы в меню пробелами, избыточное "background-color : #ffffff;" для таблицы

только так понимает: <table width="200"> <tr valign="top"> <td class="image">image</td> <td><p style="text-align:justify">По неофициальным данным компания Apple собирается вытеснить поисковик Google, который интегрирован в текущий браузер Safari (мобильную и компьютерную версию), объясняя это недовольством работы поискового движка Google.</p> </td> </tr> </table> своей жизнью - это да

вы исправляйте последовательно и обновляйте страницу проверки в валидаторе. дело в том, что из-за какого-нить одного незакрытого тега куча последующих могут восприниматься им как не закрытые. для начала добавьте </head> и закройте все одинарные теги (я не уверена в правильности термина "одинарный" но ничего другого не мигу ни вспомнить, ни подобрать). одинарные - это те, у которых к открывающемы <тег> не полагается в пару закрывающий </тег>. одинарные зактываются так: <одинарный-тег /> т. е. не <img>, а <img />. не <br>, а <br />. одинарных немного: <area /> <base /> <basefont /> <bgsound /> <br /> <col /> <frame /> <hr /> <img /> <input /> <link /> <meta /> <param /> а после этого снова проверьте страницу валидатором. и читайте, что валидатор говорит. он все объясняет все же написано английским по белому.

из классов правой колонки поубирайте все height. у вас контент все сам отлично растянет.

а в чем неправильность отображения в ie? посмотрела в 6 и 7. вроде, так же, как в фаере.

хорошо, я объясню. хотя "все уже украдено до нас", разжевано, и не на одном сайте. 1. свойство clear:both в диве, стоящем после флоатов, как бы отчеркивет эти флоаты. говорит, что уже никто никуда не плывет. отменяет обтекание. это не дает нижестоящему блоку налезать на строку с флоатами. если надо просто "отчеркнуть" ряд флоатов, а следом пойдет еще ряд флоатов, я использую тот класс, что вам дала - с высотой 1px. если после ряда флоатов пойдет простой блок без флоата (как у вас - bottomcont), то clear:both надо сказать прямо ему. 2. нормальные браузеры на жестко заданную высоту реагируют так, как написано - эту высоту блюдут. а вот содержимое может вылезать за пределы блока. только ie тянет блок вниз, если содержимое превышает заданную высоту. поэтому высоту в вашем случае указывать не надо было вообще. если нужно, чтобы у дива была минимальная высота, но при этом он и вниз тянулся, если что, используйте min-height. но! ie min-height не понимает. поэтому класс должен выглядеть так: .classname {min-height: 100px; height: auto;} * html .classname {height:100px;} min-height: 100px - минимальная высота элемента height: auto; - высота зависит от размеров содержимого элемента * html - хак для ie6. другие браузеры то, что написано в свойствах этого класса, не заметят. т. е. только ie6 увидит, что высота элемента задана жестко. но он растянет высоту, если содержимое превысит 100px.

ха! в коде, который вы выкладывали тут: #news{ float: left; border: 2px solid black; width: 755px; height: auto; margin-top: -80px; } у вас на странице: #news{ float: left; border: 2px solid black; width: 755px; height: 500px; } а я бы еще долго-долго теоретизировала, почему же у меня нормально, а у вас не получается. верните auto, и будет этой страничке счастье.

тяжело в деревне без нагана... выложите куда-нибудь ВСЮ СТРАНИЦУ. с картинками, css и html. не код сюда скопируйте с приложенной картинкой, а дайте на страницу ссылку. я не знаю почему у вас не получается. я скопировала ваш код и внесла в него изменения, которые дала вам. все отлично. http://floomby.ru/content/fTby9Za90y/ что вы делаете, я не знаю, а вы только картинки показываете. мы ж тут не телепаты.

спасибо, простой ссылки на сайт достаточно хреново будет. поэтому надо не просто 1240 на 1024 исправлять, а перевёрстывать. у вас, кстати, <head> не закрыт. валидатор 132 ошибки выдал.

и в чем проблема? хотела ссылку на страницу попросить. увидела вашу адресную строку, и больше вопросов нет. но первый вопрос остается.

вы ведь вертикальный скроллинг имеете в виду? статья "Замена таблицы стилей в зависимости от разрешения экрана пользователя" http://www.i2r.ru/static/476/out_17033.shtml (не разбиралась, просто нашла) еще такая штука есть http://www.artlebedev.ru/tools/technogrette/js/zoom/ (тоже не разбиралась, просто когда-то видела и вспомнила) скорее всего, можно и проще как-то. только я все-таки не вполне понимаю, нафига

вот-вот, нельзя исключать такую возможность

ну как минимум: #wrapper { height: 100%; width: 1240px; margin-right: auto; margin-left: auto; margin-top: 10px; } и вполне вероятно, что еще какие-то ширины, складываясь, дают число больше, чем 1024. без html или ссылки на страницу дальше только телепат разберется.

у вас ошибки есть. </script /> - это неправильно. правильно </script> два открывающих <body> подряд что касается текста и блока. если я правильно поняла, что вам нужно (не уверена, честно говоря): 1. между <div id="rightcontent"></div> и <div id="news"></div> добавьте <div class="clear"></div>. и в таблицу стилей: .clear { clear:both; height:1px; font-size:1px; } 2. из #content уберите height: 65%;. если вам нужно прибить футер к низу, то это надо делать по-человечески. погуглите, в инете множество советов. 3. из #news уберите margin-top: -80px; 4. в #bottomcont добавьте clear:both;

дайте ссылку на страницу или код

такая картинка в шапке и предполагает нерезиновый дизайн. правда, при нынешних разрешениях сайты с фиксир. шириной надо ставить только по центру, чтобы посетителям не пришлось шею вывихивать, глядя влево все время. по поводу меню: насчет альта и скрытого текста пунктов меню вам все правильно сказали. а мне еще и остро не хватает какого-то действия при наведении на пункт меню - чтобы цвет менялся, булька появлялась или что-то еще. но это субъективно и из разряда эстетических пристрастий. не люблю кнопки-ссылки без чего-нить при ховере.

джаваскриптом можно. например, так: http://annet.dn.ua/faq/js/piconmouse.shtml с пом. css можно. например, так: <a class="button" href="#"><img src="1x1tr.gif" width="100" height="100" alt="" /></a> a.button { width: 100px; height: 100px; background-image: url(button1.gif); background-position: top left; background-repeat: no-repeat; display: block; } a.button:hover { background-image: url(button2.gif); } 1x1tr.gif - это прозрачная гифка 1*1 px, которой задаются размеры, нужные для кнопки. хотя я в таких случаях предпочитаю делать картинку, склеенную из двух - обычная кнопка и кнопка при наведении. и класс тогда такой: a.button { width: 100px; height: 100px; background-image: url(button1.gif); background-position: 0px 0px; background-repeat: no-repeat; display: block; } a.button:hover { background-position: 0px -100px; } в этом случае картинка целиком прогружается сразу, при наведении меняется прозиционирование, чтобы видимой становилась hover'ная часть. такой вот прелоад замороченный. так все правильно у вас получается - точнее, как делаете, так и получается картинка же никуда не девается. а при наведении добавляется background-image, который, естественно, появляется ПОД основной картинкой. если вы будете все-таки делать с пом. css, то надо учитывать, что ie6 понимает псевдокласс hover только для <a>. если все-таки будете hover к <img> прикручивать, http://www.umade.ru/log/2004/07/css-hover-any-element/ тут описано, как заставить ie-шку это сделать.

я не знаю, что за код вы дали сейчас и откуда берутся br-ы, которые я вижу. а вижу я следующее. исходный код страницы, ваша таблица галереи: <TABLE style="WIDTH: 400px; BORDER-COLLAPSE: collapse"> <br /> <TBODY> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2078.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2079.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2080.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=300 alt="" src="/Stebnik/Poberejnuj2/IMG_2082.jpg" width=200 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2083.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=300 alt="" src="/Stebnik/Poberejnuj2/IMG_2084.jpg" width=200 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2085.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2086.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2087.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2088.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2089.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2090.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2091.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2092.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2093.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2094.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=300 alt="" src="/Stebnik/Poberejnuj2/IMG_2096.jpg" width=200 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2097.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2098.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=266 alt="" src="/Stebnik/Poberejnuj2/IMG_2099.jpg" width=400 border=0></TD></TR> <br /> <TR> <br /> <TD style="VERTICAL-ALIGN: top"><IMG height=300 alt="" src="/Stebnik/Poberejnuj2/_.jpg" width=200 border=0></TD></TR></TBODY></TABLE> </TD></TR> <br /> <TR> <br /> <TD - это кошмар и ужас. firebug: <div> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <table style="width: 400px; border-collapse: collapse;"> <!--это начало таблицы с галереей--> мне лениво разргебать ваш неформатированный код. но именно эта куча <br /> отодвигает таблицу вниз.

пользуйтесь кнопочкой "код" при наборе сообщения. это же ужасть, а не пост