Catherine

У меня способ не очень изящный, но если не предложат других вариантов, я делала следующим образом: шаг1 - проблемный блок(wrapper)-на всю ширину страницы, на него повесить фон по центру, повторяющийся по вертикали. Фон следующий: 1000рх(ширина самого макета)-прозрачная область, а слева и справа, для надежности, по 3000рх(или больше) одинаковые отступы, слева-прозрачный, справа-фон пациента. шаг 2 - центрируем контент шириной 1000рх, с повторяющимся фоном пациента Картинка для наглядности. Надеюсь, доступно написала? UPD: Данное решение не актуально в связи с появлением поста #10

А почему бы блоку-родителю не задать overflow: hidden? ссылка Или что мешает скруглять углы и у самой ссылки тоже? вариант

так?

А если так?

Прям засмущали На здоровье!

li:hover > a { color: #fff; }

Спасибо за ответ! Не совсем понятно, как же все-таки указывать насыщенность при подключении нестандартных шрифтов. Допустим есть шрифтBlack, шрифтBold, шрифтMedium, шрифтRegular, шрифтLight, шрифтThin. При подключении этих шрифтов указываю: {font-family: "шрифтBlack"; font-weight: bold;} {font-family: "шрифтBold"; font-weight: bold;} {font-family: "шрифтMedium"; font-weight: normal;} {font-family: "шрифтRegular"; font-weight: normal;} {font-family: "шрифтLight"; font-weight: lighter;} {font-family: "шрифтThin"; font-weight: lighter;} Это правильно? Есть какие-либо правила и "подводные камни" при указании насыщенности в данном случае, или насыщенность подбирается исключительно экспериментальным путем, проверяя отображение каждого начертания шрифта в разных браузерах? Речь идет о кроссбраузерном отображении(IE7+, актуальные версии остальных популярных браузеров).

Доброго времени суток! Подскажите, пожалуйста, как правильно подключать разные начертания одного шрифта? Допустим, есть файлы шрифтов Font1-reg.ttf, Font1-mediumitalic.ttf, Font1-lightitalic.ttf, Font1-bold.ttf, Font1-blackitalic.ttf. Конвертирую и подключаю следующим образом: @font-face { font-family: 'Font1'; src: url('../fonts/font1-reg-webfont.eot'); src: url('../fonts/font1-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font1-reg-webfont.woff') format('woff'), url('../fonts/font1-reg-webfont.ttf') format('truetype'), url('../fonts/font1-reg-webfont.svg#Font1') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Font1-MediumItalic'; src: url('../fonts/font1-mediumitalic-webfont.eot'); ... font-weight: bolder; font-style: italic; } @font-face { font-family: 'Font1-LightItalic'; ... font-weight: lighter; font-style: italic; } p { font-family: 'Font1-LightItalic', Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif; font-weight: lighter; font-style: italic; } 1. А как все-таки правильно подключаются шрифты различных начертаний? 2. Как записать насыщенность для medium, black, light, ultrablack, thin, xthin? 3. Какие из начертаний являются специфичными и не всегда корректно отображаются в браузерах, а какие более стабильны? Буду признательна за любой опытный совет, и особенно за ссылки на источники (русс, eng). Спасибо!

http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine.html UPD. Упс, меня опередили

Где контент плывет и как? Что конкретно не так? Как должно быть? По описанию видно, что: - есть шапка и футер, прижатый книзу - есть контент, который должен растягиваться на всю оставшуюся ширину экрана, если текста мало - внутри контента два блока: сайдбар (.vmenu) и основной блок(.pagecontent) Мне пока приходит на ум всего три варианта: - смотреть в сторону display:table - рассчитывать минимальную высоту блоку .content, исходя из текущих размеров экрана средствами js - верстать таблицей А присвоенный min-height:100% блоку .content работать в конкретно этом случае не будет. Почитайте про блочную модель и ее особенности. Высота родителя не вычисляется, ее надо указывать явно.

Можно попробовать через display: table. Как-нибудь так.

Вот. Как следствие, страница занимает не 100% высоты экрана, а на 28рх больше.

Не надо пароли выкладывать на всеобщее обозрение, уберите. Достаточно ссылки на страницу с проблемой.

Ну к чему такие тайны? Другим, может, тоже интересно За доверие спасибо, но работы у меня и своей хватает) Помогу, чем смогу, но только в пределах форума.

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

Блок с position: fixed в данном случае не влияет на остальную верстку. Подробнее о позиционировании.

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

Ключевой момент-абсолютное позиционирование контента с полосой прокрутки относительно окна браузера. По мотивам этой статьи.

А Вы хоть в курсе, что система отзывов (аж с февраля месяца этого года - ссылка) теперь на указанном ресурсе не работает, только рекомендации и мнения работодателей, которые, если не ошибаюсь, покупаются за 10% от суммы сделки? Максимум, что бесплатно теперь можно сделать на этом ресурсе, это выбрать Вас исполнителем проекта или поставить плюсик в карму. Дизайн иконак, ГЛОВНАЯ натягую на CMS - это сильно. Страница "О НАС", и далее "Здравствуйте меня зовут Владислав" - это в смысле "мы, Николай II"? К сожалению, валидатор отказался согласиться с хорошими знаниями HTML5. А в остальном, считаю, для 16 лет это просто замечательно. Только учтите, что к веб-студии и требования на порядок выше, чем к конкретному исполнителю-новичку

Самое простое-добавить text-align: right; для .tea Но по-хорошему, я бы вообще блоки tea и tpl-header объединила бы в один. Картинку с листиком фоном делала, а логотип-ссылкой по центру блока.

А такое решение подходит?

Так: body { border: 1px solid #F907F6; height: 200px; background-image: url("../images/excel_1.png"); background-repeat: no-repeat; } или так: body { border: 1px solid #F907F6; height: 200px; background: url("../images/excel_1.png") no-repeat; } По теме: background-image, background, background-repeat

min-width? А вообще без исходников трудно сказать что-то конкретное.

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

Возможно это решение чем-то поможет, или хотя бы натолкнет на мысль.