Некорректное отображение YandexMap в Sky theme

Главные вкладки

Аватар пользователя ferri ferri 14 мая 2011 в 17:45

Здравствуйте ув. друпалеры! Месяц мучаюсь и никак не могу решить свою проблему. Поэтому вынуждена у вас просить помоши!!!

При вставки яндекс карты в тему sky, карта отображается некорректно! Блоки карты съезжают! В других темах карта работает корректно, дело именно в скай.
Мне очень нравятся верхние табы у скай и я бы очень хотела использовать именно эту тему. Я пробывала создать нечто похоже с нуля но у меня вышло очень коряво и уродско. Я безусловно двигаюсь в сторону темизации друпала но не такими темпами чтобы понять что не так в Sky. Я пыталась с фаербагом и тупоперебором и перетряхивание темы решить эту проблему но у меня за столько времени не получилось ничего. Я в отчаинии блин.

Пожалуйста может у вас есть какиенибудь идеи или решения? Спасибо огромное энивей! (((

Комментарии

Аватар пользователя ferri ferri 20 мая 2011 в 22:49

К сожалению это не то. Первым делом проверила. Уже опустила руки, но ваш ответ вселил в меня увереность что мне надо решить эту проблему. Спасибо Smile Надеюсь когданить в заголовке будет стоять РЕШЕНО Smile

Аватар пользователя MKhabibullin MKhabibullin 22 мая 2011 в 0:21

Я так понимаю, проблема в том, что css-ка темы "лезет" в яндексокарты ? В таком случае надо просто посмотреть firebug-ом какие свойства пагубно влияют и прописать их в style.css. Можно ссылку на страницу с кривой картой ?

Аватар пользователя MKhabibullin MKhabibullin 22 мая 2011 в 0:26

Попробуйте так:

#table1 td {
    border-collapse: collapse;
    border-style: hidden;
}
#table1 table {
    margin: 0;
}

в html добавляем карту в табличку с указанием стиля:

<table id="table1">
    <tbody>
        <tr>
            <td>
            <div id="YMapsID" style="width: 700px; height: 500px;">&nbsp;</div>
            </td>
        </tr>
    </tbody>
</table>

Щас проверил, получилось.
А вообще для большинства тем еще работает вот так:

<style type="text/css">
table.YMaps-b-balloon-frame {width: auto; margin-bottom: 0;}
</style>