Great Rash

Хотя конечно есть всякие Babel.js, но всё равно рановато ящитаю.

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

Так, вот мы и выявили первую проблему. Рассмотрим блочную модель CSS: Как видно из картинки, блок состоит из нескольких областей: 1) область контента - content 2) отступы - padding 3) границы блока (рамка) - border 4) поля - margin Когда вы пишете в CSS width: 25%;, то вы задаёте ширину только для первой области (content), чтобы получить ширину блока с отступами нужно прибавить к ширине величину padding. Пример. Получается, что у зелёного блока ширина 25% + 5px (слева) + 5px (справа) = 25% + 10px Кстати, ваше решение с position: relative; left: 10px; очень оригинальное, респект Теперь совсем сложное задание: предположим, что у нас есть форум (как этот), типичное сообщение на форуме состоит из аватара юзера и собственно текста. Но вот беда, юзеры, подонки, не хотят загружать аватары одного размера и всё время грузят какие попало картинки. Наша задача сверстать вот такой макет: Требования: левая колонка может содержать картинку любого размера и её ширина должна зависеть от размеров картинки. Правая колонка занимает всё остальное место.

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

А чего в нём непонятно?

Это абсолютно нормально. Теперь посложнее, 3 колонки как сейчас: Левая - 25% Правая - 300 пикселей Центр - остальное

Отлично. Теперь сделайте 3 колонки. Левая - 300 Правая - 300 Центральная - всё, что осталось И бросайте использовать id для стилизаци. Id нужны только для скриптов, для стилей - классы.

На картинке нет никакого подвала. Мне нужно от вас, чтобы вы сделали просто две колонки. Размеры я вам указал по ширине. Высота меня не интересует.

Такая возможность есть, но её надо ручками реализовывать, т.к. у каждой соц. сети свой формат данных с которыми они работают. Open Graph хорош тем, что пытается унифицировать эти данные, но минус в том, что на странице может быть лишь один тег <meta property="og:image" />. Поэтому, если вы хотите шарить разные картинки для разных соцсетей, вам придётся написать свой скрипт для шаринга. Ну так зарегистрируйтесь, иначе кеш не сбросить.

«javascript accordion» в Google.

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

igmar, вы не выполнили моё задание. Вы опять написали говнокод который был у вас в первом посте. Я готов помочь вам избавиться от говнокода и научить вас верстать правильный и чистый код. Но для этого вам нужно чётко следовать моим указаниям. Сверстайте мне вот такой макет: Левая колонка - 300 пикселей Правая колонка - всё остальное пространство

Откуда? Теме уже 4 года, мне кажется убирать что-то уже бесполезно.

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

Начнём по порядку. Зайдите вот сюда и сверстайте мне двухколоночный макет.

Вот у вас ник - anton-b, означает ли это, что я должен забанить вас за то, что вы тут разглашаете имена всех Антонов? Как быть если у меня ник - Василий Пупкин? Опять же вы не находите, что ФИО и данные банковских счетов с номерами телефонов - немного разные вещи?

Да что ж такое то

http://htmlforum.ru/index.php?showtopic=20993 http://htmlforum.ru/index.php?showtopic=47982&hl=select

Можно конечно, глявное не забыть избавиться от загадочных отступов.

Если вы расскажете по какому критерию отличить ФИО от никнейма и выпишите все посты где встречается такая инфа, то я подумаю над вашим предложением.

Тема 4-х летней давности. Некропостинг у нас не приветствуется. Ссылку с личными данными (банковские реквизиты, телефоны и т.п.) я прибил ибо выкладывать такие вещи неправильно.

Не всегда, а только если указаны left и right одновременно. Я не знаю, чего вы хотите добиться, но если вы хотите сделать просто 3-х колоночный макет, то абсолют вам совсем не нужен. 1 способ 2 способ 3 способ

Что именно не получается?

Вы такого там намешали, что браузер с ума сходит. 1) Одновременно указывать display: inline-block; и float не имеет никакого смысла, потому что float полюбому делает элемент блочным. 2) Одновременно указывать display: inline-block; и position: absolute; не имеет смысла по тем же причинам. 3) Если у вас абсолютный блок, то для него теряют смысл следующие правила: vertical-align, margin 4) clearfix для этого блока не имеет смысла по тем же причинам, блок .content находится вне потока, поэтому очищать поток не имеет вообще никакого смысла 5) Прыгает у вас всё, потому что для абсолютного блока вы не указали top, поэтому браузер позиционирует элемент там где он был бы, если бы находился в потоке В общем мрак, давно я не видал такого винегрета. Вы походу вообще плохо понимаете CSS. Срочно учиться, читать про такие понятия как layout modes, content model. Гуглить про трёхколоночные макеты и тренироваться в вёрстке макетов с различным количеством колонок - 2, 3, 4 и 5 колонок.

Кстати, опупенская игровая площадка! Опасная, но просто класс. Я б в детстве с неё не вылезал, если б выжил там...