Выровнять jQuery Raty плагин правильно с текстом
В настоящее время я работаю над системой планирования встреч, в которой есть раздел для обзоров, оставленных для практики. Я использую плагин jQuery Rate для заполнения звезд на основе отзывов, представленных пользователями. Я испробовал все, что только возможно, чтобы выровнять звезды с текстом и изображением. Пожалуйста, смотрите прилагаемый Скриншот:
Я пытаюсь привести звезды в соответствие с моим изображением в разделе "время ожидания". Изображение добавляется на эту страницу, как это:
<%= image_tag("review_img_03.png",style:"margin:0px 4px 0px 4px;vertical-align:text-top") %>
Может ли кто-нибудь указать мне правильное направление, как я должен достичь этого ? Я пробовал все до единой вещи в CSS, чтобы достичь этого, но ни одна из них не работает.
Любая помощь будет высоко ценится.
2 ответов:
Вы пробовали использовать абсолютное позиционирование?
Просто отрегулируйте верхние и левые значения, чтобы получить звезду там, где вы хотите.Style = "position:absolute; top:-5px;left:15px;"Если вы делаете позицию абсолютной, то родительский элемент должен иметь позицию = relative. Другие мудрые звезды будут выравниваться по телу страницы.
Была такая же проблема у моего друга, нашел решение. Обратите внимание, что это скорее Хак, чем исправление, если у вас есть сайт, который позволяет динамический размер текста (или если пользователь изменяет размер текста в браузере), то он может выйти искаженным.
На фактическом jrate div (или что у вас есть), используйте свойство vertical-align, чтобы немного его настроить. Для моей цели:
#jRate { vertical-align: -3px; }Работает как заклинание.
Поддержка во всех браузерах.
Comments