Проблема выравнивания контента в Wordpress - PullRequest
Новая
       26

Проблема выравнивания контента в Wordpress

0 голосов
/ 28 июня 2011

Я добавил страницу Wordpress «связаться с нами» на мой веб-сайт. Но я не мог выровнять контент нормально. Я добавил контактную форму и Google Maps iframe. Но я не могу показать их на одном уровне вместе. Боковая панель страницы скрыта, и она мне не нужна. Как решить эту проблему?

http://www.mersinhatayrestaurant.com/?page_id=10

Я также пытаюсь использовать таблицы 

<table>
<tr>
<td>[si-contact-form form='1']</td>

<td>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=tr&amp;geocode=&amp;q=Hatay+Restaurant,+Yeni%C5%9Fehir,+Adnan+Menderes+Bulvar%C4%B1,+Mersin,+T%C3%BCrkiye&amp;aq=0&amp;sll=36.804204,34.638567&amp;sspn=0.194075,0.528374&amp;g=mersin&amp;ie=UTF8&amp;hq=Hatay+Restaurant,&amp;hnear=Adnan+Menderes+Blv,+Mersin%2FYeni%C5%9Fehir,+T%C3%BCrkiye&amp;ll=36.778016,34.586682&amp;spn=0.006295,0.011489&amp;output=embed"></iframe>
</td>

</tr>
</table>

Но ничего не изменилось. Я жду ваших решений. Спасибо.

1 Ответ

1 голос
/ 28 июня 2011

попробуйте использовать float: слева на iframe и div для контактной формы без таблицы.или добавить вертикальное выравнивание: верх;в ТД с контактной формой.Вы статически назначили высоту и ширину для iframe, и если он выше, чем форма контакта, он заполнит всю ячейку TD, и форма контакта переместится вниз, поскольку поведение по умолчанию для TD - вертикальное выравнивание: bottom;

РЕДАКТИРОВАТЬ:

Динамически добавили вертикальное выравнивание на ваш сайт, и он работал, просто добавьте его ниже. 

<table>
    <tr>
    <td style="vertical-align:top;">[si-contact-form form='1']</td>

    <td>
    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=tr&amp;geocode=&amp;q=Hatay+Restaurant,+Yeni%C5%9Fehir,+Adnan+Menderes+Bulvar%C4%B1,+Mersin,+T%C3%BCrkiye&amp;aq=0&amp;sll=36.804204,34.638567&amp;sspn=0.194075,0.528374&amp;g=mersin&amp;ie=UTF8&amp;hq=Hatay+Restaurant,&amp;hnear=Adnan+Menderes+Blv,+Mersin%2FYeni%C5%9Fehir,+T%C3%BCrkiye&amp;ll=36.778016,34.586682&amp;spn=0.006295,0.011489&amp;output=embed"></iframe>
    </td>

    </tr>
</table>
...