尝试在 Wordpress Widget 中使用 HTML 以特定方式对齐两列
Trying to align two columns in a specific way using HTML within a Wordpress Widget
.::编辑::.
修复了损坏的图像。
--
几天来我一直在尝试调整它,但我根本不知道如何完成它。我用 Photoshop 制作了我想要让这个 table 看起来像的东西,但是当我尝试创建一个 table 时,我要么有边框,要么有不需要的背景。
我实际上是在尝试创建下图中显示的内容。
非常感谢任何帮助!
这是目前的样子
http://i193.photobucket.com/albums/z21/therealnrm/hours1.jpg
这是它在 Wordpress Widget 中的样子 Text/HTML
i193.photobucket.com/albums/z21/therealnrm/hours2.jpg
这就是我想要的样子。
http://i193.photobucket.com/albums/z21/therealnrm/hours3.jpg
因为我无法评论,你能post table 的代码吗?此外,您所有的图像看起来都一样。
这是页脚部分的代码...
<p>
<strong>Lunch</strong>
<div class="flex_column av_one_fourth first el_before_av_one_half">Tuesday-Friday</div>
<div class="flex_column av_one_fourth el_after_av_one_fourth">11:30AM-2PM</div>
</p>
<p>
<strong>Dinner</strong>
<div class="flex_column av_one_fourth first el_before_av_one_half">Monday</div>
<div class="flex_column av_one_fourth el_after_av_one_fourth">5:30 - 9:30 PM</div>
<div class="flex_column av_one_fourth first el_before_av_one_half">Tuesday</div>
<div class="flex_column av_one_fourth el_after_av_one_fourth">5:30 - 9:30 PM</div>
</p>
只需重复两组 div 并填满您的日期和时间。会很好看的。
.::编辑::.
修复了损坏的图像。
--
几天来我一直在尝试调整它,但我根本不知道如何完成它。我用 Photoshop 制作了我想要让这个 table 看起来像的东西,但是当我尝试创建一个 table 时,我要么有边框,要么有不需要的背景。
我实际上是在尝试创建下图中显示的内容。
非常感谢任何帮助!
这是目前的样子
http://i193.photobucket.com/albums/z21/therealnrm/hours1.jpg
这是它在 Wordpress Widget 中的样子 Text/HTML
i193.photobucket.com/albums/z21/therealnrm/hours2.jpg
这就是我想要的样子。
http://i193.photobucket.com/albums/z21/therealnrm/hours3.jpg
因为我无法评论,你能post table 的代码吗?此外,您所有的图像看起来都一样。
这是页脚部分的代码...
<p>
<strong>Lunch</strong>
<div class="flex_column av_one_fourth first el_before_av_one_half">Tuesday-Friday</div>
<div class="flex_column av_one_fourth el_after_av_one_fourth">11:30AM-2PM</div>
</p>
<p>
<strong>Dinner</strong>
<div class="flex_column av_one_fourth first el_before_av_one_half">Monday</div>
<div class="flex_column av_one_fourth el_after_av_one_fourth">5:30 - 9:30 PM</div>
<div class="flex_column av_one_fourth first el_before_av_one_half">Tuesday</div>
<div class="flex_column av_one_fourth el_after_av_one_fourth">5:30 - 9:30 PM</div>
</p>
只需重复两组 div 并填满您的日期和时间。会很好看的。