Выполняю xHTML верстку

kir_ill · April 5, 2010

Здравствуйте!

Выполняю xHTML верстку.

DIV-ная, табличная, смешанная, валидная.

Чистыый код.

Цена зависит от сложности макета.

По аське 4нуль76нуль3653 сообщу мыло.

Первый клиент - за отзыв.

kir_ill · April 14, 2010

В портфолио появилась первая стоящая работа. Могу выслать архив для оценки кода.

ICQ: 40 семь 760365 три

psywalker · April 15, 2010

В портфолио появилась первая стоящая работа. Могу выслать архив для оценки кода.
ICQ: 40 семь 760365 три

Да лучше выстави в раздел "Обсуждение работ", заценим.

Verder · April 15, 2010

Да лучше выстави в раздел "Обсуждение работ", заценим.

А может не надо, а? Не хочу в бане опять оказаться после ответа на такое:

...появилась первая стоящая работа

40 семь 760365 три

По аське 4нуль76нуль3653 сообщу мыло.

psywalker · April 15, 2010

А может не надо, а? Не хочу в бане опять оказаться после ответа на такое:

Ну да, тоже верно) Наверное я погорячился.

kir_ill · April 15, 2010

О! Активность в моей теме

Немного юмора:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
	<meta http-equiv="Content-Language" content="ru" />
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<title>Немного юмора</title>
	<style type="text/css">
	  html, body, div { margin: 0; border: 0; padding: 0; }
	  html, body { height: 100%; }
	  * { margin: 0; border: 0; padding: 0; }
	  body { width: 700px; margin: 0 auto; background: #ccc; }
	  h1 { font: normal bold 30px arial, sans-serif; }

	  .main { min-height: 100%; position: relative; height: 100%; background: green; }
	  .header { position: absolute; top: 0; width: 700px; background: #fff;}
	  .header .h_text { text-align: center; }

	  .main .content { overflow: hidden; width: 700px; height: 100%; }

	  .left { float: left; width: 500px; padding-top: 80px; }
	  .left .l_text { margin: 20px; }

	  .right { float: right; width: 200px; padding-top: 80px; background: #fff; height: 100%; }
	  .right .r_text { margin: 20px; }

	  .main .footer { position: absolute; bottom: 0 !important; bottom: -1px; left: 0; width: 680px; padding: 10px; background: #fff; }
	  .main .footer .f_text { text-align: center; }
	  .main .footer .word {  font: normal normal 20px arial, sans-serif; }
	</style>
  </head>
  <body>
	<div class="main">
	  <div class="content">
		<div class="left">
		  <div class="l_text">
			<p />- А может не надо, а?
			<p />- Ну не надо, так не надо.
		  </div>
		</div>
		<div class="right">
		  <div class="r_text">Лорем ипсум долор сит амет туды ее в качель язык сломать можно...</div>
		</div>
	  </div>
	  <div class="footer">
		<div class="f_text">Заба<span class="word">б</span>ахаю еще вариант д<span class="word">л</span>я ICQ: четыре 076036 п<span class="word">ять</span> 3</div>
	  </div>
	</div>
	<div class="header">
	  <div class="h_text">
		<h1>В портфолио появилась вторая стоящая работа. Это она.</h1>
	  </div>
	</div>
  </body>
</html>

LunatiK · April 15, 2010

<p />

Юмор не допетрил. Мож я один такой ?

One · April 15, 2010

тоже что-то не понял ...

psywalker · April 16, 2010

Да, надо бы извинится перед ТС, действительно стоящая работа.

1)

<p />

- Вот это отличная помесь и , наверное это спец.тег какой-то новый, нами пока неизведанный. Что нибудь из HTML5 видимо.

2) Заголовок первого уровня в футере, как и положено.

<h1>В портфолио появилась вторая стоящая работа. Это она.</h1>

3)

font: normal normal 20px arial, sans-serif; bottom: 0 !important;

- Вот тут сразу в глаза бросается профессионализм, такое редко встретишь.

4)

//W3C//DTD XHTML 1.1/

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

5)

charset=windows-1251" />

Кодировка кажись самая последняя, если не ошибаюсь.

6) div { margin: 0; border: 0; padding: 0; } - Блин ТС, ты не у меня ли подсмотрел обнуление дивов, просто я так всегда делаю?

7) Проверил вёрстку в браузере (в самом плохом, ФФ), заполнил текстом контентную часть, внизу всё обрезало нахрен. Видимо браузер что-то подводит, нужно в ИЕ смотреть.

8)

DIV-ная, табличная, смешанная, валидная.

- Ой, мне вначале показалось, что не смешанная, а смешная, хаа, прикол)

Да, вёрстка серьёзная, а значит и клиенты будут не хуже.

rus · April 16, 2010

psywalker - плус адын ©AMD

kir_ill · April 16, 2010

"Тебя я понял. Умолкаю. Не то по шее получу и подвиг свой не совершу" - цитата из к.ф. "В бой идут одни старики".

Некоторое спорно, с чем-то соглашусь. Но это: "windows-1251" и это: "обнуление" ДИВОВ - выходит за все допустимые паддинги, бордеры и марджины.

Про class="header", скажу, что иногда :unsure: (как сейчас) это бывает нужно. Увы. Правда во "второй стоящей работе" не раскрыто почему. Ну да ладно.

Наверное это я должен просить прощения за то, что написал, что первая работа за отзыв, но не написал за какой. Конечно же я имел в виду положительный отзыв. А получилось так... Простите.

Justnewone · April 16, 2010

"Тебя я понял. Умолкаю. Не то по шее получу и подвиг свой не совершу" - цитата из к.ф. "В бой идут одни старики".
Некоторое спорно, с чем-то соглашусь. Но это: "windows-1251" и это: "обнуление" ДИВОВ - выходит за все допустимые паддинги, бордеры и марджины.
Про class="header", скажу, что иногда (как сейчас) это бывает нужно. Увы. Правда во "второй стоящей работе" не раскрыто почему. Ну да ладно.
Наверное это я должен просить прощения за то, что написал, что первая работа за отзыв, но не написал за какой. Конечно же я имел в виду положительный отзыв. А получилось так... Простите.

- а это, к сожалению, не упомянули. А было интересно.

mishka · April 16, 2010

Не пишу в подобных темах("Коммерческие услуги"), чтобы не флудить. Мне ведь не нужны эти услуги, и также я ничего немогу предложить тем кто предлагает услуги по веб разработке. Вот и нелезу сюда. ... обычно...

Но вот не выдержал. Что за форум такой где ктото хочет когото обгадить?

Взгляд со стороны:

Действие:

- Услуги предлагает постоялец форума.

Реакция:

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

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

Действие:

- Услуги предлагает не постоялец.

Реакция:

- Куча негативного флуда. Где как дети малые флудят и показывают свою осведомленность в том как нехорошо и неправильно ТС выполняет работу.

Противно.

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

s0rr0w · April 17, 2010

Реакция:
- Куча негативного флуда. Где как дети малые флудят и показывают свою осведомленность в том как нехорошо и неправильно ТС выполняет работу.
Противно.

Кучи негативного флуда не увидел.

На счет кодировки - это все нездоровый фанатизм. utf8 имеет серьезный недостаток - 2 байта на символ. На больших документах это примерно x1.75 к трафику

kir_ill · April 17, 2010

Добью!

"Они сошлись - вода и камень, стихи и проза, лед и пламень" - цитата из романа в стихах автора "Наше Все" :unsure:

1. Очень много вопросов про тег ... Странно, что тут удивительного?.. Поищите в интернете и все поймете. Наконец, проверьте валидатором. Слышу уже возгласы: "Валидатор много чего пропускает. И что теперь?...". Но что оставить, а что убрать выбор каждого. Я решил оставить

2. Про заголовок первого уровня уже писал. Допетрите сами, в каких случаях это нужно.

3. Использование !important - это запрет? Но об этом позже... Там поинтересней

4. Поставьте хоть "XHTML 1.0 STRICT", что-нибудь изменится? (Разумеется в данном случае)

5. Про кодироку уже писал.

6. Нарциссизм (весна, пора любви) (см. раздел про кодировку)

7. Ну так в ИЕ посмотрели или нет? Чего сразу заткн... клаваиатура сломалась написать отзыв про макет в ИЕ?

8. Остроумно, но в конкурентной борьбе (Ах да, простите, я же вам не кокурент)... Замяли...

А вот теперь самое главное:

Единственное к чему можно придраться к моей работе - это там где "обрезало нахрен", но и на это есть ответ - бывает что приходится верстать главную страницу сайта, где не должно (заказчик!) быть линий прокруток. Весь контент размещается так, чтобы не выходил за рамки окна браузера. Вот и все. А нет не все - самое глвавное:

Придирки все отпали, я надеюсь. Но я специально сделал одну ошибку, которую как раз ГУРУ и не заметили. Это бросает тень как на САМИХ так и на тех, кто рекомендовал их работы. Ну да ладно. Я погорячился. Просто дело было в 6 утра - понятно, что еще ГУРУ не "вошел в струю".

А вот и ошибка:

"bottom: 0 !important; bottom: -1px;" - это говорит о том, что в ИЕ7+ футер будет на 1 пиксель меньше чем в ИЕ6. Но как это исправить допетрите сами. Повторю - про это ни слово никто не сказал. Профи, блин.

Адиос мучачос.

mishka · April 17, 2010

"bottom: 0 !important; bottom: -1px;" - это говорит о том, что в ИЕ7+ футер будет на 1 пиксель меньше чем в ИЕ6.

Да тут действительно написанно ошибочное утверждение.

Так как на пиксель меньше футер будет не в ие7+, а в ие6. Потому что ие6 неправильно просчитывает значение right и bottom при ширине/высоте родителя в непарное колличество пикселей.

При фиксированной ширине/высоте родителя вполне можна обойтись таким приемом как сделал ТС. От себя добавлю что мне больше по душе запись без "!important" типа:

.box{right:0;}

* html .box{right:-1px;}

но это кому как удобнее.

При не фиксированных размерах родителя я использую експрешн для ие6.

Интересно узнать кто как поступает в подобных случаях.

Ээхх конечно мой пост далек от комерции, но вполне связан с темой последнего сообщения ТС.

Уверен что kir_ill, это сделал нарочно, но я ведь тоже постоялец форума :unsure: ну и немог мимо пройти. Так как

Повторю - про это ни слово никто не сказал. Профи, блин.

Почемуто я это посчитал камешком в общий огород форумчан.

Edited April 17, 2010 by mishka2

rash · April 18, 2010

Кучи негативного флуда не увидел.
На счет кодировки - это все нездоровый фанатизм. utf8 имеет серьезный недостаток - 2 байта на символ. На больших документах это примерно x1.75 к трафику

При каких нагрузках это становится серьезным недостатком, перекрывающим преимущества?

Хотя насчет нездорового фанатизма — да, есть такое, фанатизм вообще здоровым не бывает.

s0rr0w · April 18, 2010

При каких нагрузках это становится серьезным недостатком, перекрывающим преимущества?

Когда средний размер запрашиваемых данный приближается к 2м мегабайтам

Justnewone · April 18, 2010

Национальные кодировки никогда не умрут. Снова попытки сложить проблемы разработчиков на пользователя. UTF интересен только на простых сайтах, а они не особо лежат в сфере интересов контор-разработчиков спец ПО.

s0rr0w · April 18, 2010

Национальные кодировки никогда не умрут. Снова попытки сложить проблемы разработчиков на пользователя. UTF интересен только на простых сайтах, а они не особо лежат в сфере интересов контор-разработчиков спец ПО.

Не только на простых сайтах, но и в Интранете. Для SAAS UTF8 не сильно применим.

hf3 · April 19, 2010

Национальные кодировки умрут. единственный их плюс - размер.

Но скорости интернета растут в геометрической прогрессии.

А самый большой плюс - стандартизация - в итоге возьмет своё.

kir_ill · April 28, 2010

Приветствую!

Опять свободен и жду заказов.

ICQ 4нуль76нуль3653

kir_ill · May 17, 2010

Тема все еще актуальна. По крайней мере для меня.

BassEast · May 17, 2010

Поверстали бы пока просто так, ради спортивного интереса - это будет более плодотворно и конструктивно.

kir_ill · June 8, 2010

UP

Sign In

Выполняю xHTML верстку

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Обсуждения

Important Information