Some centering issues with HTML-CSS-! The Great God Returns_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:20:09
Original
965 people have browsed it

CSS html

I added
*{ margin:0px; padding:0px;}
Copy after login


to the style. How can I center the table without deleting all margins and setting them to 0px!
Please let me know!
Thank you!
Yeah!


Reply to discussion (solution)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>好看的广告</title><link rel="stylesheet" type="text/css" href="help/index.css"/><style type="text/css">*{ margin:0px; padding:0px;}</style></head><body><div id="top"><table id="lk" align="center"><tr><td align="center"  valign="middle"  height="30px"><h1>普通的图片切换</h1><span  style="color:#F00; font-size:12px;">这个效果请别用IE浏览器观看</span></td></tr><tr><td class="ss"><div><b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b><div id="shows" class="b d1 k"><div name="div_xz"  class="on" onmouseover="show(this)">1</div><div name="div_xz"  onmouseover="show(this)">2</div><div name="div_xz"  onmouseover="show(this)">3</div><div name="div_xz"  onmouseover="show(this)">4</div><div name="div_xz"  onmouseover="show(this)">5</div><div name="div_xz"  onmouseover="show(this)">6</div><div name="div_xz"  onmouseover="show(this)">7</div></div><b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b></div></td></tr><tr><td align="center"  valign="middle"  height="30px"><h1>图片逐渐的切换</h1><span  style="color:#F00; font-size:12px;">这个效果请用IE浏览器观看</span></td></tr><tr><td class="ss"><div><img id="img_zj" class="lukang" src="img/1.jpg" width="700" height="290" /></div></td></tr><tr><td align="center"  valign="middle"  height="30px"><h1>图片滚动的切换</h1><span  style="color:#F00; font-size:12px;">这个效果什么浏览器都OK</span></td></tr><tr><td><div id="img_gd"><ul id="ul_img"><img src="img/1.jpg" width="700" height="290" /><img src="img/2.jpg" width="700" height="290" /><img src="img/3.jpg" width="700" height="290" /><img src="img/4.jpg" width="700" height="290" /><img src="img/5.jpg" width="700" height="290" /><img src="img/6.jpg" width="700" height="290" /><img src="img/7.jpg" width="700" height="290" /></ul></div></td></tr></table></div><script type="text/javascript" src="help/index.js"></script></body></html>
Copy after login

No one?

Everyone in the forum is dead

Please give you the table you want to center, or redefine the div margin:0px auto;
For example, give you the table definition above , one #lk{margin:0px auto;} is enough

Please redefine the table or div you want to center margin:0px auto;
For example, give you the above table definition, one # lk{margin:0px auto;} can
Brother, you saved my life! Can I take you as my teacher? Or add QQ to ask you questions later!
Thanks! Send me QQ email lukang94520@163.com

My QQ 1029131145

source:php.cn
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template