MC WEST

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

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

Вот создал наконец-то себе портфолио (если это конечно можно назвать портфолиом). Портфолио не совсем обычное, скажем так очень даже простенькое. Состоит просто из иконок сайтов, которые ссылаются уже на реальные сайты. Ну меньше слов, больше ссылок WEST Designer Ну и вторая моя работа, ФотоБлог: PhotoBlog Все работы валидны (HTML 4.01 и CSS3). С использованием jQuery. Указывайте, пожалуйста, ошибки и недочеты. Спасибо!

Скачай себе Google Chrome или FireBug, там есть панель разработчиков в ней указывается в каком файле прописан тот или иной стиль.

Я обычно делаю точно также, или добавляю класс :last-child если блоки идут в один ряд. Также в твоем случае с помощью псевдоклассов, можно у каждого третьего блока убрать отступ срава.

psywalker, в твоем скроле проблема (проверял в chrome), после нажатия на какой либо якорь, меня перемещает плавным скролингом в нужное место на странице, но потом после попытки прокрутить страницу самостоятельно, меня опять возвращает на этот якорь.

А что именно не получается? <script type="text/javascript"> $(document).ready(function () { setInterval(function() { $('#square').delay(2000).fadeTo(800, 0.2); $('#square').fadeTo(500, 1.0); }, 2000); }); </script> Этот код будет повторять твои действия каждый 2 секунды, по идее должно работать.

Подключи к своей странице библиотеку jQuery <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> и в шапке сайта, в теге <script> пропиши: $(document).ready(function() { var ShowHide = $('#ид_элемента который нужно скрыть'); ShowHide.hide(); $('#ид элемента на который надо нажимать').click(function(){ ShowHide.show(); }); }); Не забудь вписать ID элементов.

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

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

Да, ты прав так намного лучше смотрится, спасибо.

Спасибо за замечания. - Насчет рамки, вроде бы отступ есть, но можно побольше сделать. - Да, заголовки, как-то не очень вписываются в тему, надо будет что-то придумать) - Ну если уменьшать шрифты то и сами стрелочки надо будет уменьшать, для пропорциональности. - Пункты меню поправлю. - Сворачивание делал чисто для себя, чтобы потренироваться с jQuery

Делал сайт, для себя, что бы потренироваться в верстке. Оцените пожалуйста, указывайте на любые ошибки и недочеты. Спасибо! В опере, мозилле, хроме и в IE 8 работает отлично, в других браузерах не проверял. Сайт полностью валидный (CSS и HTML) Ссылка на сайт

Сделай проще: картинку фоном, а ссылку на всю картинку либо с помощью padding либо укажи точные размеры и добавь display: block;

Вот так? HTML <div class="news-img"><img src="/img/post2.png" /><div class="date1"> Oct 16, 2010<span></span></div></div> CSS .date1 { padding-left: 14px; height: 55px; position: absolute; top:20%; left: -14px; background: url('../img/date-bg.png') no-repeat left; } .date1 p { background: #2da8d2; padding: 5px 6px 6px 0; float: left; } .date1 span { width: 24px; height: 41px; display: block; float: right; background: url('../img/date-arrow.png') no-repeat right; }

Сегодня потребовалось создать, вот такой ярлычок с датой: Вроде бы все получилось, но может есть какой-то способ проще такое сделать, просто для себя интересно на будущее. Вот мой способ: HTML: <div class="news-img"><img src="/img/post1.png" /><span></span><div class="date"> Oct 18, 2010</div></div> CSS: .news-img { position: relative; } .date { padding-right: 24px; background: url('../img/date-arrow.png') no-repeat right; position: absolute; top: 20%; } .date p { background: #2da8d2; padding: 5px 6px 6px 0; } .news-img > span { width: 14px; height: 55px; display: block; position: absolute; left: -14px; top: 20%; background: url('../img/date-bg.png') no-repeat; } date-bg.png - изображение загибающегося уголка date-arrow.png - изображение стрелочки справа

Спасибо, возьму на заметку

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

Все работает) большое спасибо) я просто скрипт вставлял в head, а щас поставил в body, и все заработало. Огромное спасибо! Чтобы фон заголовка, не растягивался на всю длину блока, а только на занимаемое словами место.

Не помогает(

http://178.150.132.179/ - первые два модуля генерируются CMS Joomla, а следующие просто прописаны в index.php Вот скрипт: <script type="text/javascript"> var wrap = document.getElementById('right-col'); var str = '<div class="clr"></div>'; var re = /(<[hH]3.*?>.+?<\/[hH]3>)/g; wrap.innerHTML = wrap.innerHTML.replace(re,'$1' + str); </script>

Да, подставил свои значения, в браузере все проверял, ничего не появляется, щас еще попробую и дам ссылку)

Не работает(

Нет, к сожалению не работает И clear:both; тоже не помогает, ни для h3 ни для .module-content

Просто заголовок не обычный, он использует св-во float:left;, для правильного отображения фона. <div class="module"> <h3>Название модуля</h3> Сюда надо вставить "<div class="clr"></div>" <div class="module-content">Контент модуля</div> </div> и CSS: h3 { font-size: 20px; font-weight: 900; float: left; text-transform: uppercase; padding: 5px 6px 2px 5px; color: #fff; background: #1a1e27; } .module { width: 350px; display: block; margin-bottom: 40px; } Щас додумался, поидее если задать .module-content ширину 350 пикселей, то все будет нормально?