Softlink

с тенями не очень понятно. Что такое и где находится общая тень?

однозначно нет. Но это долгая тема для дискуссии. Если интересно, попробуй покопать литературу по общению между людьми, взаимоотношению. Может еще заметишь, почему я соблюдаю определенную субординацию, и пока только с тобой на этом форуме перешел на "ты"

Дружище, да ты чего? Как ты можешь ещё говорить спасибо тому человеку, который за твою помощь тебя ещё и грязью облил? Неужели настолько себя не уважаешь прям? Не ожидал даже, ну ппц Я вообще не люблю людей, который считают, что мы все жалкие людишки, которые должны им. Не, Макс, ты немного не прав здесь. Я ему спасибо сказал, лишь за одну вещь, которую узнал от него. Это то, что картинку нельзя точно порезать в фотошопе. А по поводу грязи, ну пусть он полил ее, но свет же на этом не закончился. Ему дальше с этим жить. Я такое обычно пропускаю. Не стоит заморачиваться на этих мелочах. Есть еще хорошие слова по этому поводу: "относись к людям так, как хочешь, чтобы относились к тебе". Мы себя вели предельно корректно, а он погрубил. Значит он себя так ценит и не против, чтобы с ним так обращались.

вот оно как оказывается. В фотошопе нельзя вырезать так. Теперь понял, что там не стыкуется. А до этого сидел ломал голову, что там можно не состыковать. А вам ,optimist32, теперь спасибо. Я, а может и еще некоторые, не большой мастер фотошопа, и даже не задумывался об этом. Немного пораньше бы сказали про фотошоп. Как минимум моих постов можно было избежать. И все-таки надо конкретней ставить вопросы и вместо криков(крупных шрифтов) и лишних домыслов в отношении участников форума, вести конструктивную беседу. Надо было выстроить причинно-следственную связь, а то "не стыкуется" и все)))

да никто даже и не пытался замучать Дело в том, что изначально в задании звучало то, что они должны растягиваться. Из приложенного кода, было понятно, что они не тянутся в ширину, ибо указана только она. На картинке также нет двустрочных пунктов. Тем более, не было сказано, что пункт должен тянуться до размеров 800*600. Вот если это все сразу можно было описать, наверное и не набралось бы этих двух страниц.

не нервничайте Дайте посмотреть лучше вашу верстку)))

дык рисовал в пэйнте)))) Спасибо, конечно, за старания, но вы не поняли сути вопроса. Нужно чтоб углы стыковались пиксель к пикселю. С таким фоном как у меня будет видна граница на стыковке уголков. PS: Впрочем вопрос можно закрыть, я уже все сделал сам. Нужно было просуммировать вручную падинги. Получается красивая растягивающая кнопка, со сложными углами и каймой, где идеально стыкуются все углы. не за что. Как была поставлена задача, так она и сделана Стыковать уголки - это уже совсем мелочная работа, которую можно сделать и без нашей помощи. Сам алгоритм решения задачи был подсказан и он полностью рабочий upd. Можно где-то посмотреть вашу верстку этой кнопки?

вот вам пример подобной кнопки. Больше времени ушло на рисование. Код весь на страничке. Паддинги отрабатывают полностью. psywalker предложил inline-block, мне привычней флотами все делать. Но суть дела не меняет.

Он мне никак не помог, только потратил моё время. С тремя спанами не работаю падинги - это когда отступы должны быть у внутреннего текста кнопки. Если помочь не получается то давайте будем флудить в ветке флуда. Но если тут у Вас принято флудить в тематическом вопросе, то так и скажите. Что мне думать то?? Я делал и так и так и сяк. Никак не получается. ВОт поэтому и решил спросить тут. залейте картинку для пункта куда-нибудь, пожалуйста. вы же не предложили готового материала для реализации. Соответственно слепил из того, что было. Фон тянется от размера пункта.

не, нормально все Как вариант использовать можно, но с фоном надо думать. Или использовать вариант psywalker. Хотя если покопаться. Можно и в моем коде прикрутить такие рисунки. upd. Короче получится, то, что ты, Макс, предложил

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

1) если не вставлять код в специальные теги, то некоторые люди здесь будут вас ругать. 2) по теме. Можно сделать так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru"> <head> <meta http-equiv="content-type" content="text/html; charset=Windows-1251" /> <title>Пример</title> <style type="text/css"> .text{ width:400px; height:300px; display:table-cell; vertical-align:middle; border:1px solid #ccc; } </style> </head> <body> <div class="text"> текст </div> </body> </html> но значение table-cell не поддерживается ие 6-7. 3) если у вас постоянная заданная высота блока, то лучше все сделать пэддингом.

Почему это нет? Это же навигация! Его как раз и нужно оставить. не, я про свой пример говорю Там флоатом весь список схлопывается.

еще тут список нафик не нужен)) От него толку нет абсолютно.

например вот так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru"> <head> <meta http-equiv="content-type" content="text/html; charset=Windows-1251" /> <title>Пример</title> <style type="text/css"> .menu{ width:400px; height:300px; } ul{ list-style-type:none; margin:0px; padding:0px; background:#ccc; height:100%; } span{ background:yellow; float:right; padding:5px; margin:5px; clear:both; } </style> </head> <body> <div class="menu"> <ul> <li><span>первая</span></li> <li><span>вторая</span></li> <li><span>третья</span></li> <li><span>четвертая</span></li> <li><span>пятая</span></li> </ul> </div> </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"> * {} .wrap { background: red;} .wrap .float { float: left; width: 300px; height: 300px;} .wrap:after { clear: both; display: block; overflow: hidden; height: 0; content: '.'; visibility: hidden; } * html .wrap{ height: 1%; } *+html .wrap { min-height: 1%;} </style> </head> <body> <div class="wrap"> <div class="float">Float</div> </div> </body> </html> Вот и всё, и никаких тебе overflow: hidden; воо спасибо Иногда может быть полезен такой прием. Я так понял, тут просто конструкцию надо соорудить, используя :after

уже прочитал)

Ну он то нет, там таблица, о остальные два? ну вот, о чем я сразу и написал - не греть голову и собрать все в таблице Нахрена? Не понимаю тебя. Можно сделать обычный clearfix, это пару лишних правил, и всё, зачем таблица? погоди, я тебя правильно понял? Все затолкать в див с display:table, там выстроить не абсолютные блоки инлайном? Да нет же, это я просто перечислил варианты решений display:table отпадает, ИЕ не понимает их, а вот остальные два вполне себе можно эмулировать и сделать. я про clearfix ничего не знаю

Ну он то нет, там таблица, о остальные два? ну вот, о чем я сразу и написал - не греть голову и собрать все в таблице Нахрена? Не понимаю тебя. Можно сделать обычный clearfix, это пару лишних правил, и всё, зачем таблица? погоди, я тебя правильно понял? Все затолкать в див с display:table, там выстроить не абсолютные блоки инлайном?

Ну он то нет, там таблица, о остальные два? ну вот, о чем я сразу и написал - не греть голову и собрать все в таблице

а разве display:table официально начал работать под ие 6 и 7?

ну это если не надо под ие 6-7 затачивать

таблицей сделать

кое-чего пропустил, но в целом ничего так) Обязательно к прочтению недалеким директорам и начинающим жителям интернета.