NL ->

Printable Version of Topic
Click here to view this topic in its original format

Forums > Флейм > нужна помощь с CSS

Posted by: FiL on 01-02-2010, 07:30

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

Спасибо заранее

Posted by: kolezz on 01-02-2010, 09:08

не факт, что помогу, но всё равно любопытно - что за адрес сайта и что за корявости?

Posted by: Lord KiRon on 01-02-2010, 10:12

А почему кстати уверен что корявости от CSS? CSS он в принципе простой как палка, а вот с дрюпалом постоянно корявости...

Posted by: FiL on 01-02-2010, 16:49

корявости не ОТ CSS, a С ним.

сайт - http://web.kspboston.org/ (http://web.kspboston.org/

корявости - бегущая строка в ФФ порезана.

В календаре ( http://web.kspboston.org/calendar/2010-02-09 (http://web.kspboston.org/calendar/2010-02-09 ) само событие "прилеплено" к верху ячейки, а не отцентрировано по вертикали.

Есть ощущение, что и то и другое - результаты одного и того-же. Где-то какой-то margin выставлен жестко. Но я не смог его найти.

Posted by: Set on 01-02-2010, 22:08

fusion-acquia-marina-style.css

В MARQUEE padding-и сверху и снизу по 10px отрезают, при фиксированной высоте в #scrolltext A в 88px я таки думаю текст может и не помещаться. Особенно если задавать размер фонтов не в px, a в разного рода относительных размерах, отличающихся в разных браузерах.

Added:
Со вторым vertical-align: может поможет... а может и нет. :D:

Posted by: FiL on 01-02-2010, 23:18

QUOTE (Set @ 01-02-2010, 14:08):

fusion-acquia-marina-style.css

В MARQUEE padding-и сверху и снизу по 10px отрезают, при фиксированной высоте в #scrolltext A в 88px я таки думаю текст может и не помещаться. Особенно если задавать размер фонтов не в px, a в разного рода относительных размерах, отличающихся в разных браузерах.

Со вторым vertical-align: может поможет... а может и нет. :D:

текст там размером 48 пикселей.
Да и выставлял я там 188 вместо 88 - тот-же результат. Вернее не совсем тот - СНИЗУ появляется куча места. А вот сверху - сверху оно как было приклеено, так и осталось. Не смотря на vertical-align: bottom;

Со вторым - я таки его там вставлял. Не помогает. если-б помогало, то вопрос-бы не возник. Ну, или я его не к тому приделывал

Posted by: ego on 02-02-2010, 01:20

может это таблица какая неправильная?

Posted by: Set on 02-02-2010, 01:29

vertical-align - для календарика, не для бегущей строки. Не работает - тогда либо таблицей, либо padding & Ko.

font-size: 4.0em; Где там 48px говоришь?

А если так?

CODE

marquee {
font-size: 48px;
font-family: "Times New Roman";
padding: 20px;
}

#scrolltext a {
color: darkblue;
}

Posted by: obaldin on 02-02-2010, 02:07

В бегущей строке нормально, если сделать следующее: убрать vertical-align: bottom и убрать line-height: 150% (из typography.css).

Posted by: FiL on 02-02-2010, 02:10

приду домой - попробую.

Update: Шайтан. Как есть шайтан. А можешь объяснить каким образом line-height влияет?

Update2: забавно... оно таки работает если
а) убрать из типографи 150% ИЛИ
б) выставить 100% (или больше) прямо на месте (#scrolltext)

А то, как было раньше достигается выставлением 50% в скролтексте. В общем, не понимаю. Явно там слишком много классов и они слишком сложно друг на друга влияют

Posted by: FiL on 02-02-2010, 04:48

QUOTE (Set @ 01-02-2010, 17:29):

вертикал-алайн я для календарика делал. Не помогало.
Таблицей (не CSS) - это руки и ноги сломать можно. Я не готов.
Но вообще obaldin-овский рецепт подошел. Покрутив размеры я добился чего хотел.

Posted by: obaldin on 02-02-2010, 21:29

QUOTE (FiL @ 02-02-2010, 01:10):

А можешь объяснить каким образом line-height влияет?

Тут дело в том, что ни line-height, ни vertical-align не работают так, как можно было бы интуитивно предположить из их названий. Line-height не делает надпись больше, это, скорее, ближе к понятию leading. Т.о. строчка зрительно остается такой же, но для целей рассчетов ее высота становится в полтора раза больше, т.е. ее низ (bottom) находится ниже, чем видимая надпись. Потом vertical-align: bottom, который начинает выравнивать низы, а у нас низ (из-за line-height) находится ниже, чем сама надпись. И сама надпись уезжает вверх.

Posted by: FiL on 03-02-2010, 06:39

Не совсем понял (особенно в свете 2-го апдейта), но общий фон ясен. Спасибо!