новые сообщения
ответы на мои сообщения
избранное
скрытые темы
случайный топик
ёбнуть всё в новых вкладках
Форум → Разработка → Клиентская сторона → Верстка и оформление → Выравнивание
Выравнивание
-
Сообщения:
367
Репутация:
N
Группа:
Кто попало
как выровнять(см.аттач) получаеться что при появление картинки перед (Логин, Пароль и.т.п) один столбец сьезжает вниз относительно второго, как можно исправить?-
error.PNG
(144)
-
-
Сообщения:
1068
Репутация:
N
Группа:
Джедаи
Май 31, 2008, 5:04 п.п., спустя 1 час 52 минуты 59 секунд
Можно, например, запихнуть все имена полей ("Логин", "Пароль") в <label>'ы и установить для них line-height по размеру картинки -
Сообщения:
367
Репутация:
N
Группа:
Кто попало
Май 31, 2008, 5:30 п.п., спустя 26 минут 2 секунды
они в label и так, а че установить то? по подробнее можно?
-
Сообщения:
25
Репутация:
N
Группа:
Кто попало
Июнь 1, 2008, 9:18 д.п., спустя 15 часов 47 минут 36 секунд
Добавь к "Логин" прозрачную икону с размерами как у (х), либо (х) уменьши до высоты строки. -
Сообщения:
1068
Репутация:
N
Группа:
Джедаи
Июнь 1, 2008, 11:01 д.п., спустя 1 час 43 минуты 7 секунд
Подробней сказать трудно, я ведь не вижу кода твоей формы.
Вообще смысл в том, что бы label без картинки имел ту же высоту, что и с картинкой. Для этого можно использовать height или line-height. Способ предложенный Ёлочник'ом так же хорошо подойдет.
Хотя я бы всё сделал по-другому: в img'ах должны содержаться только иллюстрации к тесту. Вся остальную графику лучше зашивать в фон, благо есть свойства background-repeat и background-position, нормально работающие во всех браузерах. При этом фон никак не влияет на размеры и расположение элемента. Т.е. устанавливаешь наlabel {
background:url("…") no-repeat;
/* если label идет как внутристрочный элемент используем line-height: */
line-height: /* высота картинки */ ;
/* если как блочный, то можно воспользоваться height: */
height: /* высота картинки */ ;
}
Пожалуйста, авторизуйтесь, чтобы написать комментарий!