karlitos32

Случайно наткнулся на статью об применении в верстке модульной сетки gird960, статья очень старая, посему вопрос, актуально ли сегодня верстать с применением сетки?

Ура. Причина найдена.

Нужно было всего лишь указать высоту у тегов <li> в данном пункте.

В цсске есть незакрытое свойство без параметра "text-align:".

И еще хочу добавить, что аккордеоны любят ломаться и неправильно работать при использовании грязных хаков. Поведение твоего аккордеона один в один такое же, как при использовании всяких *|html tag и других костылей.

text-align исправил, убрал все стили (в том числе обнуления и резеты), оставил только непосредсвенно касающиеся меню. Проблема осталась, причем высота падения вроде бы осталась та же, где то пикселей 30 - 40.

Спасибо за подсказки. Походу рановато я взялся за менюшку, надо бы еще мат часть подучить...

Задача: сверстать многоуровневое меню аккордеон.

сделал, вроде все работает нормально, но содержимое одного из пунктов (см. Мы рекомендуем) раскрывается только на половину, а затем резко падает вниз.

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

Ссылка: http://gorkistori.ru/menu/

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

идея такова: есть основные пункты меню, но при наведении мыши - от основного пункта меню вылезают дополнительные, а те основные которые ниже идут, тоже отползают.. как на картинке

Такое меню можно элементарно сделать без JS (приусловии меню раскрывается при наведении). Просто поиграйтесь с CSS свойствами пунктов меню (display:none и display:block например) JS понадобится только для старых ie.

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

Код следующий:

$(document).ready(function() {
  $('ul#my-menu ul').each(function(index) {
    $(this).prev().addClass('collapsible').click(function() {
      if ($(this).next().css('display') == 'none') {
        $(this).next().slideDown(200, function () {
          $(this).prev().removeClass('collapsed').addClass('expanded');
        });
      }else {
        $(this).next().slideUp(200, function () {
          $(this).prev().removeClass('expanded').addClass('collapsed');
          $(this).find('ul').each(function() {
            $(this).hide().prev().removeClass('expanded').addClass('collapsed');
          });
        });
      }
      return false;
    });
  });
});

Имеется обычная карусель jQ, подскажите какую функцию нужно добавить, чтобы можно было заставить вращаться картинки не по кругу, а по кривой. Может ссылкой кто поделится?

Ну это уже какие-то суровые особенности отображения контента именно почтовиками, я об этом, увы, ничего не знаю.

Рад, что в конце концов получилось.

Ага, спасибо за идею=))

Идея интересная, но тоже не вышло. Получается два подчеркивания разных цветов, одно повыше другое пониже

Упс, все получилось.

Оказывается нужно ссылку заворачивать в font с указанием шрифта и размера, а уже в саму ссылку вставлять font только с цветом

Вот так:

Правильно:

<font size="размер" face="шрифт"><a href="#"><font color="цвет"><u>Тайланд</u></font></a></font>

Не правильно:

<a href="#"><font size="размер" face="шрифт" color="цвет"><u>Тайланд</u></font></a>

в настоящее время применил именно инлайн стили, но просто понять не могу почему не меняется цвет черты...

Гм, а попробуйте еще так:

<a href=""><font color="цвет"><u>Ссылка</u></font></a>

А не получалось, скорее всего, поэтому (объяснение немного упрощенное, но, надеюсь, наглядное):

<a href="#">[*]<font color="#cccccc">[**]ссылка</font></a>

[*] здесь задается цвет текста и подчеркивания

[**] здесь задается другой цвет текста (а цвет подчеркивания не изменяется)

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

Идея интересная, но тоже не вышло. Получается два подчеркивания разных цветов, одно повыше другое пониже

Такая проблема:

нужно сверстать электронное письмо, применение стилей запрещено.

Для изменения цвета ссылки использую конструкцию

<a href=""><font color="цвет">Ссылка</font></a>

Цвет ссылки при этом меняется, а цвет черты под ней нет, не знаю как исправить.

хм... проверил в разных браузерах, ссылка и черта того цвета что прописан в font. видимо в движке почтового клиента проблема, то есть он не типично обрабатывает такую конструкцию. или я чего-то не понял?

А почему стили нельзя? инлайн если применить?

странно, пробывал у себя в мозиле 7 и в опере тоже ссылка окрашивается а подчеркивание нет. Может дело в доктайпе?

Я использовал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

в настоящее время применил именно инлайн стили, но просто понять не могу почему не меняется цвет черты...

нужно сверстать электронное письмо, применение стилей запрещено.

Почему запрещено?

Почты яндекса и рамблера полностью вырезают CSS

Для изменения цвета ссылки использую конструкцию

<a href=""><font color="цвет">Ссылка</font></a>

Цвет ссылки при этом меняется, а цвет черты под ней нет, не знаю как исправить.

Пробуй - http://htmlbook.ru/html/body/link

спасиб, попробую

А ссылку в font завернуть — не работает?

нет, не работает

Такая проблема:

нужно сверстать электронное письмо, применение стилей запрещено.

Для изменения цвета ссылки использую конструкцию

<a href=""><font color="цвет">Ссылка</font></a>

Цвет ссылки при этом меняется, а цвет черты под ней нет, не знаю как исправить.

Правильно. Он и не будет меняться. У ссылки своё собственное подчёркивание и цвет. Внутри меняется не её цвет, а цвет font.

Как же быть? Только стили?

Такая проблема:

нужно сверстать электронное письмо, применение стилей запрещено.

Для изменения цвета ссылки использую конструкцию

<a href=""><font color="цвет">Ссылка</font></a>

Цвет ссылки при этом меняется, а цвет черты под ней нет, не знаю как исправить.

karlitos32,

У самого поля никак.

Используй стилизацию. Пример - http://vremenno.net/design/file-inputs-styling/

Спасибо!

есть кнопка с поиском файла:

<input class="review" title="аааа" size="20" id="file_8" name="file" type="file" />

В этой кнопке написано "обзор", подскажите как сменить в ней надпись.

Через value не получается.

http://freeway-design.ru/files/spit.psd

P.S.

Да, кстати, верстка резиновая, можно полностью на 100%, а можно max-width 1300-1400 и прижато влево.

в общем, мой комментарий можете не брать во внимание: такое поведение соответствует ТЗ

Ок

max-width: 1300px;
    min-width: 960px;

не для body надо было устанавливать

А для чего? И на что это влияет?

для контейнера в котором находится сайт и, которого у вас нету

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

А для чего? И на что это влияет?

На то, что у владельцев fullHD мониторов с горизонтальной разверткой 1920пх и более, ваш сайт обрезается со двух сторон, т.к. имеет max-width: 1300px; Хотя читать абсолютную резину на таком разрешении, тоже не особое удовольствие.

Ну, было задумано что сайт не будет больше 1300px шириной... и неважно наверное,для чего это ограничение я дам, он все равно шире не станет. Или я ошибаюсь?

max-width: 1300px;
    min-width: 960px;

не для body надо было устанавливать

А для чего? И на что это влияет?

молоко какое-то

не понял?

Сверстал макет из данной темы. Результат находится по адресу http://zhebrik.ru/

По задумке макет должен быть резиновый, но я ограничил его тягучесть с 960px до 1300px (правая колонка фиксированной ширины), потому что фотографии в шапке начинают залезать на самолет при размере окна меньше 960.

Помимо косяков, которые найдут другие у меня следующие вопросы:

1.Меню сделал табличное, так как через float оно начинает перескакивать, при ширине меньше 1000px. Есть ли какие другие способы?

2.Заметил, что если уменьшать размер картинки в браузере с помощью ctrl и колеса мыши то тень под белыми слоями с новостями съезжает. В чем дело понять не могу...

3.Только в конце вспомнил, что у меня нет элемента Н1 и теперь не знаю куда его вставить. Можно ли его использовать совместно с тегом img и сделать картинкой (например логотипом - самолетиком в круге? Или это не лучшее решение?

Это моя вторая верстка (и первая резиновая), по этому буду очень признателен за критику, советы, подсказки.

А колонки с Фильмом и Спойлер, должный быть одной величины? Если да, кто нибудь подскажите как сделать это без таблицы. Или без таблицы невозможно?