简单新手HTML
一个快速的HTML问题。我是个新手,这已经困扰了我好几个小时了。在Joomla中使用自定义HTML模块,我似乎无法使内容正确对齐。除Firefox之外的所有浏览器中都会发生此错误 页面右上角有一个标题“欢迎来到Rib顾问”。下面是一个Facebook登录按钮,在IE浏览器中,Safari不会和“登录”和“注册”对齐。看到这里了吗 希望有人能指出我做错了什么。我使用的HTML代码是:简单新手HTML,html,css,Html,Css,一个快速的HTML问题。我是个新手,这已经困扰了我好几个小时了。在Joomla中使用自定义HTML模块,我似乎无法使内容正确对齐。除Firefox之外的所有浏览器中都会发生此错误 页面右上角有一个标题“欢迎来到Rib顾问”。下面是一个Facebook登录按钮,在IE浏览器中,Safari不会和“登录”和“注册”对齐。看到这里了吗 希望有人能指出我做错了什么。我使用的HTML代码是: <h3><div style="padding-top: 35px !important; ma
<h3><div style="padding-top: 35px !important; margin-bottom: -12px !important; color: #f26f14;">Welcome to Rib Advisor</div></h3>
<a href="#login_lb" data-lightbox="on">Login</a>
<div style="display: none;">
<div id="login_lb" style="width: 270px; height: 300px; overflow: auto; padding-left: 10px; padding-top: 10px; background-color: #1f1f1f;">{module 210}</div>
</div>
<span><a href="http://www.ribadvisor.com/my-rib-advisor/register">|Register|</a></span> <span style="float: right;">{module 200}</span>
欢迎来到Rib Advisor
{模块210}
{模块200}
干杯给
span
(包含iframe
)一个display:inline block
设置,移除你给它的float:right
,它就会工作
<span style="float: right;">{module 200}</span>
{module 200}
应该是:
<span style="display: inline-block">{module 200}</span>
{module 200}
尝试将宽度
添加到以下类中
.tm-headerbar .uk-panel
{
width:280px;
}
使用内联样式是一种不好的做法,您的样式应该有一个单独的CSS文件。我只是在学习,还不太了解如何将这样的内容链接到CSS文件。谢谢你!如果您正在学习,那么链接css文件应该在更高的优先级列表中,并在firefox或开发者工具中使用firebug插件,如果您使用chrome(ctrl+shift+i),我只是说没有必要删除最大宽度。您的解决方案实际上应该只是增加宽度。