Ресурс, который помогает

Тема: Вёрстка Расширенный поиск по форуму
 
Новая тема Новая тема   Ответить Ответить Перейти на страницу «Пред.  1, 2 
Автор Сообщение
Информация о пользователе 3Sky
Модератор
Отдохнул :)

Зарегистрирован: 19.10.03
Сообщения: 1928
Рейтинг: 884

Ссылка на сообщениеДобавлено: 06/10/08 в 01:08      Ответить с цитатойцитата 

блин, не дописал.

я вот верстаю смешаной версткой, и не понимаю желание все вот сделать дивами ) зачем? )

K началу

Настра Жжот :)

 
Информация о пользователе Don Chupa


Зарегистрирован: 08.02.06
Сообщения: 594
Рейтинг: 858

Ссылка на сообщениеДобавлено: 06/10/08 в 01:58      Ответить с цитатойцитата 

ок, давай для сравнения, код под блок тумб в CSS для сиджа

Код:
<div class="cat">Top rated</div>
<div class="bloc">
<a target="_blank" href="/"><img src="img/1.jpg"></a>
<a target="_blank" href="/"><img src="img/1.jpg"></a>
<a target="_blank" href="/"><img src="img/1.jpg"></a>
<a target="_blank" href="/"><img src="img/1.jpg"></a>
<a target="_blank" href="/"><img src="img/1.jpg"></a>
<a target="_blank" href="/"><img src="img/1.jpg"></a>
<a target="_blank" href="/"><img src="img/1.jpg"></a>
<a target="_blank" href="/"><img src="img/1.jpg"></a>
<a target="_blank" href="/"><img src="img/1.jpg"></a>
<a target="_blank" href="/"><img src="img/1.jpg"></a>
<a target="_blank" href="/"><img src="img/1.jpg"></a>
<a target="_blank" href="/"><img src="img/1.jpg"></a>
</div>
<div class="book"><a href="/">Bookmarks us</a></div>

и код под тотже блок только табами (взял с выше поста)

Код:
<table id="Table_01" width="970" height="491" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td>
         <img src="images/index_01.jpg" width="289" height="150" alt=""></td>
      <td>
         <img src="images/index_02.jpg" width="196" height="150" alt=""></td>
      <td>
         <img src="images/index_03.jpg" width="215" height="150" alt=""></td>
      <td>
         <img src="images/index_04.jpg" width="270" height="150" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="images/index_05.jpg" width="289" height="116" alt=""></td>
      <td>
         <img src="images/index_06.jpg" width="196" height="116" alt=""></td>
      <td>
         <img src="images/index_07.jpg" width="215" height="116" alt=""></td>
      <td>
         <img src="images/index_08.jpg" width="270" height="116" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="images/index_09.jpg" width="289" height="168" alt=""></td>
      <td>
         <img src="images/index_10.jpg" width="196" height="168" alt=""></td>
      <td>
         <img src="images/index_11.jpg" width="215" height="168" alt=""></td>
      <td>
         <img src="images/index_12.jpg" width="270" height="168" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="images/index_13.jpg" width="289" height="57" alt=""></td>
      <td colspan="2">
         <img src="images/index_14.gif" width="411" height="57" alt=""></td>
      <td>
         <img src="images/index_15.jpg" width="270" height="57" alt=""></td>
   </tr>
</table>




разве разница не чувствуется? icon_wink.gif

K началу

New famous TOONs - Exclusive Porn art

 
Информация о пользователе 3Sky
Модератор
Отдохнул :)

Зарегистрирован: 19.10.03
Сообщения: 1928
Рейтинг: 884

Ссылка на сообщениеДобавлено: 06/10/08 в 02:05      Ответить с цитатойцитата 

<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
</tr>
</table>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
</tr>
</table>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
<td><a href="$"><img src="$" class="th"></a></td>
</tr>
</table>

давай сравнивать ) чем хуже? icon_smile.gif

добавил:

1) при загрузке, ничо никуда не ползет
2) если делать отдельными таблами, разница в скорости загрузки имхо вообще не чувствуется
3) в стилях прописать можно вообще все о тумбах и прочем.

если можно, конкретный пример плиз, ПОЧЕМУ, лучше дивами. кроме сомнительной красоты кода?

K началу

Настра Жжот :)

 
Информация о пользователе Don Chupa


Зарегистрирован: 08.02.06
Сообщения: 594
Рейтинг: 858

Ссылка на сообщениеДобавлено: 06/10/08 в 02:19      Ответить с цитатойцитата 

1 аналогично не полезет
2 код меньше и легче для чтения, загрузка хоть на немного но быстрее
3 при верстки меньше заморочек с кодом и меньше вероятность ошибки(опечатки)

кстати код не полный у тебя в сравнении с моим такбы еще больше был и сложнее icon_smile.gif , нету верхней плашки и нижней с кнопкой букмарк

K началу

New famous TOONs - Exclusive Porn art

 
Информация о пользователе 3Sky
Модератор
Отдохнул :)

Зарегистрирован: 19.10.03
Сообщения: 1928
Рейтинг: 884

Ссылка на сообщениеДобавлено: 06/10/08 в 02:21      Ответить с цитатойцитата 

таки на главный вопрос не хочешь отвечать smail101.gif

давай по загрузке разберем вопрос. юзеру насколько это будет заметно, при одинаковых
1) серваках
2) каналах
3) тумбах

?

K началу

Настра Жжот :)

 
Информация о пользователе Don Chupa


Зарегистрирован: 08.02.06
Сообщения: 594
Рейтинг: 858

Ссылка на сообщениеДобавлено: 06/10/08 в 02:43      Ответить с цитатойцитата 

3Sky писал:
таки на главный вопрос не хочешь отвечать smail101.gif


Ок, как я считаю это удобней и быстрее в плане верстки, хоть я не знаток CSS но по выше примерам видно разницу, а если уметь верстать как выше отметевшийся Игорр, то табы это вобще времена мушкетеров icon_smile.gif

Вот к примеру зачем вот столько заморочек-
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><
если это можно указать в стиле типа так
<div class="bloc">
и постоянно этот стиль использовать?

Цитата:
давай по загрузке разберем вопрос. юзеру насколько это будет заметно, при одинаковых
1) серваках
2) каналах
3) тумбах

?


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

это похоже на спор Что лучше Иллюстратор или Корел?

K началу

New famous TOONs - Exclusive Porn art

 
Информация о пользователе Mistic
фанат своего дела - дизайнер

Зарегистрирован: 25.07.05
Сообщения: 1720
Рейтинг: 529

Ссылка на сообщениеДобавлено: 06/10/08 в 02:50      Ответить с цитатойцитата 

3Sky писал:
это делаеца так, хуй кладеца на верстак..........

режу слайсами, сохраняю, верстаю в дриме, правлю\чищу код. хрен кто меня убедит, что получается хуже чем дивами smail101.gif


дивами лучше, но не всегда... есть такие элементы которые не сделаешь дивами, а таблицами только...

по мне так лучше делать все дивами как делает igorr:

K началу

Скоро AdultMonster
Чего не хватает?

 
Информация о пользователе Dizman©
концептуальный

Зарегистрирован: 16.04.06
Сообщения: 730
Рейтинг: 450

Ссылка на сообщениеДобавлено: 06/10/08 в 03:33      Ответить с цитатойцитата 

Я в Армию Чупы запишусь=)

Отвечая 3sky>>
В цсс-дивах гораздо быстрее выходит:
1)писать код
2)разбираться/править вёрстку
3)изменять параметры элементов
4)натягивать на двигло

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

Предвидя ваши вопросы/упрёки по поводу различной интерпретации многих цсс-реверансов в различных браузерах, хочется отметить следущее: да, порой проще таблицами смастерить требуемый элемент в виде привычных таблиц и не строить хрупкий и сложный карточный домик на цсс-фундаменте..
Но поверьте, таких ситуаций очень мало, и становится всё меньше.

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

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

Как обычно, субъективное, ни на что не претендущее мнение, поправьте ребята, если я где-то неправ.

K началу

Adult Design
Продаю мейнстрим WP тему!

 
Информация о пользователе 3Sky
Модератор
Отдохнул :)

Зарегистрирован: 19.10.03
Сообщения: 1928
Рейтинг: 884

Ссылка на сообщениеДобавлено: 06/10/08 в 03:46      Ответить с цитатойцитата 

да собсно спорить я не буду ) смысла нет. один вопрос только. делаем сайты для серферов вроде. им жеж попесды какая верстка? ) иль я не прав? )

K началу

Настра Жжот :)

 
Информация о пользователе Petek


Зарегистрирован: 20.07.06
Сообщения: 481
Рейтинг: 325

Ссылка на сообщениеДобавлено: 06/10/08 в 08:50      Ответить с цитатойцитата 


думаю, прав icon_smile.gif
они ж код не видят и даже если увидят не поймут )

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

для поисковой оптимизации - основной контент можно расположить в начале страницы (в коде), а в структуре видимой страницы он может хоть где находится, так в книжках написано, я сам в СЕ не сильно разбираюсь )

в адалте дивами можно, например, верстать сиджи, тубы, лл, но платники, авс, галеры и богатые графикой элементы лучше таблицами, здесь дивы только для понтов имхо icon_smile.gif

K началу

Дизайн :: аська: 346-426-550 :: мыло: admin(a)porndiz.com
div'ная верстка от 30$

 
Информация о пользователе Leka


Зарегистрирован: 30.10.06
Сообщения: 150
Рейтинг: 169

Ссылка на сообщениеДобавлено: 06/10/08 в 09:04      Ответить с цитатойцитата 

Dizman© писал:

В цсс-дивах гораздо быстрее выходит:
2)разбираться/править вёрстку
3)изменять параметры элементов


Чистая неправда. Если ты вдруг получил div-ную верстку от третьего лица, которое не понимает что такое логика в названиях классов и использовании возможностей каскадности - заебешься разбираться\править и изменять параметры элементов. Бывает ОДНО правило изменишь в стиле и вся страница расползлась. Не говоря уже о том, какие приходится применять трики чтобы подружить вертску со всеми основными используемыми браузерами.
Конечно блок тумб или галерку дивами сверстать - разговор ниочем.
Но если у страницы сложный layout - лучше всего смешанная верстка.
Я всегда делаю структуру страницы на таблицах (тоже стараюсь чаще разбивать таблицы и выносить в CSS максимум свойств), а весь контент делаю в контейнерах DIV и P, обвешивая их нужными свойствами.

K началу

 
Информация о пользователе Vigo


Зарегистрирован: 30.11.03
Сообщения: 915
Рейтинг: 680

Ссылка на сообщениеДобавлено: 06/10/08 в 10:54      Ответить с цитатойцитата 

Leka писал:
Чистая неправда. Если ты вдруг получил div-ную верстку от третьего лица, которое не понимает что такое логика в названиях классов и использовании возможностей каскадности - заебешься разбираться\править и изменять параметры элементов. Бывает ОДНО правило изменишь в стиле и вся страница расползлась. Не говоря уже о том, какие приходится применять трики чтобы подружить вертску со всеми основными используемыми браузерами.
Конечно блок тумб или галерку дивами сверстать - разговор ниочем.
Но если у страницы сложный layout - лучше всего смешанная верстка.
Я всегда делаю структуру страницы на таблицах (тоже стараюсь чаще разбивать таблицы и выносить в CSS максимум свойств), а весь контент делаю в контейнерах DIV и P, обвешивая их нужными свойствами.

+5

K началу

Высокоскоростная стабильность приносящая деньги | PPC -фиды с превью сайтов.CTR на 30-50% выше!

 
Информация о пользователе Dizman©
концептуальный

Зарегистрирован: 16.04.06
Сообщения: 730
Рейтинг: 450

Ссылка на сообщениеДобавлено: 06/10/08 в 11:25      Ответить с цитатойцитата 

Leka писал:
Чистая неправда. Если ты вдруг получил div-ную верстку от третьего лица, которое не понимает что такое логика в названиях классов и использовании возможностей каскадности - заебешься разбираться\править и изменять параметры элементов. Бывает ОДНО правило изменишь в стиле и вся страница расползлась. Не говоря уже о том, какие приходится применять трики чтобы подружить вертску со всеми основными используемыми браузерами.
Конечно блок тумб или галерку дивами сверстать - разговор ниочем.
Но если у страницы сложный layout - лучше всего смешанная верстка.
Я всегда делаю структуру страницы на таблицах (тоже стараюсь чаще разбивать таблицы и выносить в CSS максимум свойств), а весь контент делаю в контейнерах DIV и P, обвешивая их нужными свойствами.


во, пасиба=) я ж писал, что юзаю таблицы в сложных структурах, для базовой разметки, ибо да, бывает очень муторно)

пасиб за мнение.

K началу

Adult Design
Продаю мейнстрим WP тему!

 
Информация о пользователе igorr


Зарегистрирован: 25.06.05
Сообщения: 204
Рейтинг: 295

Ссылка на сообщениеДобавлено: 06/10/08 в 12:52      Ответить с цитатойцитата 

Petek писал:
в адалте дивами можно, например, верстать сиджи, тубы, лл, но платники, авс, галеры и богатые графикой элементы лучше таблицами, здесь дивы только для понтов имхо icon_smile.gif


для увеличения скорости загрузки все пути хороши, и для платника зависимость скорости загрузки к продажам тоже есть и немаленькая (проверено опытом), поэтому оптимизировать нужно все - от сервера до графики на нем, и html тоже icon_smile.gif

K началу

Верстка, Javascript

 
Информация о пользователе Skat
skat-porn.com блог для АВМов

Зарегистрирован: 06.03.05
Сообщения: 4006
Рейтинг: 5117


Передовик Master-X (01.02.2007) Передовик Master-X (16.02.2007) Передовик Master-X (01.04.2007) Передовик Master-X (01.05.2007) Передовик Master-X (01.10.2007) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 06/10/08 в 15:48      Ответить с цитатойцитата 

Petek писал:

что, по вашему, тут коряво? )
Код:

<table id="Table_01" width="970" height="491" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td>
         <img src="images/index_01.jpg" width="289" height="150" alt=""></td>
      <td>
         <img src="images/index_02.jpg" width="196" height="150" alt=""></td>
      <td>
         <img src="images/index_03.jpg" width="215" height="150" alt=""></td>
      <td>
         <img src="images/index_04.jpg" width="270" height="150" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="images/index_05.jpg" width="289" height="116" alt=""></td>
      <td>
         <img src="images/index_06.jpg" width="196" height="116" alt=""></td>
      <td>
         <img src="images/index_07.jpg" width="215" height="116" alt=""></td>
      <td>
         <img src="images/index_08.jpg" width="270" height="116" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="images/index_09.jpg" width="289" height="168" alt=""></td>
      <td>
         <img src="images/index_10.jpg" width="196" height="168" alt=""></td>
      <td>
         <img src="images/index_11.jpg" width="215" height="168" alt=""></td>
      <td>
         <img src="images/index_12.jpg" width="270" height="168" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="images/index_13.jpg" width="289" height="57" alt=""></td>
      <td colspan="2">
         <img src="images/index_14.gif" width="411" height="57" alt=""></td>
      <td>
         <img src="images/index_15.jpg" width="270" height="57" alt=""></td>
   </tr>
</table>



жесть
Весь код может быть все лишь в двух строчках
<div id="avs">
</div>
и одной в стилях

#avs {background: url(images/all.jpg); width:970px;height:491px; }
и все графику обрезать одной картинкой, что повысет скорость загрузки сайта на хорошем канале )
итого три строчки icon_biggrin.gif

K началу

StimulCash v2 раза лучше! | Тины и Матюры! 45$ за сайн! | Верстка

 
Информация о пользователе Skat
skat-porn.com блог для АВМов

Зарегистрирован: 06.03.05
Сообщения: 4006
Рейтинг: 5117


Передовик Master-X (01.02.2007) Передовик Master-X (16.02.2007) Передовик Master-X (01.04.2007) Передовик Master-X (01.05.2007) Передовик Master-X (01.10.2007) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 06/10/08 в 15:53      Ответить с цитатойцитата 

Leka писал:
Но если у страницы сложный layout - лучше всего смешанная верстка.


ни каких проблем нет сверстать любой сложности сайт дивами

K началу

StimulCash v2 раза лучше! | Тины и Матюры! 45$ за сайн! | Верстка

 
Информация о пользователе AniS


Зарегистрирован: 25.02.07
Сообщения: 134
Рейтинг: 95

Ссылка на сообщениеДобавлено: 06/10/08 в 15:59      Ответить с цитатойцитата 

ох вечный спор...дивы или таблицы icon_smile.gif
лично я за дивную верстку обоими руками)намного понятнее когда править начинаешь или менять чтото icon_cool.gifда и весит намного меньше как уже и говорилось ранее icon_smile.gif

а вопрос был вообще про то как резать графику в фотожопе)))

K началу

Пусть стоят у дронов писки всем дизайны от аниски! или сюда www.anisxxx.com

 
Информация о пользователе Skat
skat-porn.com блог для АВМов

Зарегистрирован: 06.03.05
Сообщения: 4006
Рейтинг: 5117


Передовик Master-X (01.02.2007) Передовик Master-X (16.02.2007) Передовик Master-X (01.04.2007) Передовик Master-X (01.05.2007) Передовик Master-X (01.10.2007) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 06/10/08 в 22:32      Ответить с цитатойцитата 

AniS писал:
ох вечный спор...дивы или таблицы icon_smile.gif


да какой вечный? таблица это данные, не структура сайта

K началу

StimulCash v2 раза лучше! | Тины и Матюры! 45$ за сайн! | Верстка

 
Информация о пользователе AniS


Зарегистрирован: 25.02.07
Сообщения: 134
Рейтинг: 95

Ссылка на сообщениеДобавлено: 06/10/08 в 22:43      Ответить с цитатойцитата 

Цитата:
да какой вечный?

дык на всех практически форумах по дизайну/верстке обсуждают как же лучше)и до сюда дошло)


Цитата:
таблица это данные, не структура сайта

согласна)

K началу

Пусть стоят у дронов писки всем дизайны от аниски! или сюда www.anisxxx.com

 
Информация о пользователе Leka


Зарегистрирован: 30.10.06
Сообщения: 150
Рейтинг: 169

Ссылка на сообщениеДобавлено: 06/10/08 в 23:36      Ответить с цитатойцитата 

Skat писал:
ни каких проблем нет сверстать любой сложности сайт дивами

В большинстве случаев 100% дивная верстка похожа на домик из спичек. Толкни одну и получишь груду спичек вместо домика.
Пока проблема кроссбраузерности дивной верстки не прекратит решаться через задницу - я мнения не изменю.

И если уж говорить о правильной верстке - нужно начинать хотя бы с типографирования текста. 90% сайтов имеют настолько гениальную типографику что кажется редакторов и авторов учили форматировать тексты на Чукотке

K началу

 
Информация о пользователе H@mster


Зарегистрирован: 03.09.08
Сообщения: 46
Рейтинг: 26

Ссылка на сообщениеДобавлено: 07/10/08 в 10:53      Ответить с цитатойцитата 

Leka писал:

И если уж говорить о правильной верстке - нужно начинать хотя бы с типографирования текста. 90% сайтов имеют настолько гениальную типографику что кажется редакторов и авторов учили форматировать тексты на Чукотке


всяко icon_smile.gif
редко кто задумывается именно о типографике, просто валят текст и не парятся, а о том что в некоторых случаях для удобочитаемости нужен не просто пробел, а пробел без переноса например - это мало кого заботит )

по поводу того что гугл лучше индексирует верску дивами - имхо просто миф, посмотрите практически любой сайт с пр7-8... они делались в те времена когда о дивах еще не слышали и я не думай что владельцы кинутся срочно что-то менять. Гугл прежде всего хавает правильную верстку, а уж таблицами или дивами - дело десятое, поэтому верстать надо в чем удобнее и правильнее получается icon_smile.gif

K началу

 
Earncoin Новая тема Новая тема   Ответить Ответить Перейти на страницу «Пред.  1, 2 
Показать сообщения:     
Перейти:  


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

Спонсор раздела AdultWebArt

Опросы

Нужен ли на Мастер-Х отдельный раздел по русскому адалту?

  • Да, пусть будет один отдельный раздел форума
  • Да, нужно сделать отдельные разделы по ru-спонсорам и по ru-трафику
  • Нет, существующих разделов и так достаточно, не нужно выделять
  • Адалт в рунете не законен! Надо запретить обсуждение его вообще



Обсудите на форуме обсудить (19)
все опросы »