DasBit

Средствами CSS3 если только, но ещё не знаю как  Там градиент хитрый и тень в PSD.

Упс, извиняюсь. В первый раз и не заметил даже там градиента, думал просто блоки светлого цвета

Как вариант я не понимаю зачем были использованы изображения, их заменить CSS-ом:

block_bg.jpg

right_block_bg.jpg

title_bg.jpg

title_block_bg.jpg

Заглушка под баннер: templatemo_ads.jpg. Возможно я конечно и не прав, но ее имхо тоже стоило бы делать средствами CSS

P.S. html валидатор выдал 4 ошибки, при чем все ошибки абсолютно идентичны:

два раза указан атрибут alt

<a href="#"><img class="gallery" alt="Advertisement"  src="images/templatemo_ads.jpg" width="71" height="71" alt="" /></a>

Вот спасибо вам большое, добрый человек) Тему можно закрыть.

А можно самый найпримитивнейший примерчик? Хочу посмотреть как правильно вложение организовать

Доброго времени суток господа форумчане. Подскажите пожалуйста, можно ли как-то объеденить table и form. Суть такова, что в табличном формате выводится инфа из БД, а крайний столбец слева содержит checkbox, для массового удаления выбранных данных из бд. Или же можно это сделать как-то по другому. Заранее спасибо всем отозвавшимся)

Вопрос решен маленькой хитростью )

<script type="text/javascript">
<!--
StartDate = new Date('June 23, 2000');
CurentDate = new Date();
Data = (CurentDate.getTime() - StartDate.getTime()) / (1000*60*60*24);
M = Data / 30.4;
Y = M / 12;
M = M - (Math.round(Y) * 12);
document.write('<strong><font color="#6008BB" size="-1">' + Math.round(Y) + ' лет ' + Math.round(M) + ' м. </font></strong>');
//-->
</script>

З.Ы. Спасибо всем отписавшимся, тему можно закрывать!

Доброго времени суток. Есть скрипт который считает сколько времени живет сайт

<script type="text/javascript">
<!--
StartDate = new Date('April 24, 2000');
CurentDate = new Date();
Data = (CurentDate.getTime() - StartDate.getTime()) / (1000*60*60*24);
Y = Data / 365;
M = (Y * 12) - (Data / 31);
document.write('<strong><font color="#6008BB" size="-1">' + Math.round(Y) + ' лет ' + Math.round(M) + ' м. </font></strong>');
//-->
</script>

Проблема в том, что он не правильно считает месяца. Буду благодарен за помощь в решении данного вопроса!

различие между классами и идендификаторами в том что ID - придумал для использования яваскриптом, а классы для описания стилей селекторов.

Да, ID можно использовать в CSS, но это не значит что их нужно использовать. Так же ID ограничивают написания гибких стилей, особенно на страницах с болльшим объемом элементов.

А вот классы придуманы как раз для того что бы упростить и оптимизировать работу со стилями страниц.

Вообще это я и так знал, кроме как:

Так же ID ограничивают написания гибких стилей, особенно на страницах с болльшим объемом элементов.

Вот, простое я понятное объяснение почему именно class а не id)

Я знаю что такое классы. Классы от id отличаются лишь тем, что класс с одним именем может применяться несколько раз, а id это уникальное имя элемента используемое лишь 1 раз на страницу. И я не игнорирую ваши советы, я лишь хочу понять что измениться если я просто в коде id сменю на class? Насчет <br> понял, просто нужно было бы указать размеры блока, и перенос станет автоматическим. Надо же, и не догадался сразу

З.Ы. Нашел сам косяк, при смене разрешения получается

бросай это дело

Не брошу)

ты не хочешь учиться верстке

Хочу!

Про влом\не влом\спать будешь заказчику рассказывать, если найдется хоть один идиот, который будет готов платить деньги.

Да я для себя просто учусь)

P.S. В репу - не забудьте поставить

1)у вас тут есть необходимость использовать Javascript?

Нет, классами мне не так удобно

2)вместо использования br, нужно использовать margin, чтобы не захламлять код(и вообще br предназначен для переведения строки)

Я вообще то и делал перевод строки при помощи <br>

3)какая же это тогда тренировка? Нужно делать все так, как будто это настоящий проект, иначе не имеет смысла тренироваться

Согласен, просто уже хотел спать)

4)нужно использовать классы(всего один), а не плодить id по всей странице

И как мне тогда настраивать каждый элемент отдельно если юзать классы? Только если в тегах дописывать style, но так как то не смотриться)

1. Эмм, эпределения именно не знаю. Но к с ID очень удобно работать при JavaScript разработке, про php не знаю, но наверное так же)

2. Вот чего общего у <br> и margin не вьеду Оо

3. Я знаю что должен быть код читабельным и css регистрозависим. Я просто не придавал названиям значения, т.к. макет лишь для тренировки)

4. Я в курсе что ID можно использовать 1 раз. Назания тут разные))

5. Я писал об этом, влом просто было)

6. Тут тоже просто лень было заморачиваться)

Хм, как то странно. Впервые такое вижу. Именно та часть кода что ты написал (вложив естественно все в <ul>) у меня нормально все отображает. Может ошибка где то в другом месте. Можешь выложить весь код+стили?

Доброго времени суток господа гуру-верстальщики и новички! Сегодня наверное часа за 3 завершил трейнинг-верстку, до которой руки оч. долго не доходили (Не играйте в MMORPG - пагубно влияет на работоспособность). Макетик брал тут, 1-е задание. По заданию там сделать по Мазилу, но у меня норм отображается как в Мазилле, так и в Опере, Хроме, Сафари (в IE смотреть не стоит). Т.е. с заданием как бы справился) Некоторые эллементы я опустил, например как белые треугольнички под ссылками в менюшке (лень было возиться с спрайтами), так и правый нижний блок, сделал сплошной картинкой (просто было влом). В остальном смотрите, оценивайте, немного ругайте

Тыц!

Проблема в position: relative; и отрицательном позиционировании. Для plant, blk, line используйте margin-top: вместо top: -.

Спасибо большое, помогло На будущее буду теперь иметь в виду)

З.Ы. Тему можно закрывать!

Доброго времени суток господа верстальщики! Вот решил сверстать макетик.. Так вроде все норм, ну почти все) А внизу вагон пустого места. Подскажите что не так, заранее спасибо откликнувшимся!

Я в принципе понял суть того кода, на для того чтобы так писать еще привыкнуть) Ну...кто как привык

Ну попиши пока с автодополнением функций (в Notepad++ Опции > Настройки > вкладка "Резерв/Автозавершение"), а потом перейдёшь к зен кодингу.

Да авто завершением я уже пользуюсь) Очень удобная фича Есть какие нибудь еще полезные плагины для NP++?

Можно, почему нет?

Хах, век живи, век учись! Даже и представить не мог что так можно Класс))

Я в принципе понял суть того кода, на для того чтобы так писать еще привыкнуть) Ну...кто как привык

Жесть Лучше писать по старинке, ото с такими шифрами м0ск сломать свой можно

Также юзаю np++, но про Zen Coding впервые услышал. Посмотрел, а он для Python. Смысл тогда?

существенно ускоряет скорость набора верстки.

к примеру что бы сделать список с картинками и ссылами достаточно написать:

div.list>ul>li*10>a[href="#"]>img[src="my-image_$.png"]+span

до чего ж удобно, блин

Это шутка?

За макет респект Просто и со вкусом)

Также юзаю np++, но про Zen Coding впервые услышал. Посмотрел, а он для Python. Смысл тогда?

Ну хз, я просто не представляю даже себе как по jpg что то сделать. У меня по макету с трудом получается и то далеко не всегда, а тут jpg(

Влад, предлагаю создать отдельную тему для желающих поистязать себя. Назвать что то типа "Jpg макеты", коротко и по теме