Clayton

to psywalker 1) Приведите 5 отличий сайта от большой картинки =) 2) Согласен, не люблю жирные шрифты, позволил себе изменить, на такие как мне нравятся. 3) Можно резиновым, сделаю такой вариант чуть позже... 4) А как правильно нарезать и вставлять? Бабочка была протестирована в опере, мозиле, ие7, несткапе, и ие 6. Никуда она денется, 100% =)) 5) Напишите пожалуйста, какие дивы на ваш взгляд не нужные, было б очень полезно знать. to Nekromancer Дивов возможно многовато в шапке, однако, опыта немного - я не нашел другого способа разбить ее на куски, иначе были б более громоздкие/тяжелые картинки...

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

Изменил немного фон боди, если сделать его именно таким как вы пишете, получается что он сливается с центром сайта... Тогда выходит действительно лучше резиновый сделать, однако у на моем ноутбуке 15/4 с резиновым дизайном выходит по 1,5 предложения в колонке =)) Грамозкие жирные шрифты в содержании тоже не выход. Что-то не так в дизайне... Ну-да-ладно...

А нужно ли резиновый? Сначала сделал резиновый - посмотрел, не понравилось, текста мало, выглядит как-то пусто... А по центру ща сделаю...

Попробовал сверстать макет из темы для начинающих. http://www.ivblog.ru/raira/index.htm Ранее толком не пробовал ничего делать, изредка подправлял шаблоны для движков, так что это моя первая верстка с нуля. Наверное дохрена чего не так =) В общем буду всем признателен за критику.

Ах тыш! Я тоже хочу такие вкладочки!

Да, чето двоится под вечер...

Стили для всех ссылок: a:link { color:#; } a:visited { color:#; } a:hover { color:#; } a:active { color:#; } Переопределить можно, например так: .class a:link { color:#; } .class a:visited { color:#; } .class a:hover { color:#; } .class a:active { color:#; } В коде такие ссылки нужно поместить дополнительно в какой нибудь тег, например тег определения <span>.

А как вы себе это представляете? На сервере папка, в папке запись, ну и в каком виде она хранится? Все записи хранятся в базе данных, там им место. Выдрать таблицы конечно можно, ну опять же, для экспорта в другую БД например. А что имеется ввиду: С этого места можно по подробней, уточните что хочет яндекс и гугл, думаю не папки, а что-то другое

Хорошая статейка) Пригодится =)

И еще один момент, пытаюсь таким образом написать свою тему для вордпресс, вид заголовка по умолчанию такой: <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please --> <link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_url'); ?>" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <?php wp_get_archives('type=monthly&format=link'); ?> <?php //comments_popup_script(); // off by default ?> <?php wp_head(); ?> </head> Как видно, адрес общего css отображается с помьщью скрипта, а если добавить под ним условный комментарий, с прописанным вручную адресом , например: <!--[if IE]> <link rel="stylesheet" type="text/css" media="screen" href="http://site.ru/wp-content/themes/name/ie.css" /> <![endif]--> Опять же ие не реагирует, хотя если отрыть просмотр кода в браузере, адреса за исключением последнего идентичные. А вот если сделать так: <!--[if IE]> <link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_directory'); ?>/ie.css" /> <![endif]--> Т.е. через скрипт - Очень даже работает, хотя не пойму, в чем разница, в итоге ведь браузер видит одинаковые адреса? Выкопал эту идею с подобного шаблона, где так же были не лады с отображением в IE. Не знаю пока что это означает, но работает.

Класс! И всего-то надо было порядок стилей поменять! Не думал никак что это уж прям так критически важно, ни в одной статье о б этом не было упоминания. Огромное спасибо! p.s. И на 7-м и на 6-м работает, если использовать комментарий для всех ie браузеров.

Уже не знаю что не так тогда... Вот простые коды: <!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=windows-1251" /> <title>Untitled Document</title> <!--[if IE]> <link href="ie.css" rel="stylesheet" type="text/css" /> <![endif]--> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="other">testing</div> </body> </html> /* Это общий файл CSS, к примеру с рамкой, - style.css - и с верхним отсупом в 100px */ #other { margin-top:100px; background-color:#CCCCCC; border:solid 1px; border-color:#660000; width:500px; height:auto; padding-left:10px; } /* А это файл переопределения для IE, - ie.css - без рамки и c отступом в 50px */ #other { margin-top:50px; } Вот. Ошибок с путями как бы быть не может, ведь свалено все в одну папку, только опять же грю, IE на этот коммент не реагирует, показывает стили с общего css. Ума не приложу что не так...

Мне не совсем понятно, как переопределение проходит? Если я добавляю в заголовок страницы параметр: <!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie.css" /> <![endif]--> При этом в заголовке присутствует так же ссылка на стандартный файл ксс - эксплорер будет реагировать только на стили файла только из вышеуказанного параметра, или будет реагировать только на измененный к примеру класс, в файле ксс для IE? Т.е. я это к чему. В ксс для IE нужно указывать все параметры, либо только те которые нужно переопределить?

Да по мне, так и там и там одинокого возни)) p.s. Ну и третий вариант еще: Если нужно сменить рамку картинке - придется и в шопе и коде возиться )))

Можно так: <div style="background-image:url(bg1.jpg); width:500px; height:300px; padding:5px;"><img src="img1.jpg" alt=""/></div> при условии что картинка не шире 500px и не выше 300px. А лучше конечно в фотошопе сделать сразу.

Не получается добавить для IE отдельный стиль, делаю примерно так: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie.css" /> <![endif]--> </head> IE на него просто не реагирует... Где ошибся?)) Кстати вот так работает: *+html #subtop{ /* 7-й IE */ padding-top:5px; } * html #subtop{ /* 6-й IE */ padding-top:5px; } Однако хотелось просто одно общее свойство для всех IE создать...

Тоже ведь может пригодиться..) Спасибо)

Интересно. А как это выглядело? К примеру вот такой код (без параметра overflow:hidden): <!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=windows-1251" /> <title>Untitled Document</title> </head> <body> <div style="width:900px; height:auto; background-image:url(bgimg2.gif); margin:auto;"> <h1>Заголовок!</h1> <div style="float:right; width:100px; height:100px;">asdf</div> <div style="float:right; width:100px; height:100px;">sdfsdf</div> </div> </body> </html>

Читал про этот параметр, только вот не додумался что в этом случае он нужен. Огромное спасибо!

))))) Хороший класс)

Всем привет! Пытаюсь сверстать макет, чисто на дивах. Имеется див со следующими параметрами: .bgimg4 { width:912px; height:auto; background-image:url(bgimg2.gif); background-repeat:repeat-y; border:0px; } Проблема в том что, как только в этот блок, я помещаю дивы, с заданными параметрами float:left; или right - фоновый рисунок вместе с дивом просто сворачивается наверх о_О, Примерно так как я на картинке изобразил: Вот. Это моя первая верстка, по этому очень прошу не бить сильно, если что не так.