Re[5]: div - Веб программирование

Здравствуйте, Senyai, Вы писали:

S>Моё решение первой задачи http://files.rsdn.ru/30591/easy.html
S>Пойдёт?

Вставь картинки, что ли, чтобы видно было, где они. Именно <img>, а не раскрашенные <div> или что ещё — поведение может отличаться. Но на вскидку — я не вижу, за счёт чего будет выполняться вот это условие: "все четыре промежутка должны быть одинаковыми". На нём погорели и в тот раз.

Здравствуйте, avpavlov, Вы писали:

A>В Опере работает. Или никто не догадался justify попробовать тогда, или это justify допилили за эти годы

Картинки разного размера? Скинь что ли архивчик с html и картинками, а то лениво самому соображать.

Здравствуйте, dimgel, Вы писали:

D>Здравствуйте, Senyai, Вы писали:

S>>Моё решение первой задачи http://files.rsdn.ru/30591/easy.html
S>>Пойдёт?

D>Вставь картинки, что ли, чтобы видно было, где они. Именно <img>, а не раскрашенные <div> или что ещё — поведение может отличаться. Но на вскидку — я не вижу, за счёт чего будет выполняться вот это условие: "все четыре промежутка должны быть одинаковыми". На нём погорели и в тот раз.

1. Пример реализован на отлично, даже такой бредовый как этот.

2. Поведение будет такое же. тАК КАК В ЛЮБОМ СЛУЧАЕ display: inline-block;

Зачем вставлять именно картинку, если можно реализовать через background-image

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

Здравствуйте, Senyai, Вы писали:

D>>Реши-ка на дивах вот эту шестилетней давности задачку для начала. (Там в ответах моё решение на таблицах и 1-2 некорректных решения на дивах от ребят с опытом в разы поболее твоего.) Или хотя бы вот этот мой тривиальный примерчик на дивах перепиши. Кроссбраузерно и без скриптов, естественно.

S>Моё решение первой задачи http://files.rsdn.ru/30591/easy.html
S>Пойдёт?

А вот в ИЕ9 — с картинками уже не работает

Здравствуйте, proxy25, Вы писали:

P>Зачем вставлять именно картинку, если можно реализовать через background-image

Вот когда напорешься, что <img> и background-image в некоторых ситуациях ведут себя по-разному, тогда и узнаешь.

P>3. Милый, сверни окошечко браузера и потяни за стрелочку, и ты увидишь как при уменьшении размера окна расстояние остается одинаковое. Правда при планшетном разрешении они летят вниз, но это уже отдельный разговор.

В ИЕ9 и ниже — не работает. В старших я не смотрел, может тоже не работает.

Для справки — в США доля ИЕ7,8,9 — 23%. Если бы ты для американского рынка писал сайты, ты бы это знал. Ой, ты ведь именно для этого рынка и пишешь

Я так понимаю, эти 23% списал так же как и меня, в динозавры?

P>Зачем вставлять именно картинку, если можно реализовать через background-image

Я правильно понимаю, что если тебе дать галерею картинок писать, то ты всё сделаешь через бэкграунд?

IMG тоже что ли в вашей секте считается "плохим тоном"???

Здравствуйте, avpavlov, Вы писали:

P>>Зачем вставлять именно картинку, если можно реализовать через background-image

A>Я правильно понимаю, что если тебе дать галерею картинок писать, то ты всё сделаешь через бэкграунд?

A>IMG тоже что ли в вашей секте считается "плохим тоном"???

Ух ты, а кто тут у нас пишет галереи картинок как 10 лет назад????

С отрывом от движка и JS

Здравствуйте, avpavlov, Вы писали:

P>>3. Милый, сверни окошечко браузера и потяни за стрелочку, и ты увидишь как при уменьшении размера окна расстояние остается одинаковое. Правда при планшетном разрешении они летят вниз, но это уже отдельный разговор.

A>В ИЕ9 и ниже — не работает. В старших я не смотрел, может тоже не работает.

A>Для справки — в США доля ИЕ7,8,9 — 23%. Если бы ты для американского рынка писал сайты, ты бы это знал. Ой, ты ведь именно для этого рынка и пишешь

Я так понимаю, эти 23% списал так же как и меня, в динозавры?

Ну во-первых, я про ИЕ вообще не заикалась! А во-вторых, статистику я знаю) Спасибо) А еще я знаю что 80% ТЗ состоит из требований использовать семантику HTML5, и ни какой табличной верстки

Здравствуйте, dimgel, Вы писали:

D>Здравствуйте, proxy25, Вы писали:

P>>Зачем вставлять именно картинку, если можно реализовать через background-image

D>Вот когда напорешься, что <img> и background-image в некоторых ситуациях ведут себя по-разному, тогда и узнаешь.

Да знаю я)) Согласна, тут прозвучала золотая мысль "нужно использовать по обстоятельству"

Но давайте как перенесем все это в реальный мир, где для реализации практически всех графических элементов сайта, будут использовать именно background-image

img же как отдельный элемент контента веб-страницы, нужно уже рассматривать непосредственно с плагинами js, php

Здравствуйте, proxy25, Вы писали:

P>Ух ты, а кто тут у нас пишет галереи картинок как 10 лет назад????

С отрывом от движка и JS

"С отрывом от движка"? Ух ты, а кто у нас не представляет себе, что может возникнуть потребность написать свою галерею, а не юзать чужое готовое?

"и JS"? А кто тут у нас заодно расписывается в неспособности сделать сложную вёрстку, не прибегая к JS? Фигли, у нас же сейчас не 10 лет назад, компы у юзеров мощные, можно всяким JS-говном их по делу и без дела грузить под завязку. (Особенно всякие JS-анимации радуют, особенно менюшек всяких. На десктопе, сплошь на C++ написанном, такого разврата хрен где увидишь. А в вебе — каждый норовит крутизну свою показать. Понарожают...)

Здравствуйте, dimgel, Вы писали:

D>Здравствуйте, Senyai, Вы писали:

S>>Моё решение первой задачи http://files.rsdn.ru/30591/easy.html
S>>Пойдёт?

D>Вставь картинки, что ли, чтобы видно было, где они. Именно <img>, а не раскрашенные <div> или что ещё — поведение может отличаться. Но на вскидку — я не вижу, за счёт чего будет выполняться вот это условие: "все четыре промежутка должны быть одинаковыми". На нём погорели и в тот раз.

Не отличается поведение img и div с inline-block http://files.rsdn.ru/30591/easy_img.html Можно, чтобы и в ie 6 и 7 работало и отступа снизу небыло и минимальное расстояние между картинками равно нулю. Задача сделана 1 к 1, плюс получаем адаптивность, в отличии от table.

Здравствуйте, dimgel, Вы писали:

D>Здравствуйте, avpavlov, Вы писали:

A>>В Опере работает. Или никто не догадался justify попробовать тогда, или это justify допилили за эти годы

D>Картинки разного размера? Скинь что ли архивчик с html и картинками, а то лениво самому соображать.

<html lang="ru">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <style type="text/css" media="screen">
.container {
    border: 1px solid black;
    text-align: justify;
}
.container:after {
    content: "";
    display: inline-block;
    width: 100%;
}
.container .padding {
    width: 0px;
    display: inline-block;
}
.img1, .img2, .img3 {
    display: inline-block;
    vertical-align: top;
}
.img1{
    background:red;

}
.img2{
    background:green;

}
.img3 {
    background:blue;

}
    </style>
  </head>
  <body>
    <div class="container">
      <div class="padding"></div>
      <div class="img1">
        <img src="http://img.gazeta.ru/files3/969/5755969/188113766-pic150-150x100-40830.jpg">
      </div>
      <div class="img2">
        <img src="http://img.gazeta.ru/files3/977/5756977/RTX15GJS-pic330-330x220-69609.jpg">
      </div>
      <div class="img3">
        <img src="http://img.gazeta.ru/files3/81/5757081/TASS_5426285-pic148-148x98-26648.jpg">
      </div>
      <div class="padding"></div>
    </div>
  </body>
</html>

Здравствуйте, proxy25, Вы писали:

P>ПФФФФФФФФ вы бы еще фреймами посоветовали

Этот форум сделан на фреймах. И офигительно удобен!

P> и ни какой табличной верстки

Ну сектанты заказывают сайты другим сектантам.

Здравствуйте, Senyai, Вы писали:

S>Не отличается поведение img и div с inline-block http://files.rsdn.ru/30591/easy_img.html Можно, чтобы и в ie 6 и 7 работало и отступа снизу небыло и минимальное расстояние между картинками равно нулю. Задача сделана 1 к 1, плюс получаем адаптивность, в отличии от table.

Допустим, чёрт с ним с IE7, будем считать, что зачёт.

Что в данном случае понимается под адаптивностью? Что картинки, не поместившиеся в ширину экрана, перенесутся на следующую строку? Это может не соответствовать задумке.

А вообще, лично меня всё равно не убедило.

Во-первых, использование сугубо текстового стиля для layout-а здесь выглядит как чистый хак, а во-вторых, показательна фраза avpavlov'а: "Или никто не догадался justify попробовать тогда, или это justify допилили за эти годы". Оно примерно так всегда и происходит: чтобы сделать на дивах что-то нетривиальное, приходится пробовать и пробовать то да сё. Продираясь через глюки и несовместимости браузеров.

D>Оно примерно так всегда и происходит: чтобы сделать на дивах что-то нетривиальное, приходится пробовать и пробовать то да сё. Продираясь через глюки и несовместимости браузеров.

только хотел это написать

Здравствуйте, Senyai,

Короче, с тебя теперь решение второй (моей) задачи (div.header фиксированной высоты, div.footer фиксированной высоты, всё что между ними — div.content, если суммарная высота страницы < window.clientHeight, растянуть content, чтобы подвал был прижат к низу). Если смогёшь коротенько (и желательно без float-ов), благодарность моя не будет знать границ.

Здравствуйте, dimgel, Вы писали:

D>Короче, с тебя теперь решение второй (моей) задачи (div.header фиксированной высоты, div.footer фиксированной высоты, всё что между ними — div.content, если суммарная высота страницы < window.clientHeight, растянуть content, чтобы подвал был прижат к низу). Если смогёшь коротенько (и желательно без float-ов), благодарность моя не будет знать границ.

Если я правильно понял http://files.rsdn.ru/30591/easy_footer.html

От:	dimgel	https://github.com/dimgel
Дата:	17.11.13 18:20
Оценка:

	От:	avpavlov
	Дата:	17.11.13 18:28
	Оценка:

От:	dimgel	https://github.com/dimgel
Дата:	17.11.13 18:32
Оценка:

	От:	proxy25
	Дата:	17.11.13 18:33
	Оценка:

	От:	avpavlov
	Дата:	17.11.13 18:34
	Оценка:

От:	Senyai	http://www.arseniy.net
Дата:	17.11.13 19:21
Оценка:	27 (2)