Вёрстка макета acgroup

Cabalist · August 1, 2009

http://testserver.ho.ua/acgroup/ - вёрстка.

p.s. Плагин для прокрутки на jquery не использовал,т.к. блок с картинками пришлось бы делать фиксированым и выровнять по центру,мне просто захотелось что бы всё тянулось

Иван Шумов · August 1, 2009

http://testserver.ho.ua/acgroup/ - вёрстка.
p.s. Плагин для прокрутки на jquery не использовал,т.к. блок с картинками пришлось бы делать фиксированым и выровнять по центру,мне просто захотелось что бы всё тянулось

ну, на самом деле скроллер на jQ можно было сделать нормально

jackus · August 1, 2009

В принципе не плохо. Но я бы отметил:

1) Скрипты желательно вынести в <head></head>

2) Вместо старого тега <b></b> нужно использовать <strong></strong>

3) здесь

<ul class="description">	
				<li><div><a href="#" class="house"><span class="sale_red"></span><img src="img/house.jpg" width="152" height="152" alt="house" /></a>
				<span>Дом на Утиной 75/18</span><span class="price">$375,000</span><a href="#">подробнее...</a></div></li>
				<li><div><a href="#" class="house"><span class="sale_purple"></span><img src="img/house_2.jpg" width="152" height="152" alt="house" /></a>
				<span>Дом на Утиной 75/18</span><span class="price">$375,000</span><a href="#">подробнее...</a></div></li>

				<li><div><a href="#" class="house"><span class="sale_green"></span><img src="img/house.jpg" width="152" height="152" alt="house" /></a>
				<span>Дом на Утиной 75/18</span><span class="price">$375,000</span><a href="#">подробнее...</a></div></li>
				<li><div><a href="#" class="house"><span class="mask"></span><img src="img/house_4.jpg" width="152" height="152" alt="house" /></a>
				<span>Дом на Утиной 75/18</span><span class="price">$375,000</span><a href="#">подробнее...</a></div></li>
				<li><div><a href="#" class="house"><span class="mask"></span><img src="img/house_5.jpg" width="152" height="152" alt="house" /></a>
				<span>Дом на Утиной 75/18</span><span class="price">$375,000</span><a href="#">подробнее...</a></div></li> 
			</ul>

нельзя использовать блочные элементы в инлайновых, то есть нельзя помещать <div></div> в <li></li>

4) И еще к ссылкам нужно добавлять атрибут title, в остальном вроде все хорошо.

Cabalist · August 1, 2009

1) Скрипты желательно вынести в <head></head>

А они где у меня?

2) Вместо старого тега <b></b> нужно использовать <strong></strong>

Хорошо поправлю.

3) здесь

<ul class="description">	
				<li><div><a href="#" class="house"><span class="sale_red"></span><img src="img/house.jpg" width="152" height="152" alt="house" /></a>
				<span>Дом на Утиной 75/18</span><span class="price">$375,000</span><a href="#">подробнее...</a></div></li>
				<li><div><a href="#" class="house"><span class="sale_purple"></span><img src="img/house_2.jpg" width="152" height="152" alt="house" /></a>
				<span>Дом на Утиной 75/18</span><span class="price">$375,000</span><a href="#">подробнее...</a></div></li>

				<li><div><a href="#" class="house"><span class="sale_green"></span><img src="img/house.jpg" width="152" height="152" alt="house" /></a>
				<span>Дом на Утиной 75/18</span><span class="price">$375,000</span><a href="#">подробнее...</a></div></li>
				<li><div><a href="#" class="house"><span class="mask"></span><img src="img/house_4.jpg" width="152" height="152" alt="house" /></a>
				<span>Дом на Утиной 75/18</span><span class="price">$375,000</span><a href="#">подробнее...</a></div></li>
				<li><div><a href="#" class="house"><span class="mask"></span><img src="img/house_5.jpg" width="152" height="152" alt="house" /></a>
				<span>Дом на Утиной 75/18</span><span class="price">$375,000</span><a href="#">подробнее...</a></div></li> 
			</ul>

нельзя использовать блочные элементы в инлайновых, то есть нельзя помещать <div></div> в <li></li>

Понимаю,но это хак такой для firefox 2,только так он корректно отображает элементы с display:inline-block; да и потом валидатор не ругается,значит ничего страшного

4) И еще к ссылкам нужно добавлять атрибут title, в остальном вроде все хорошо.

Спасибо,благодарю за критику)

ну, на самом деле скроллер на jQ можно было сделать нормально

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

jackus · August 1, 2009

А они где у меня?

В боди.

<body><script type="text/javascript">var lgn='testserver';</script><script type="text/javascript" src="http://hoad.vlasenko.net/hoad.js"></script>

Edited August 1, 2009 by jackus

Cabalist · August 1, 2009

В боди.

<body><script type="text/javascript">var lgn='testserver';</script><script type="text/javascript" src="http://hoad.vlasenko.net/hoad.js"></script>

А вы про этот скрипт))так это хостинг сам вставляет,я тут не причём

psywalker · August 2, 2009

Cabalist

1) Твой стиль, а точнее опять шрифты, размеры, жирность опять не соответствуют макетным!

2) Меню с Коттеджами желательно сделать правильно, но так как ты не знаешь JS, это тебе прощается, я сам не знаю, но мне сделал знакомый, позже продемонстрирую

3) Блоки: "Агенство трали-валли" в шапке, и Блок: "Банковский конфискат в Испании" в центре, при заполнении текстом становятся нечитаемыми, это плохо, позже опятьже покажу, как нужно было сделать.

4) Логотип нужно было поместить в h1, а не в <div class="logo"> и вообще на будущее так делать всегда!

Пока визуально вроде всё

Вот я давно уже верстал, посмотри, как примерно должно было выглядеть. На то, что немного не доделано и т. д., не обращай внимание, главное улови суть!

http://psywalker.ru/SAITS/Acgroup/acgroup/main-page.html

p.s. - кстати замути себе уже платный хостинг наконец, или ты себя вообще не уважаешь? Запарили эти твои скрипты и прочее говно, да и потом ты уже достиг уровня, на котором просто необходимо обзавестись таковым

вот тебе ссылка на мой хост, я им уже давно пользуюсь, нормальная вещь, для твоих нужд выше крыши хватит http://hc.ru/ru/ , неужели у тебя не найдётся 200 рублей в месяц ради такого дела, а тем-более раз ты встал на этот путь, то тебе это нужно полюбому

Edited August 2, 2009 by psywalker

Cabalist · August 3, 2009

Cabalist
1) Твой стиль, а точнее опять шрифты, размеры, жирность опять не соответствуют макетным!

psywalker,согласен,но вот сверстаешь ты со шрифтами которые в шопе указаны,а потом заказчик удивиться почему на макете шрифты не так смотрятся,а всё потому что в шопе для них shape например включён,а в css такого свойства нет))поэтому я предпочитаю верстать визуально схоже,а не технически,пока никто не жаловалсяне знаю может быть у тебя какой нибудь другой подход

2) Меню с Коттеджами желательно сделать правильно, но так как ты не знаешь JS, это тебе прощается, я сам не знаю, но мне сделал знакомый, позже продемонстрирую

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

3) Блоки: "Агенство трали-валли" в шапке, и Блок: "Банковский конфискат в Испании" в центре, при заполнении текстом становятся нечитаемыми, это плохо, позже опятьже покажу, как нужно было сделать.

Так и знал что кто-нибудь проверит Исправлю.

4) Логотип нужно было поместить в h1, а не в <div class="logo"> и вообще на будущее так делать всегда!

А вот тут вот поподробнее,почему именно в <h1>?С точки зрения семантики это не правильно,для поисковиков это тоже никакой ценности не несёт,так почему же я должен всегда в <h1> логотип засововать?

p.s. - кстати замути себе уже платный хостинг наконец, или ты себя вообще не уважаешь? Запарили эти твои скрипты и прочее говно, да и потом ты уже достиг уровня, на котором просто необходимо обзавестись таковым

Меня тоже достала вся эта херня со скриптами и прочей фигней,но я сейчас тупо на мели,понимаешь?Мне сейчас важнее купить пожрать себе что нибудь и девушке подарок прикупить,чем оформлять хостинг Будут бабки,будет хостинг,за ссылку спасибо!))

psywalker · August 3, 2009

1) Основной шрифт на странице был обычный, который есть на всех компах

2) Может быть и можно замутить, я к сожалению тоже не знаю способа

3) Исправь обязательно

4) А вот тут уже сегодня у меня появились сомнения с утра и я даже создал топик, за ответом сюда: http://forum.htmlbook.ru/index.php?showtop...mp;#entry109114

5)

p.s. - кстати замути себе уже платный хостинг наконец, или ты себя вообще не уважаешь? Запарили эти твои скрипты и прочее говно, да и потом ты уже достиг уровня, на котором просто необходимо обзавестись таковым cool.gif
Меня тоже достала вся эта херня со скриптами и прочей фигней,но я сейчас тупо на мели,понимаешь?Мне сейчас важнее купить пожрать себе что нибудь и девушке подарок прикупить,чем оформлять хостинг smile.gif Будут бабки,будет хостинг,за ссылку спасибо!))

Понял тебя, тогда конеш еда необходимее, молодец!

harrids · August 4, 2009

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

jCarousel

Sign In

Вёрстка макета acgroup

Recommended Posts

Cabalist

Link to comment

Share on other sites

Иван Шумов

Link to comment

Share on other sites

jackus

Link to comment

Share on other sites

Cabalist

Link to comment

Share on other sites

jackus

Link to comment

Share on other sites

Cabalist

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Cabalist

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

harrids

Link to comment

Share on other sites

Обсуждения

Forums

Important Information