Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在HTML中并排对齐元素_Html_Wordpress_Google Maps - Fatal编程技术网

在HTML中并排对齐元素

在HTML中并排对齐元素,html,wordpress,google-maps,Html,Wordpress,Google Maps,我正在一个网站上工作(这是我作为开发人员的第一个网站),我想知道是否有人可以帮助我将这些项目与彼此相邻的项目水平对齐。我不知道如何编写HTML代码,所以我对它完全不熟悉。在大多数情况下,当我开发网站时,我会去做一些在线帮助,但在这个例子中,我会得到你的帮助 该网站正在使用WordPress,这将是一个页面。重新加载W-P表格中的表格和谷歌地图。 以下是当前的代码: <p style="text-align: left;">[table id=4 /]<small><

我正在一个网站上工作(这是我作为开发人员的第一个网站),我想知道是否有人可以帮助我将这些项目与彼此相邻的项目水平对齐。我不知道如何编写HTML代码,所以我对它完全不熟悉。在大多数情况下,当我开发网站时,我会去做一些在线帮助,但在这个例子中,我会得到你的帮助

该网站正在使用WordPress,这将是一个页面。重新加载W-P表格中的表格和谷歌地图。 以下是当前的代码:

<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>

[表格id=4/][p>


通常,当您想在页面上并排排列某个内容时,有两个选项:

  • 老式的使用表格的方式(如果您使用的是Dreamweaver之类的程序,这应该相当简单-插入>表格)
  • 更好的方法是使用CSS。这对你来说可能有点难处理,因为你说你没有使用HTML的经验,而我认为是CSS
  • CSS方法需要创建一个带有两个分区(div)的样式表。下面是一些代码的示例:

    <style>
     #col1{ width:300px; float:left;}
     #col2 { width:300px; float: right;}
    </style>
    
    
    #col1{width:300px;float:left;}
    #col2{width:300px;float:right;}
    
    上面的代码位于
    标记之间。然后在页面主体中,您只需调用两个div:

    <div id="col1">YOUR CONTENT</div>
    <div id="col2">YOUR CONTENT</div>
    
    您的内容
    你的内容
    
    我也有类似的问题。我尝试使用CSS路由,但失败了。如果您使用的是Wordpress,最简单的方法是在需要分区的部分中放置两列。然后在每个元素中放置一个元素,然后相应地针对它们的HTML代码

    除了Dreamweaver,还有什么免费的替代品吗?或者,我一直在努力获取它或者编写一个样式表。问题是这只是WordPress网站上的一个页面,使用了WordPress主题的样式表。@Tom信不信由你,你实际上已经在使用CSS了。样式属性的值是CSS。我正在使用CSS,但不是我自己创建的。现在,我是你的普通人,他会进入.css文件并删除,直到他们知道什么东西起作用并改变颜色。