花了一个黄金周末的通宵终于写好了,xhtml+css一共只有7K!!!别小看着两个小小的文件,它们对我的意义却是非同寻常,许许多多的第一次伴随着它们一同来临,给我以动力...
第一次制作网页,
第一次手工写代码,
第一次真正理解了XHTML和CSS协同的工作原理,
第一次通过了w3c的XHTML和CSS校验,
第一次优化了ie和mozilla的观感,
...
这一切对于一个新手来说是多么高兴的事阿!!!
看到了成功,也忽略了不足,谨此贴出ie和mozilla的截图,及其代码,还望坛中高手和前辈给予扶正优化.
一些幼稚的代码行为请别见笑哦，请版主和高手们点拨一下...翘首期待中...

点击查看fireworks设计初稿

点击查看ie6.0截图

点击查看mozilla截图


点击查看xhtml代码

点击查看css代码

well done!
我想请教你margin-left:0px;这个是针对什么bug？

呵呵,那条是去掉IE的bug,你可以去掉这条看看就知道了,效果非常明显.

左边的蓝色长条什么方法实现渐变?请版主和高手们点拨....

wwwsky在上个帖子中说

引用:

左边的蓝色长条什么方法实现渐变?请版主和高手们点拨....

background-image

wwwsky在上个帖子中说

引用:

呵呵,那条是去掉IE的bug,你可以去掉这条看看就知道了,效果非常明显.

看不出丝毫变化

PorkFat在上个帖子中说

引用:

wwwsky在上个帖子中说
[quote] 呵呵,那条是去掉IE的bug,你可以去掉这条看看就知道了,效果非常明显.

看不出丝毫变化
[/quote]
我想这和你的前后相对的依附结构有关联，在我原来的代码组合里效果是看得到的。当然，用在别的代码里面就要用到另一句话了：实践是检验真理的唯一标准。

今天继续优化代码。
或许比较奇怪了吧，花这么多时间来仅仅为了下面这些工作，值得吗?
但我想先把结构布局安排妥当并精简，不至于到了后面代码越来越多再发现要改动等等，那眼睛就可能要发花了。现在瘦身只剩下3K了.


点击查看xhtml修改2

点击查看CSS部分修改2

wwwsky在上个帖子中说

引用:

PorkFat在上个帖子中说
[quote] wwwsky在上个帖子中说
[quote] 呵呵,那条是去掉IE的bug,你可以去掉这条看看就知道了,效果非常明显.

看不出丝毫变化
[/quote]  
我想这和你的前后相对的依附结构有关联，在我原来的代码组合里效果是看得到的。当然，用在别的代码里面就要用到另一句话了：实践是检验真理的唯一标准。 [/quote]
请教你，这究竟是针对哪个bug的吖？

第一次制作网页就用xhtml+css，这位兄台很强悍了~~~那时候我最开始做的时候，就是搞搞FP和网上到处搞来的乱78糟的js……呵呵~仰慕，向你学习~

这么简单的效果就用了这么长的代码，兄台还要继续优化代码啊
多用用继承等属性

PorkFat在上个帖子中说

引用:

   
看不出丝毫变化

我也是个很新的新手，具体我还没研究透彻，但我当时第一个布局出来时的确是遇到了mozilla和IE之间某些语句定义不一样的地方，比如当时用了很多position，一直无法很好的定位准确，后来研究了Zeldman的代码，发现了这一条代码，借鉴来一用，既然都修正好了定位的问题。我想这条代码也应该是针对position的问题。现在的代码我都几乎不用了position，所以看不到效果。
个人意见，仅供参考。

小猪头在上个帖子中说

引用:

第一次制作网页就用xhtml+css，这位兄台很强悍了~~~那时候我最开始做的时候，就是搞搞FP和网上到处搞来的乱78糟的js……呵呵~仰慕，向你学习~

不敢当了。。。我自己的底细我最清楚，有很多在你们眼里要笑话的东西，而我却还还在摸爬中，惭愧阿...我发帖出来是想看看无私的前辈们能否给我一些意见，少走弯路阿。
PS：你的网站很好噢，很多技术以后我要用到时，还望你能不吝赐教...

xyuer99在上个帖子中说

引用:

这么简单的效果就用了这么长的代码，兄台还要继续优化代码啊
多用用继承等属性

恩，的确继承属性是精简的好帮手，刚刚学会用，现在已经再次优化好了,点击查看样稿，
一些思路还在禁锢中，多谢点拨...

wwwsky在上个帖子中说

引用:

PorkFat在上个帖子中说
[quote]   
看不出丝毫变化

我也是个很新的新手，具体我还没研究透彻，但我当时第一个布局出来时的确是遇到了mozilla和IE之间某些语句定义不一样的地方，比如当时用了很多position，一直无法很好的定位准确，后来研究了Zeldman的代码，发现了这一条代码，借鉴来一用，既然都修正好了定位的问题。我想这条代码也应该是针对position的问题。现在的代码我都几乎不用了position，所以看不到效果。
个人意见，仅供参考。 [/quote]

我明白了，有可能你是指IE Double-Margin Bug，这个bug以前Yuntian也问过，但是你的方法错了，而且你的代码避过了这个bug，没必要加这一句

wwwsky在上个帖子中说

引用:

xyuer99在上个帖子中说
[quote] 这么简单的效果就用了这么长的代码，兄台还要继续优化代码啊
多用用继承等属性

恩，的确继承属性是精简的好帮手，刚刚学会用，现在已经再次优化好了,点击查看样稿，
一些思路还在禁锢中，多谢点拨... [/quote]

继承不是你这样用的，你看你的代码：
#home,
#wp,
#nt,
#gn,
#cl,
#cr,
#b,
#f,
#crt,
#crl,
#crr,
#l,
#ntt,
#nl,
#nr,
#ns{
       border: 0;
       padding: 0;
       margin: 0;
       margin-left: 0px;
       }
写成这样就可以了：
div {       border: 0;
       padding: 0;
       margin: 0;
       margin-left: 0px;
       }
用的id太多了，没必要，仔细研究一下CSS的选择符

呵呵，还是法眼厉害啊。。。收到，立即改进，恩，继续研究。谢谢！！！

下面和我这个网站方案相关，但关于数据库对接的问题，不敢发在这里...

点击进入数据库对接的问题BBS