Pato

Это понятно. Я имел в виду как его порезать грамотно? Не целую же картинку грузить?

Добрый день. Подскажите как верстать такие фоны? Это все целая картинка

Всем привет. Ситуация такая, есть меню и в зависимости от текста выбирается ширина пункта меню. Но при этом остальные пункты ровняются на него. Как сделать независимыми их? Чтобы каждый пункт был самостоятельным. http://jsfiddle.net/9sZTa/2/

Здравствуйте, помогите пожалуйста сверстать структуру этого макета. Просто я не знаю как расположить блоки чтобы все тянулось как нужно. Вот например вот это крыло с контактами, чтобы оно тянулось за блоком с новостями http://rghost.ru/41787237/image.png и под левой колонкой крыло это тоже нужно как то задать. В общем подскажите как организовать такую структуру.

Мужики, помогите сделать красиво таблицу, делал ее на css и вот что получается как вы видите столбцы с числами не ровные, потому что разное кол-во знаков. Как сделать чтобы все ровно было? /* Таблица с прайсом */ table { display: table; background: #000;} tr { display: table-row; } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column ; } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } #caption {caption-side: top;} #caption {caption-side: bottom} #table {display: table;} #table {display: table;} .row {display: table-row; width:100px; color:#270404;} .cell {display: table-cell;width:965px; text-align:center; background: #e4ddbf;} .row span:hover {background: #b1967a;} .cell2 {display: table-cell;width:900px; text-align:center;color:#fff; background: #b1967a;} .cell3 {display: table-cell;width:900px; text-align:center; background: #cfbfa1;} .cell, .cell2, .cell3 {padding:3px 0;} .raz, .dva, .tri { position:relative;} .raz {right:300px;} .tri {left:300px;} .cel1, .cel2, .cel3 { position:relative;} .cel1 {right:350px;} .cel2 {right:20px;} .cel3 {left:320px;} html код имеет такую структуру

Помогите решить проблему, текст ссылки выходит за пределы блока, а нужно чтобы он переходил на новую строку вот такой код <div class="sidebar" id="sideLeft"> <div class="blk"> <div class="zagolovok"><h3>Навигация</h3></div> <div class="link"><a href="">Категория</a></div> <div class="link"><a href="">Категория</a></div> <div class="link"><a href="">Категория</a></div> <div class="link"><a href="">КатегорияКатегорияКатегориярияКатегория</a></div> </div> </div .blk {padding:0 0 10px 0;background: #1a1a1a;} .zagolovok {background: url(../images/zag.png) no-repeat;height:40px;margin:0 0 8px 0;} .blk h3 {font-family:Myriad Pro Cond; font-weight: bold; text-transform: uppercase; font-size:17px; padding:12px 0 0 15px; color:#000; text-shadow: black 0px 1px 0px, inherit 1px 0 0; } .link {background: url(../images/li_top.png) no-repeat 10px 8px; padding:5px 0 0px 30px; border-bottom:1px dotted #0f0f0f; } .link a {color:#fff; font-family: Arial; text-decoration: none;} .link a:hover {text-decoration: underline;}

Здравствуйте. Столкнулся с такой проблемой, когда подключаю шрифт через такую конструкцию @font-face { font-family: aglettericacondensed; src: url(../fonts/aglettericacondensed.ttf); } мозила его не видит, а опера видит но не все. вот что в хроме вот что в опере вот что в мозиле

1) Большинство макетов из паблика, но есть такие, каких там нет. И они будут добавляться. 2) Косяк с двойным слешем исправлен. 3) Ну если вам не понятно, значит дело в вас. Моя задача собрать максимальное кол-во макетов разных стилей и сложности. На других сайтах их от силы около 100, у нас же будет больше. 4) Если вы и тут не понимаете, то есть такая штука как поисковик, кроме подобных форумов, и люди ищут информацию там. И нет ничего плохого, чтобы поднять запросы, чтобы больше кол-ва людей знали о сайте. Разве это не логично?

в итоге вся оценка свелась к обсуждению seo-текста на главной.

каждый занимается своим делом.

а собственно за что минусы?

я заказывал оптимизацию и полагался на знания сеошника

В каждой шутке есть доля шутки. Когда заходишь на такой сайт, то понимаешь, что он сделан для поисковых систем, а не для людей. Сложно читать такое полотно текста, в котором выделены только совершенно ненужные мне слова. Чем не спам? по поводу текста, согласен, но это единственное что сделано для ПС, остальное ориентировалось для людей.

шутник

оптимизация не лишняя

В основном на просторах интернета нахожу, через знакомых, приват.

Адрес: http://www.freepsd.ws/ Слоган: Макеты на любой вкус Описание: Сайт создан в поддержку вебмастерам, а конкретно начинающим верстальщикам, которым требуются макеты чтобы набить руку, тренироваться. У нас макеты начиная от простых и заканчивая более сложными, на самые разные тематики. Ну что ж, оцениваем все, дизайн, юзабилити и т.д.

del

Можете поделиться макетом?

ребят, откликнитесь

На этот раз я взял макет по проще. http://test.hi-news.ws/test2/index.html Что скажете по-этому поводу? И конечно не бывает без косяков. В строке #bottom {background:#020202;padding-bottom:10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:1px solid #fff;} если не задавать бордюр border:1px solid #fff то получится такая картина http://test.hi-news.ws/test2/bag/index.html Не могу понять из за чего так.. Т.к. я новичок при верстке я использую бордер блоков чтобы видеть границы и все такое. Теперь я что-то намудрил..

Сейчас применю первый вариант. И покажу что получилось.

Такой вопрос возник. Допустим я делаю блок, а внутри него будет находится заголовок, абзац, картинка ну и т.п. <div class="block"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> Естественно мне нужно будет двигать содержимое. Как будет лучше и правильнее, двигать паддингом блок "block" Или создать дополнительную обертку для содержимого блока <div class="block"> <div class="obertka"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> </div> и двигать уже маргином блок "obertka"

да я сам знаю, что плохо css знаю)

Извиняюсь за оффтоп, но с связи с тем, что css я знаю не совсем хорошо, по тесту на сайте на 3 . Нужно как-то доучивать его. Что можете посоветовать? Каким образом более эффективно будет? Купить ли справочник в виде книги, или в виде электронной книге? Просто когда читаешь книгу на диване, лучше запоминается, нежели с монитора