kalyaka-malyaka

написала в личку

1. погуглите "прижать футер к низу страницы" 2. почитайте про абсолютное и относительное позиционирование

в задании, вроде, не говорилось, что сделать надо только таблицами. что значит, "это табличные данные"?

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

первый и главный вопрос, прежде чем объяснять дальше в каком виде макет? есть psd-файл со слоями? если есть, то есть ли в нем отдельным словем эта камера без фона?

я еще нашла, к чему прицепиться camera-bottom.gif плохо смотрится. вы зря ее вырезали вместе с предполагаемым фоном по перимерту. если у вас в psd эта камера есть без фона, то вообще отлично. если нет, то фон надо аккуратненько убрать. а потом при сохранении слайса для веба вы все слои уберите, оставив этот слой на прозрачном фоне, и matte задайте среднее между цветами полосок фона. где-то примерно #3a3a3a.

почему?

помойму закрывающий тег ненужен... нужен

как вариант: <div>Получатель:</div> <div>Структурное подразделение</div> <div>Организация</div> абсолютное позиционирование, тщательно выставленное на свои места. палки для подписей - либо фоновой картинкой, либо бордер-топом.

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

о! точно! − он так редко встречается, что еле нашла таблицу символов с ним. в дримвивере, кстати, на нажатие & в списке предлагаемого его нет. и все равно же я права насчет дефиса и длинного тире

не википедия говорит: "при качественном наборе текстов следует различать дефис (‐), минус (−) и тире (—)" еще есть деление на короткое тире (−, & ndash;) и длинное тире (—, & mdash;). в русской пунктуации короткого нет. в любом случае (‐) - это дефис. кстати, да. хотела написать и забыла. тоже ожидала, что при наведении и активные иконки будут становиться цветными.

1. у вас такие симпатичные иконки. и рядом с ними ужасно смотрятся голубые png-шные фоны с какой-то странной бахромой по краям. я сначала думала, что это jpg сильно пережатый. стыки белого и голубого выглядят неаккуратно. 2. текст (напр., на главной). текста много, но сверстан он плохо. отступы первого и последующих заголовков (кстати, почему первый - никакой не h?), красных строк абзацев, выносов списков и их маркеров - все отступы разные. получается мельтешение, плюс к этому добавляется рваная правая граница текста, выключенного влево - и на странице получается нестройная свалка, никак не организованная, что мешает восприятию и отбивает желание не то что всю эту простыню до конца дочитать, но и вообще один экран осилить. еще немного о тексте: в предложении "Снабженец Урала" - это возможность заказать поставку множества товарных позиций в одном месте. предполагается тире (—). дефис является знаком орфографическим, а не пунктуационным, и не может замерять тире. 3. "Онлайн Заказ", "Вопросы - Ответы" - почему оба вторых слова с большой буквы? Зачем во второй паре дефис с пробелами вместо "и"? Опять тире предполагалось? Но оно там не нужно. "И" вполне достаточно. 4. Форма заказа вводит в ступор. Столько пунктов - и все, кроме одного, обязательны для заполнения. Не проще лично сзязываться и узнавать подробности? Все равно ведь будете перезванивать и что-то уточнять. Кстати, зеленая галочка обычно подразумевает "да" и используется либо в таблицах, означая, например, наличие, либо в тех же формах-анкетах, появляясь при правильном заполнении поля. Обозначение ею обязательных полей путает. "*Запрос обрабатывается в течении 2-х рабочих дней." - в течениИ - это о реке. а у вас в течениЕ. 5. код грязный какой-то. не понятно, по какому принципу часть стилей прописана прямо в тегах, а часть вынесена в таблицу стилей. 6 (точнее, это 0 должен был быть). проверьте ваш сайт валидатором. 7. в целом - так себе. иконки классные, но явно не ваши. а они - единственное, что хорошо смотрится и привлекает внимание.

* html .classname { } - это хак для ie6 для ie7 (по-моему, и для 8 тоже, но не уверена, нет у меня 8-го): *:first-child+html .classname { } хаки для разных браузеров с height ie7 уже работает, как положено (т.е. блок не тянется, текст лезет вниз, если превышает высоту блока). и 7-й уже понимает min-height

а в каком редакторе html пишете? еще вопрос (о путях, что уже спрашивалось выше) запись href="style.css" подразумевает, что css файл лежит в той же папке, что и html-файл, в котором этот href прописан. у вас файлы так и лежат? и еще: уберите пробелы из имен папок и файлов, на наличие кириллицы имена проверьте.

href путь к файлу указывает. а ваш файл со стилями в самом деле называется просто style и не имеет расширения?

у меня ничего не переносится. все так же, как в мозилле. опера 9.63 и мозилла не растягивает, и ie. а почему должны растягивать?

дык это... голый css - это не информативно совершенно. давайте или полный код страницы, или ссылку на страницу. то, что видно на первый взгляд: в CSS2 имена классов и идентификаторов нельзя начинать с цифры. и мозилла это сечет и не отрабатывает нормально (т. е. она как раз не долбанная, она по стандарту работает ). переименуйте все свои айдишники.

код: <!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=windows-1251" /> <title>sample</title> <style type="text/css"> * {margin:0px; padding:0px; border:none;} html, body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;} .bg-left {position:relative; margin:100px auto; width:800px; background-color:#0056c0; background-image:url(images/bg-left.gif); background-position: left; background-repeat:repeat-y;} .bg-right {width:800px; background-image:url(images/bg-right.gif); background-position: right; background-repeat:repeat-y;} .bg-top {width:100%; background-image:url(images/bg-top.gif); background-position: top; background-repeat:repeat-x;} .bg-bottom {width:100%; background-image:url(images/bg-bottom.gif); background-position: bottom; background-repeat:repeat-x;} .bg-left-top {width:100%; background-image:url(images/bg-left-top.gif); background-position: left top; background-repeat:no-repeat;} .bg-left-bottom {width:100%; background-image:url(images/bg-left-bottom.gif); background-position: left bottom; background-repeat:no-repeat;} .bg-right-top {width:100%; background-image:url(images/bg-right-top.gif); background-position: right top; background-repeat:no-repeat;} .bg-right-bottom {width:755px; padding:20px 25px 25px 20px; background-image:url(images/bg-right-bottom.gif); background-position: right bottom; background-repeat:no-repeat;} p {margin-top:10px;} </style> </head> <body> <div class="bg-left"> <div class="bg-right"> <div class="bg-top"> <div class="bg-bottom"> <div class="bg-left-top"> <div class="bg-left-bottom"> <div class="bg-right-top"> <div class="bg-right-bottom"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mi. Quisque tortor lacus, placerat in, bibendum vel, hendrerit sed, nisl. Aliquam feugiat? Morbi feugiat, massa ut sagittis sollicitudin, arcu tellus suscipit risus, eget porttitor urna sapien in ipsum? Nulla vestibulum sem in ipsum malesuada sagittis. Aliquam malesuada commodo dui. Nam aliquam pretium magna. Sed lectus. Maecenas vitae nisl. Phasellus elit orci, interdum in, ullamcorper sed, convallis nec, enim! Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris dignissim tortor quis ligula? Nunc volutpat, velit vitae luctus vulputate, ipsum nibh aliquet quam, quis facilisis augue magna ac risus. Maecenas ac lectus in turpis tristique fermentum. Proin felis. Vivamus laoreet libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi.</p> <p>In hac habitasse platea dictumst. Praesent nec nisi vel lectus pharetra sagittis. Duis aliquet bibendum justo. Nam semper ultricies augue. Aliquam interdum neque nec leo luctus pellentesque. Praesent turpis mauris, ultricies vel; dignissim ut, aliquet ut, purus. Duis tortor libero, vulputate rhoncus, dictum nec, ultrices vel, ante? Integer arcu justo, vehicula eget, condimentum ac, eleifend eget, elit. Etiam non purus sed nisl malesuada vulputate? Nulla ligula lacus, lacinia et, pulvinar nec, auctor sit amet, nisl. Nullam cursus velit at sem. Vivamus rhoncus lorem et tellus? Phasellus viverra, magna congue tempor iaculis, nisi velit ullamcorper augue, vel consectetur est nunc quis felis.</p> <p>Etiam id nibh gravida turpis aliquam scelerisque. Praesent vulputate nunc. Nullam arcu. Quisque ultrices cursus est? Mauris vitae lorem sit amet velit accumsan iaculis. Duis pulvinar vulputate pede! Proin in risus? Nunc fermentum augue nec orci. Duis ultrices sapien at dolor. Sed non enim! Vestibulum ut ipsum a urna elementum iaculis. Quisque est augue, faucibus a, auctor id, accumsan consequat, massa. Quisque suscipit eros id metus. Phasellus facilisis ultrices risus. Aenean vestibulum elit et mauris. Fusce ipsum risus, commodo eget, venenatis vitae, tincidunt a, enim. Fusce nisl mauris, tincidunt tristique, sodales ac, feugiat in, lacus! Sed rutrum enim non nisl!</p> <p>Sed tempus imperdiet dolor. Etiam egestas lacinia lacus. Vivamus lobortis. Curabitur et lectus? Nullam accumsan suscipit mi. Pellentesque sed elit id sapien scelerisque mattis. Nunc pulvinar cursus eros. Fusce ac quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam nec felis. Suspendisse vulputate odio eget metus. Nunc nec sem vitae nibh malesuada consectetur. Aliquam euismod, lorem id aliquam imperdiet, ligula libero varius diam, vitae vestibulum ipsum dolor non tellus? Proin at eros. Praesent hendrerit ultrices leo.</p> <p>Sed vitae nunc eu dolor pulvinar pretium. Quisque ut pede. Donec suscipit enim ac neque. Nunc viverra urna at lacus? Nam ullamcorper auctor lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacinia erat a velit? Aliquam pharetra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vestibulum, lectus vitae malesuada suscipit, lectus tortor accumsan libero, sit amet commodo sem purus eget purus.</p> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html> пример что еще можно объяснить и показать, я не знаю

да ладно! это в таблицах такого нет. а в блочных элементах есть, не зависимо от браузера.

быть, как я написала в своем первом сообщении. сначала 4 дива с бэкграундом для сторон, потом 4 дива с бэкграундом-уголком, чтобы картинка уголка перекрывала стыки вертикальных фонов с горизонтальными Zippovich, долго соображала, при чем тут нос )) но сообразила все-таки. конец рабочего дня )))))

раз автор стесняется, покажу. глюк такой: при загрузке страницы в опере меню такое: после первого обновления такое т. е. на место становится серый, верхний текст у меня опера 9.52

ну ты подумай головой если ты сделаешь див (который у тебя №1), поставишь фоновую картинку левого верхнего уголка. в нем поставишь див №2 (он будет такого же размера, как и №1), с картинкой верхнего края, плодящейся по иксу. и что получится? будешь ты видеть уголок из дива №1?

и имя класса с цифры начинать не стоит