For a lot of people use Div to do the site, always use, but in the display of the effect there will always be a small black spot, this makes a lot of people headache, but can not find the source, others we may use the following methods to clear.1. Write code in CSS. Find the relevant CSS, write List-sytle:none under. Li and. UL; of course, some of them write list
In CSS layout, the use of ul,li is very common. With Div and CSS, create no table layout.
In fact, Dreamweaver also has a sample of the CSS layout, as shown in the following figure:
The format of the Li code:A). Using CSS to format list characters:
. imglist li span {display: block; width: 100%; height: 30px; line-height: 30px; background: # F6F6F6}Display: block enables the span to set the width and height to take effect and exclusively occupies one row;Width: 100%; height: 30px; set the width and height. The width of 100% inherits from the parent class li width equal to the setting (160px width, the benefit of setting the 100% width is that the 100% width is automatically calculated with the p
indicates that the list is inside the block.3: How to use the list style in a paragraph is as follows:#inline-list {border:1px solid #000; Margin:2em; width:80%; padding:5px; Font-family:verdana, Sans-serif;}#inline-list p {display:inline;}#inline-list ul, #inline-list li {Display:inline; margin:0; padding:0; Color: #339; Font-weight:bold;}4: Horizontal Navigation#h-contain {padding:5px; border:1px solid #000; margin-bottom:25px;}#pipe
Div + CSS label ul ol Li dl dt dd usage ul ol Li DL dt
Dd is what Div + CSS is used for the growth of web pages. It is equivalent to the tree technique of a tree. Next we will take a look at the usage of these things. I use dd, DT, and DD very little, knowing how to use it in combination is very beneficial to the archi
This article mainly introduces about the CSS control of the UL LI style analysis, has a certain reference value, now share to everyone, the need for friends can refer to
P+CSS, we use the most is UL Li to display data, such as news buttons. Below to give you a CSS
The CSS UL Li Center originally thought very easy to realize, because the usual is to let Li Float:left, so that the back can line up, the center did not do the request, but recently engaged in a project, must let the UI of each Li are centered, this can make me difficult, did not think that I was hard to break, But I solved it. The following method:
My method is mainly to use Li's floating fixed width to
Article Introduction: In the ul of Li's height in IE6, IE7, IE8, FF under the incompatibility Question solution method.
In the page sometimes use the UL Li list when IE6, IE7, IE8, FF height will be different (which IE6 and IE7 height, IE8 and ff height), set high after using Overflow:hidden; and it doesn't matter, this question has been bothering me, So that I can only use div to do the list,
default stylePage margins:
IE defaults to 10px, set by the body's margin property
FF defaults to 8px, via the body's Padding property setting
Segment spacing:
IE defaults to 19px, set by the Margin-top property of P
The FF defaults to 1.12EM, which is set by the Margin-bottom property of P
Title Style:
H1~h6 default bold display: Font-weight:bold;.
List style:
ie default to 40px, through the margin properties of
Original address: http://www.cnblogs.com/amylis_chen/archive/2011/09/24/2188398.htmlFirst step: Create an unordered list we first create a sequence-free table to create a menu structure. The code is:Second step: Hide the Li's default style because it doesn't look good, the menu usually doesn't need the Li default dot, we define a style for UL to eliminate these dots.Of course, in order to better control the entire menu, we put the menu in a Div. The p
CharactersKatakana-iroha:css2 not supported. Japanese Katakana Serial NumberLower-latin:css2 not supported. lowercase Latin alphabetUpper-latin:css2 not supported. Uppercase Latin alphabet
-------------------
The format of the Li code:
A). Use CSS to format list characters:
UL li{List-style-type:none;}
B). If you want to change the list character to an image:
UL
Perhaps the easiest way to create a CSS style text navigation bar is to put all the links in one line of text, which seems reasonable and intuitive. But the problem is that putting all the links in one line of text makes it hard to control the gaps between the links and the front and back. So, in order to avoid all the links being squeezed together, you end up usually having to insert something or a newline of whitespace to separate the text so that i
The simplest way to create a CSS-style text navigation bar might be to put all the links in one line of text, which looks reasonable and intuitive. But the problem is that it's hard to control the gaps between links and back and forth by putting all the links in one line of text. So, in order to avoid all the links being squeezed together, you end up having to insert something or a non-newline blank character as a separator to separate the text from t
ul+li and CSS make Korean style menu code _ Experience Exchange
South Korea's Web site is characterized by distinctive design, bright colors, and now more and more people are imitating this style.Korean style web site design ideas are loved by everyone, because of its rich color changes, Korean-style website has one of the most obvious feature is the table or the title bar often add a horizontal or vertic
Perhaps the simplest solution to creating a CSS style text navigation bar is to put all links in one line of text. This method looks reasonable and intuitive. But the problem is that it is difficult to control the gaps between links and between the front and back of links by placing all links in one line of text. Therefore, in order to prevent all links from being crowded together, you usually have to insert some blank characters or non-wrap character
The navigation bar consists of graphical images placed in a row of table units or text in cells, since it is no longer recommended to use tables to locate any non-Table Page Content, many Web users are looking for new methods to create navigation bars using structured XHTML tags and CSS formats. This method is also more friendly to search engine spider, which is very important for us.Perhaps the simplest solution to creating a
The simplest way to create a CSS-style text navigation bar might be to put all the links in one line of text, which looks reasonable and intuitive. But the problem is that it's hard to control the gaps between links and back and forth by putting all the links in one line of text. So, in order to avoid all the links being squeezed together, you end up having to insert something or a non-newline blank character as a separator to separate the text from t
The format of the Li code: A). Use CSS to format list characters: ul li{ List-style-type:none } B). If you want to change the list character to an image, then: UL li{ List-style-type:none List-style-image:url (/blog/images/icon.gif); } C). To align Left, you can use the following code: ul{ List-style-type:none mar
1 Div in the center of the page problem1) when theposition value is relative (relative positioning), the CSS settings property margin:0 Auto; (0 auto, which indicates that the upper and lower bounds are 0, the left and right are adaptive to the same value according to the width, that is, centered).2)position value is relative (absolute positioning), CSS settings Properties text-align:center; left:50%; margi
Why define the ul {margin: 0; padding: 0;} selector in the css file?
Why define the ul {margin: 0; padding: 0;} selector in the css file?
Ul labels have padding values by default in FF, while only margin has default values in IE. What are the default values of padding and
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.