作者FrankYoshi (法兰克耀西)
看板Blog
标题[无名] 有关於版面问题想请教各位！
时间Mon May 10 20:21:53 2010
各位版上的部落格高手你们好
最近自己在学习设计部落格版面
有赖於版上众多高手的分享，着实让我或益良多
现在有一个无法解决的问题，想要请教各位朋友
我是以无名小站作为平台
在修改css样式表中，自行修改版面来了解CSS语法
我希望学习弯弯的部落格
网址：
http://www.wretch.cc/blog/cwwany
在banner处放入自己手绘的图搞
另外在banner的左侧设定超连结（弯弯部落格里的plurk、facebook、e-mail）
我主要使用的方法，是在样式管理的样式描述处，加入html语法
语法如下：
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href=" 网址_1 ">
<img border="0" align="left" style="position:absolute;left:45px;"
src="图片部落格首页所在网址">
</a>
<br><br>
<a href="网址_2">
<img border="0" align="left" style="position:absolute;left:45px;"
src="图片下载订购单所在网址">
</a>
<br><br>
<a href=网址_3">
<img border="0" align="left" style="position:absolute;left:45px;"
src="图片联络我们所在网址">
</a>
图片显示以及图片超连结皆无问题
只是若分别在「PCMAN」以及「firefox」开启网页，则出现走位问题
firefox上的正确显示：
http://www.wretch.cc/album/show.php?i=FrankYoshi&b=5&f=1405388169&p=0
pcman上跑掉位子的显示：
http://www.wretch.cc/album/show.php?i=FrankYoshi&b=5&f=1405388170&p=1
素闻ie在解读css语法时会出现问题，只是我在css语法叙述中加入叙述
语法：
#banner{
position:relative; }
仍无法有效解决走位问题
下面再提供我的css语法架构，希望各位高手若能看出任何端倪
不吝给予我鞭策，
#container1{
width:950px; }
#banner{
width:950px;
height:500px; }
#banner{
position:relative; }
#main2{
width:890px;
margin:0px auto; }
#links{
width:27%; }
#content{
float:right;
height:1860px;
overflow:scroll;
width:73%; }
#footer{
height:30px;
width:950px; }
感谢各位高手耐心看完，在此先向诸位道谢～
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 118.233.153.181