Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > Questions about fieldset tag_html/css_WEB-ITnose

Questions about fieldset tag_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:10:19
Original
915 people have browsed it

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>
Copy after login


========
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;}
Copy after login


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>
Copy after login


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

Related labels：
关于fieldset标签的疑问
source：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-ITnose Next article：CSS_html/css_WEB-ITnose for firefox CSS box model
Statement of this Website
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
Latest Articles by Author
Latest Issues
In mobile view, how can I close this navigation bar when the user clicks on the link? When the user clicks a link to browse the website, the navigation bar does not close? I've...
From 2024-04-06 19:23:03
0
1
411
Web scraping: Missing href attribute - Need to simulate mouse clicks for web scraping? For a fun web scraping project, I want to collect NHL data from ttps://www.nhl.com/stats/t...
From 2024-04-04 10:32:06
0
1
3473
Word counting in HTML using regular expressions This is the same problem as this. But since I'm not using javascript, "innerText"...
From 2024-04-01 22:44:06
0
1
416
Make sure the dropdown always appears on top of its parent, position: relative I'm trying to achieve something like below. The container contains a set of dropdowns that...
From 2024-04-01 18:43:16
0
1
316
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template