Выравнивание элементов рядом в HTML - PullRequest
0 голосов
/ 18 ноября 2011

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

Сайт использует WordPress, и это будет страница.С перезагруженной таблицей из WP Table и картой Google.Вот код в настоящее время:

<p style="text-align: left;">[table id=4 /]<small></small></p><p style="text-align: right;">
<iframe src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Avie's+SKi+Sports+100+Main+Street,+Westerly,+R+02891-2194&amp;aq=&amp;sll=41.375316,-71.831092&amp;sspn=0.006948,0.016512&amp;vpsrc=0&amp;g=100+Main+Street,+Westerly,+R+02891-2194&amp;ie=UTF8&amp;hq=Avie's+SKi+Sports+100+Main+Street,+Westerly,+R+02891-2194&amp;hnear=&amp;radius=15000&amp;t=m&amp;ll=41.379063,-71.831102&amp;spn=0.015457,0.027466&amp;z=15&amp;iwloc=lyrftr:m,9024240540147588029,41.375323,-71.831043&amp;output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="640" height="480"></iframe>
<small><a style="color: #0000ff; text-align: left;" href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Avie%27s+SKi+Sports+100+Main+Street,+Westerly,+R+02891-2194&amp;aq=&amp;sll=41.375316,-71.831092&amp;sspn=0.006948,0.016512&amp;vpsrc=0&amp;g=100+Main+Street,+Westerly,+R+02891-2194&amp;ie=UTF8&amp;hq=Avie%27s+SKi+Sports+100+Main+Street,+Westerly,+R+02891-2194&amp;hnear=&amp;radius=15000&amp;t=m&amp;ll=41.379063,-71.831102&amp;spn=0.015457,0.027466&amp;z=15&amp;iwloc=lyrftr:m,9024240540147588029,41.375323,-71.831043">View Larger Map</a></small></p>

Ответы [ 2 ]

1 голос
/ 18 ноября 2011

Обычно, когда вы хотите разместить что-то рядом на странице, у вас есть два варианта:

  1. Старая школа - использование таблиц (если вы используете такую ​​программу, как Dreamweaver, это должно быть довольно просто - Вставка> Таблица)
  2. Лучший способ - использование CSS. Это может быть немного сложнее для вас, так как вы сказали, что у вас нет опыта работы с HTML, и я предполагаю, CSS.

Способ CSS потребует от вас создания таблицы стилей с двумя делениями (делениями). Вот пример кода, который сделает это:

<style>
 #col1{ width:300px; float:left;}
 #col2 { width:300px; float: right;}
</style>

Приведенный выше код будет находиться между вашими <head></head> тегами. Затем в теле своей страницы вы просто позвоните двум div:

<div id="col1">YOUR CONTENT</div>
<div id="col2">YOUR CONTENT</div>
0 голосов
/ 26 мая 2019

У меня была похожая проблема. Я пытался использовать маршрут CSS, но не смог. Если вы используете Wordpress, самый простой способ - разместить 2 столбца в нужном вам разделе. затем поместите по одному элементу в каждый, а затем нацеливайте их HTML-коды соответственно.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...