Home >Web Front-end >HTML Tutorial >Questions about fieldset tag_html/css_WEB-ITnose
Questions about fieldset tag_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:10:19924browse
http://www.91yhg.com/index.jsp
I took out the code in the "Friendly Links" section at the bottom of this site, but the display looks different
Please give me some pointers. I missed it. Which codes... (I just changed the height)
HTML:
<div class="links"> <fieldset> <legend>友情链接</legend> </fieldset></div>
========
CSS:
.links{ width:960px; height:50px; line-height:50px; margin-top:5px; margin-bottom:15px;} .links fieldset{ border:2px #A50B0D solid; width:946px; height:auto; vertical-align:middle;}.links legend{ color:#A50B0D; font-weight:600;} .links a{ margin-left:10px; margin-right:10px;} It’s the same Firefox browser, but the effect is different. The following is a screenshot:
Reply to the discussion (solution)
I watched it on IE 9 and there was no problem. .
There is no problem when viewing it on 360, but when viewing it on Firefox, why is the site like that? Is there some missing code...
<!DOCTYPE HTML><html> <head> <meta charset="gb2312" /> <style>.links{ width:960px; height:50px; line-height:50px; margin-top:5px; margin-bottom:15px;} .links fieldset{ border:2px #A50B0D solid; width:946px; height:auto; vertical-align:middle;}.links legend{ color:#A50B0D; font-weight:600;} .links a{ margin-left:10px; margin-right:10px;} </style> </head> <body> <div class="links"> <fieldset> <legend>友情链接</legend> </fieldset> </div> </body></html> No problem. Let me check if your other css is affected.
I tested it for you, no problem
Thank you, my original CSS file was
*{margin:0;
padding:0;}
It was causing trouble. So I added margin-left to lgend
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：[Excuse me, I used DW8 to lay out the web page. Why is the layout completely messed up when I open it in CS5, but when I preview it, there is no problem? How to solve it? 】_html/css_WEB-ITnoseNext article：[Excuse me, I used DW8 to lay out the web page. Why is the layout completely messed up when I open it in CS5, but when I preview it, there is no problem? How to solve it? 】_html/css_WEB-ITnose