Web_Design 板


LINE

※ 引述《SophiaH (Sophia)》之铭言: : 学习网设的新手想请教在 header ID 用 table 做一列数栏 : 的表格放导览按钮後, 在下方 content ID 里有报价表的表格也会被上方 : 的 table CSS 影响到, 在滑动浏览报价表时出现 hover 滑鼠变换影像 : 看起来似乎上方 header 不应该用 table 做导览.. : 最近看过一本 CSS 的书也提到用 ol 建横排导览, 所以前天有试过 : 可是没定位在我想放的位置 (我想放左上 logo 图档的右边), : 我有试在 style CSS 加上 float : right 之後就只 : 是定在 logo 下方的右边 (不往上移)..想请问用这方法该怎麽调动定位 ? : 又或者 header 那里应该用其他方法做导览吗 ? : 谢谢先进指导先.. 小的不才,菜得很,但多少知道要如何解决你的问题, 就厚着脸皮写一下我的做法, 正如我推文所说,如果能PO上你的原始码给大家看看, 相信一定会有更精确的做法提供给你参考, 至於目前就先照着你字面上的意思来看要怎麽解决好了。 首先,在header里面的导览列,个人倾向於使用「清单」的方式来制作, 简单、清楚、又快速。 所谓「清单」就是使用<ul><li><li></ul>的方式来制作,例如: <header> <ul> <a herf="!@#$@#^"><li>home</li></a> <a herf="13513"><li>mail</li></a> <a herf="125135"><li>about</li></a> </ul> </header> 如此一来,只要在CSS样式里面调整一下就很好用了,例如: header{text-align:right;float:right;} header a{color:#FFF;brabrabra...} (有很多字懒的打,相信你懂我意思@@) (另外此为个人喜好&HTML5的写法,勿战,如果是XHTML1.0请江header改成DIV即可) 至於另外一种做法是,使用「定位」调整,不过大同小异。 此种做法是,你可能在header里不是使用背景图片来制版, 又或者已经放了一些东西不好改, 就可以考虑在header後面再加一个导览列的DIV, 一样用清单排好,CSS调好之後, 再利用position里面的relative调整位置, 如此一来比较能够调整到你要的位置, 大致上就是这样, 以上。:) --



※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.224.85.234
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1396012962.A.81D.html
1F:推 jizz56:good! 03/28 23:54
2F:推 SophiaH:谢谢 leo 大大指导, 我的原始码没有做到"用position里面的 03/29 18:45
3F:→ SophiaH:relative调整" 等再试过後如还不行再贴原始码上来. 谢谢 03/29 18:47
4F:→ leochen0818:大大不敢当,一起加油!!:) 03/29 21:50







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:Soft_Job 或 站内搜寻

TOP