我希望它显示链接按钮旁边的图像块和按钮下方的上下文块,但在图像块旁边.
第二个问题是我的标题标题,即图像正在删除背景图像.
HTML代码
<!DOCTYPE HTML><HTML xmlns="http://www.w3.org/1999/xhtml"><head><Meta charset="UTF-8"><link href="Articlepage.CSS" rel="stylesheet" type="text/CSS"><Title>BEADLES BEADING</Title></head><body ID="wrap"><h1><img src="logo.jpg" alt="logo"></h1><a href="Home Page.HTML"><img src="buttons/New button Home Unpressed.jpg" alt="home"></a> <a href="Article Page.HTML"><img src="buttons/New button About us pressed.jpg" alt="about_us"></a><a href="Section Page.HTML"><img src="buttons/New button Products Unpressed.jpg" alt="products"></a><a href="Contact us.HTML"><img src="buttons/New button Contact us Unpressed.jpg" alt="contact_us"></a><a href="url"><img src="buttons/New button Home Unpressed.jpg" alt="home"></a><table3>AD SPACE(Image)</table3><table><tr><td><b>IMAGE/CONTENT</b><b>IMAGE/CONTENT</b><b>IMAGE/CONTENT</b><br><b>IMAGE/CONTENT</b><b>IMAGE/CONTENT</b><b>IMAGE/CONTENT</b><br><br><br><br><br><br><br><br><br><br><br></td></tr></table><table2><tr><td>FOOTER</td><tr></table2></body></HTML>
CSS代码
div{ text-align:left; position:relative; Font-size:2.5em; Font-weight:bold; } div1{ text-align:left; position:relative; Font-size:1.5em; text-shadow: 2px 2px black; Font-family:Georgia,Times,serif; text-shadow: -1px -1px black,1px 1px; } h1{ text-align:left; Font-family:Arial,Helvetica,sans-serif; text-shadow: 0.1em 0.1em 0.2em black; Font-size:2.0em; Font-style:italic; float:inline; border:3px solID black; wIDth:800px; height:196px; padding:0; } h2{ text-align:left; position:relative; Font-size:1.5em; Font-family:Verdana,sans-serif; text-shadow: -1px -1px black,1px 1px; } p{ position:relative; text-align:left; Font-size:1em; Font-family:Georgia,1px 1px; } li { position:relative; Font-size:1em; } a{ padding:0; float:left; } b{ border:3px solID black; wIDth:180px; height:10.5em; padding:10px; float:left; } b1{ border:3px solID black; position:absolute; wIDth:40px; height:23em; padding:10px; float:right; position: relative; } b2{ border:3px solID black; position:absolute; wIDth:40px; height:23em; padding:10px; position: relative; } body{ background-image:url('background.jpg'); background-size: 100%; margin:20px; wIDth:800px; padding:30px; position: relative; } .centeredImage { text-align:center; margin-top:0px; margin-bottom:0px; } table{ display:inline-block; wIDth:640px; margin-left: auto; margin-right: auto; border-style:solID; border-wIDth:5px; text-align:center; height:400px; padding:0; } table2{ display:inline-block; wIDth:625px; margin-left: auto; margin-right: auto; border-style:solID; border-wIDth:5px; text-align:center; height:50px; } td{ text-shadow: 0.1em 0.1em 0.2em black; Font-family:"Times New Roman",serif; } table3{ float:right; wIDth:150px; border-style:solID; border-wIDth:5px; text-align:right; height:490px; padding:0; } p2{ border:10px solID black; float:rights; } select{ wIDth:200px } #wrap{ wIDth: 900px; margin: 0 auto; } Image link.
看,我相信你会得到它应该是什么样子.此外,白色背景应该有一个淡紫色的图像,我作为背景放入身体.
>您正在使用不存在的标签
>设置尺寸时,您没有考虑边框的宽度
您将主体的宽度设置为800px,将第一个表设置为640px,将table3的宽度设置为150px.但两者的边界都是5px宽. 640 10(第一个表的左右边界)10(第二个表的左右边界)150 = 810.即使标签是正确的,它们也太宽而不能彼此相邻.
更改
<table3>Ad Space</table3>
和
<b>IMAGE/CONTENT</b><b>IMAGE/CONTENT</b><b>IMAGE/CONTENT</b><br><b>IMAGE/CONTENT</b><b>IMAGE/CONTENT</b><b>IMAGE/CONTENT</b>
至
<div ID="adCol">Ad Space</div>
和
<div ID="#imgdiv"> <img /> <img /> <img /><br /> <img /> <img /> <img /></div>
在CSS中将“b”更改为“#imgdiv img”,将“table”更改为“#imgdiv”,将“table3”更改为“#adCol”.然后减小边框的宽度或使其中一个宽度至少小10px.
不要忘记删除table2标记并更改你所谓的b1和b2以使用真正的HTML标记并将CSS中的b1和b2更改为类名或ID.
另外,请考虑不设置身体的宽度.你可能不需要那个.
总结以上是内存溢出为你收集整理的删除2个表之间的空格HTML CSS和图像删除背景图像全部内容，希望文章能够帮你解决删除2个表之间的空格HTML CSS和图像删除背景图像所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）