Leaderboard

Уважаемый, прежде чем клеветать, советую поднабраться доказательств моих оскорблений. Если по радио произнесут фразу "Йо, быть быдлом модно!", вы на себя ее примените? Речь идет про вас? Или все-таки нет? С кем вы себя отождествляете? Все происходит с завидной цикличностью.

Не "почему-то", а по причине более высокой специфичности...

Нет никакого HTML4, XHTML1, HTML5 - есть просто HTML. Неважно, что автор пишет (или думает, что пишет), важно, что (и как) браузер парсит.

HTML4 vs XHTML1: В какой-то промежуток времени XHTML1 был очень модным трендом. Из-за более строгого синтаксиса, многие считали, что он указывал на профессионализм верстальщика. За этот интервал времени многие прывыкли к синтаксису XHTML1 или он им более понравился нежели HTML4(я в том числе). Мне(и многим) интересней было верстать на XHTML1 больше, а сложностей он, практически, не прибавлял... Почему же тогда не использовать?) ИМХО В общем, XHTML1 - это модно(было, щас эта эстафета переходит к HTML5) для многих, в том числе заказчиков. HTML4/XHTML1 vs HTML5: Почему чаще встечаеться XHTML1, чем HTML5? Потому-что: 1. HTML5 - новый формат, он начал использоваться всего ~2 года назад(а активно и того меньше...) и только начинает глобально распространяться. 2. Даже сейчас многих сдерживает: незнания, лень/нежелание учить что-то новое, время... Но HTML5 - это уже не просто модный тренд, как было с XHTML1, это будущее верстки. Почему? На этот ответ можно написать десертацию... Если нужно будет(или не в курсе), поделюсь ссылками на хорошие статьи на тему HTML5.

"Меня гложут смутные сомнения - у Шпака магнитофон, у посла медальон..." Можно раздел во флейме создать, "тайные истории с Брендмастером", валютные махинации, стрелки 90-ых, Триада) да да я знаю сообщение не по разделу. но елы-палы, я не могу xD

Присоединяйся к нам в telegram t.me/htmlforum

Собственно говоря, я заметил, что почти все сайты, которые я посещаю используют именно XHTML, а не HTML4.01 или HTML5. Теперь мне ужасно интересно, почему выбирают именно эту технологию, ведь в ней не так много интересных фишек, как например в HTML5. Да и имеет XHTML более строгий синтаксис, чем те же HTML5 и HTML4.01. Так вот, почему именно эта технология?

да, я этот косяк помню. но все таки сверстал именно так как есть. потому что дизайнер не предусмотрел способа размножить фон заголовка по вертикали. то есть если я его тупо размножу через репит, то получится некрасиво("плитка"). Кстати интересно как поступил бы профессионал, если бы оказался в подобной ситуации. Часто случается, что дизайнер редко задумывается о дизайне, который выходит за рамки статического макета. Поэтому, часто приходится доделывать за него мелкие недоработки. Я думаю, что в этой ситуации можно было бы просто прибить фон к низу чтобы красная лента встегда была в нижнем правом углу, а стрелочка внизу, а сверху залить серым цветом. Плюс, сделаеть адекватный line-height, а отступы сверху/снизу - паддингом. Таким макаром можно добиться минимального адекватного отображения. Скорее всего, в этом вопросе сказывается то, что вы, возможно, не работали напрямую с какой-нибудь CMS - или не применяли на нее дизайн, или не забивали контент. Представьте себе ситуацию, когда вы отдали верстку программисту, он ее кое-как применил и начал забивать реальный контент. Все изображения, загружаемые в админке на выходе всегда будут IMG. И сейчас, где бы он не вставил переменную, которая выведет это изображение в блоке новостей, оно сломает ему дизайн этого блока. Плюс, если он не сильно шарит в CSS, то он не разберется, что это за блок такой <div class="icon icon2"></div>, и почему он отвечает не за дизайн элементов, а за контентный объект. Clearfix тоже может давать проблемы, типа ненужной зависимости от других колонок. Имхо, отдельный контекст всё-таки как-то понадежнее. Естественно, нет смысла вставлять clearfix везде, куда дотянутся руки. В блоках новостей или других списках вполне достаточно делать overflow:hidden, но добавлять его родителя блоков mainL и mainR, по моему, это преступление Тут лучше уж было бы сделать классический clear:both по ними, чем такое. Тем не менее, эта проблема возникает довольно часто, потому что всякие выпадушки-попапы как раз и лежат в блоках с position:relative Можно и обсудить, но исходя из своего опыта могу утверждать, что минимальный классический clearfix подходит для 95 случаев из 100

У 4-го айфона с точки зрения CSS (включая media queries для width/height) разрешение такое же, как у предшественников — 320?480. Просто шрифты рисуются вдвое четче (и, потенциально, уменьшенные картинки тоже). Сузить экран десктопного Сафари до таких размеров — имхо, да, даст близкое представление об отображении в айфоне, если для страницы задать <meta name="viewport" content="width=320">. Но вообще, боюсь, статью (можно в переводе) поизучать всё-таки придется — нюансов там действительно много...

Вообще то, если это форма, то принципиально делать инпутом.

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

А можно, я немного тоже покритикую. Первое, что бросилось в глаза - на странице куча графических объектов, а вы совсем не используете спрайты. Здесь их общее количество можно было бы уменьшить раз в 10, а у вас даже стрелочки ротатора - разные файлы. И какое уж тут попиксельное задротство, если сервер будет нагружен таким количеством запросов. Скрипты и библиотеки лучше подключать внизу. jshowoff.css я бы оформил в общий файл стилей, он не такой большой, чтобы его отдельно держать. В текстовых инпутах, таких как в поиске, лучше использовать нативный параметр placeholder с фиксом под ie. С заголовками в правом сайдбаре совсем все плохо: несмотря на то, что они идентичны, вы для каждого из них делаете отдельный класс .videonews h2, .calendar h2, .photogallery h2 и тд. Плюс, если вдруг в заголовке текст перепрыгнет на вторую строку, то все развалится. Мне кажется, тут нужно делать более универсальный вариант. CSS тоже ужасен в некоторый местах. К примеру, от таких строк .news3 .news3_body .news3_bodyM ul li .icon1 хочется плакать. Наверное, вы не сталкивались еще с поддержкой больших проектов. Да и среднего размера тоже. Из-за таких макарон приходится заново перепедаливать блоки стилей. Почему б не назвать эту иконку просто - .new3_icon1? Да и по сути - это не иконка. Ведь это же блок "наши новости", т.е. подразумевается, что там будет динамический контент с обновляемыми новостями, значит там должен быть img src. В том же блоке новостей стоило бы объединить в один блок с дату и раздел. В стилях можно найти еще много скверных вещей. Например, в стилях .videonews ul li.last .videonews ul li h3 ul li - избыточно. Вполне достаточно писать .videonews .last .videonews h3 Да и вцелом, css неаккуратен - пустые классы, разнобой в их названиях, закомменченые строки и опять же - излишняя избыточность. Но знаете, какой ваш самых большой грех? Вы не используете clearfix для очистики флоат потоков, хотя в стилях он предусмотрен, а тупо везде ставите overflow:hidden. Это чревато большими неудобствами на живом проекте. Сразу проблемы с печатью, с возможными лайтбоксами и тултипами, выпадающими шуками и всем таким. Возможно, вы возразите, что тз совсем другое и что вы просто хотели сделать pixelperfect-верстку. Однако, грош цена такой верстке, если ее не примут ни как тестовое задание, ни как заготовку к проекту. Вместо этого, вы оттачиваете вредные привычки, за которые в нормальных веб-студиях бьют по рукам.

Вот, что с вами делать...

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

Битрикс достаточно низкопробный продукт, да как и вся продукция 1С. Делать сайт под любой движок не сложно, если ты специалист. Другой вопрос поддержка, обслуживание и конечная стоимость. Любой движок при нестандартных требованиях необходимо допиливать под себя. У битрикса сильный маркетинг и не более. А если не видно разницы, то зачем платить больше?)

советую перед тем как показывать верстку пройтись по основным критериям этой статьи http://habrahabr.ru/post/114256/

Рус, поздравляю! Желаю учиться, учиться и учиться. Экспериментировать и читать документацию. Читать документацию и экспериментировать. И стать настоящим Профессионалом с большой буквы. У тебя все для этого данные есть.

Это всё равно делается средствами css с минималистичной разметкой. Максимум можно добавить один лишний элемент, если действительно требуется полная поддержка IE7.

В корне не согласен. Оо Надеюсь Вы пошутили про структуру) Структура из 100500 тысяч мильЙоноф файлов (например, папка bitrix/templates/bitrix/view/bitrix/bitrix/other/bitrix ...) - это я утрирую конечно, но примерно так и происходит. Извольте, это не структура ... это как попало. Чтобы дорыться до нужного файла и места в коде нужно пересобачить 20 папок. Логики в этой CMS, или как меня поправили - CMF, совершенно нет) Работал с довольно широким набором систем и это первая, где я просто рыдал в поиске решений, включая документацию. К тому же, я привык заниматься делом, а не "книжки" читать. На это часто нет времени. Скажу, что даже установить чистый дистрибутив системы на сервер мне так и не удалось в виду массы несовместимостей. С горем пополам я завершил проект на Битриксе и в дальнейшем браться за него не буду и никому не посоветую. Её используют, потому что это модно.

margin: 0 auto;

В браузерах с HTML5-парсером даже так

Отнюдь. Он тупо находит элемент со странным именем "test:div" в дефолтном для HTML5 неймспейсе, и работает с ним как с любым неизвестным...

Ну, тогда и моё минималистичное видение. Никто ведь не против?

Теперь понятно откуда те три темы в "Сверстайте бесплатно". Не зря я спросил, получишь ли ты деньги за это. Теперь опять халявки захотелось? За обман банят? Желательно навсегда. п.с. Если в мире существует карма - ты её хорошенько так себе подо*рал. Шлю тебе ментальные лучи г*вна, милашка.

А вот мой набросок :

И сколько может стоить это пособничество в незаконном деянии?

Какой милый развод лохов! Люди за жалкие три тыщи готовы карму себе портить навечно Автор, перестань лить сопли. На мелких кидках жизнь себе не сделаешь. Если уж хочешь успеха - кидай по-крупному!

итить, только хотел писать что ТС переигрывает с девяностыми да с "не на словах решают". Во юный аферист.

Вот теперь это смахивает на очередную попытку раскрутить народ бесплатно работать. В Нижнем повсюду объявления "интернет магазин за 3000 рублей". Самолично видел на прошлой неделе.

За дураков-то не держите: http://clip2net.com/s/1RmaB , http://clip2net.com/s/1Rma9 http://ipgeobase.ru/?address=109.184.194.7 Некрасиво так делать.

brendmaster, ничего страшного, я тоже так один раз попался и платил со своего кармана, ты сам на это пошел не под дулом же

А Вы что, деньги фрилансеру заплатили до окончания работы? Зря "гаситесь". Это только усугубит ситуацию.

Видимо считает, что если девушка, то помогать будут усердней

Да чё, влип. Говори клиенту все как есть. И ищи человека который бы смог все быстро поправить. Возможно тебе прийдется из своих денег добавить ему, но тут выбор -- теряешь лицо или теряешь деньги(смотря за сколько договоришся).

Seemann, я сам не в восторге от нее, но ее и используют ради ее функционала, в чем джумла конечно же уступит на раз-два. и да, битрикс это не cms, а cmf З.Ы. сложности только закаляют

Походу дела весь портфель ему сверстали на разных форумах)) Хорошая студия! С удовольствием такой бы доверился и сделал у неё заказ!

Вот ведь развели Я, например, говорю «на Украине», потому что мне так нравится. Поскольку нет однозначного правила, касающегося того, как правильно говорить, а весомые аргументы есть как у той, так и у другой стороны, то я не буду переучиваться и буду говорить как привык. И хотя «в Украине» коробит мой слух, я никому не делаю замечаний и ни с кем не спорю по этому поводу. Хотя, если честно, если и придумают правило говорить «в Украине», то я так говорить всё равно не стану, потому что считаю это неправильным, как, например, говорить йогу?рт, а не йо?гурт — надо было каким-то кретинам что-то сделать, чтобы денег отмыть, вот и за 5 минут и придумали что-то. Хотя, например, про «кофе» абсолютно согласен — можно говорить о нём в среднем роде. Что касается отношений русских и украинцев, то я считаю нелепым спорить между собой, ибо, мы по сути братья и в данный надо укреплять коренное население на своих териториях и не допускать чужаков, а вот когда уже всех прогоним, то тогда уже можно будет и между собой разобраться. Нисколько, опять же, не призываю к какому-либо геноциду и розни по цвету кожи и прочим половым признакам, поскольку считаю, что, например, русским является человек, считающий Россию своей страной, готовый защищать интересы страны и народа, который думает на русском языке и, собственно, считающий себя русским. А уж родителей не выбирают. То же касается абсолютно всех наций.

Можно пруф?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <title>Хитрая таблица</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"> <link rel="stylesheet" type="text/css" href="tab1.css"> <style type="text/css"><!-- #tabGl th, #twoTab td {width:100px; font-weight:normal;} #tabGl, #twoTab {table-layout:fixed;} #tabGl, #twoTab {width:100%;} .tab2 {width:100%; height:300px; overflow:auto;} --></style> </head> <body> <table border="1" cellpadding="0" cellspacing="0" id="tabGl"> <col><col span="2" style="width:9%;"> <tr><td>Ключевое слово </td><td>Частота </td><td>Цель </td><th>12 Августа </th><th>13 Августа </th><th>14 Августа </th><th>15 Августа </th><th>16 Августа </th><th>17 Августа </th><th>18 Августа </th></tr><tr><td>Вода </td><td>1 </td><td>100 </td><td colspan="7" rowspan="11"><!-- 1 лишний ровспан для прокрутки --> <div class="tab2"> <table border="0" cellpadding="0" cellspacing="0" id="twoTab"> <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr></table> </div> </td></tr><tr><td>Вода </td><td>2 </td><td>100 </td></tr><tr><td>Вода </td><td>3 </td><td>100 </td></tr><tr><td>Вода </td><td>4 </td><td>100 </td></tr><tr><td>Вода </td><td>5 </td><td>100 </td></tr><tr><td>Вода </td><td>6 </td><td>100 </td></tr><tr><td>Вода </td><td>7 </td><td>100 </td></tr><tr><td>Вода </td><td>8 </td><td>100 </td></tr><tr><td>Вода </td><td>9 </td><td>100 </td></tr><tr><td>Вода </td><td>10 </td><td>100 </td></tr><tr><td> <!-- пустышка для прокрутки --> </td><td> </td><td> </td></tr></table> </body> </html> На одном из форумов предложили такой вариант, но кажется, он не совсем подходит, ибо там таблица в таблице. Я тоже так сначала пытался.

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

Hellyeah!

плачу 300р. самому просто лень делать, ну честно. А шаблон на самом деле бесплатен, для моего друга. Будет сайт замена этому http://www.expressmilano.com

Нарисовал шаблон для своего сайта, а что дальше не знаю, хотел бы его под joomla 1.5 заточить. Буду очень признателен если кто поможет. Ну или просто по мере хода подсказывать как че делать, я просто 1 раз верстал всего и то неудачно, схватываю быстро

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

Я честно в потерях..мне клиент 2 дня звонит...я гашусь. И этот молчит, слил меня. Нервы на пределе

Да хз че делать, клиент из моего города. Знает где работаю. Так можно было удаленно объяснить ситуацию, а эти вряд ли поймут, люди выросшие в 90, решают все не словами. Да и денег нет, вот 3000 есть. Я в такую яму попал, главно 3 заказа до этого сделал без проблем, этот фрилансер. Сейчас написал что мол через 3 часа готово будет, только вот вчера весь день игнорил, а позавчера писал что будет к вечеру того дня все готово. Срок завтра уже работать должно. Вот думаю вешаться или нет :( Видимо считает, что если девушка, то помогать будут усердней Какая девушка? Нет, 50% предоплата была - 3000р и после окончания 50%, говорю же что 3 заказа подряд было без задоринки выполнено.

Через что? Чересчур может? Чересчур и образовано от этих двух слов: через и чур. И вообще, если даже считаете, что человек написал неправильно с точки зрения правил языка, зачем прямо на это указывать? мы все таки не в школе.

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

значит попиксельное соответствие макету — это ошибка. Как просто догнать современную действительность: ставим простой доктайп, забываем про самые бредовые ограничения xhtml вроде запрета на атрибут target, обязательность атрибута alt или обязательность закрытия всех тэгов — и этого на первое время достаточно. Дальше можно вникать глубже, изучать. И нужно не забывать, что старые браузеры не знали, что такое xhtml и интерпретировали его как почти html, а новые браузеры уже и знать не хотят, что такое xhtml, и интерпретируют его как html5, в котором допустим и такой синтаксис тоже. А надо ли? Он ведь не выдержит критики. Одна из распространённых ошибок начинающих верстальщиков — панический страх перед таблицами. Видимо считают, что злые форумные завсегдатаи жестоко унизят, как только увидят тэг <table>. Это не так. А если бы и так — что с того? Возможно, стоит разок-другой в учебных целях сверстать таблицу дивами (абзацами, ссылками — какая разница, по сути то же самое), но на практике так делать не нужно. по поводу ширины столбца — соглашусь, вопрос в большей степени к дизайнеру. Но по поводу перекрытия картинки заголовком — исключительно к верстальщику.