导航栏使用< DIV> [英] Navigation bar using <DIV>
问题描述
我习惯使用Dreamweaver中的表格。但是，我的办公室想要使用< div>标签而不是表格。由于我是新手，我想知道如何将我的左侧导航栏重新创建为div？例如，如何布局当前在单元格中的翻转图像按钮，以在div中对齐？如何使用页面中心的左侧导航栏，页眉和内容创建相同的布局？如何定义这些元素以某种方式对齐？坦率地说，我不知道如何在< div>中放置按钮链接。标签。
谢谢
Hi,
I am used to working with tables in Dreamweaver. However, my office wants to use the <div> tag instead of tables. Since I am new to this I wonder how I can recreate my left-side navigation bar to a div? For instance, how to I layout my rollover image buttons that are currently in cells, to align in a div? How can I create same layout by using left-side nav bar, header, and content in center of page? How do I define these elements to align in certain ways? Frankly, I have no clue how to place the button links in the <div> tag.
Thanks
推荐答案
你真正在做的是，而不是使用表来为你做对齐，你将使用CSS。 A< div>只是一个结构元素，可能会或可能不会用于分组其他元素。太多人认为div是表的替代品。它不是。
您正在寻找的布局非常典型，可能是教程的主题。这是我刚刚拍的东西。
What you are really doing is, instead of using a table to do your alignment for you, you are going to use CSS. A <div> is only a structural element that may or may not be used to group other elements. Too many people think a div is a replacement for tables. It is not.
The layout you are looking for is quite typical and probably the subject of a tutorial. Here is something I just slapped together.
查看这些资源以获取更多信息以帮助您入门：
http://www.glish.com/css/
http://www.maxdesign.com.au/presentation/page_layouts/
Check out these resources for more info to get you started:
http://www.glish.com/css/
http://www.maxdesign.com.au/presentation/page_layouts/
嗨！
谢谢！那太有用了！我使用你的html代码创建了一个页面。正是我在寻找的！这让我有了更多的问题......：
- 我可以使用外部样式表而不是在本文档中使用样式吗？一个包含所有CSS样式的东西？
-I已经提供了一个已包含我将使用的标题的html文档。这个html文档调用我们使用的css文件，还包含服务器端包含。在我读到的文件中：
< div id =" test">
<！ - #include virtual =" xxxxxx" - >
<！ - #include virtual =" /xxxx.html" - >
<！ - #include virtual =" / xxxxxxxxls。 HTML" - >等....
我以为我用这个文件来创建我的模板。如何一起使用包含和DIV标记？这是否意味着我需要创建导航栏作为包含，然后将样式附加到它;或者我可以直接在这个文档中创建导航链接。
再次感谢！
Hi!
Thanks! That was so helpful! I created a page using your html code. Exactly what I was looking for! This brings me to more questions...:
-Can I instead of using styles in this document use an external style sheet? One that would include all the CSS styles?
-I have been supplied with an html document that already contains the header I will use. This html document calls the css file we use, and also contains server side includes. In the file I read:
<div id="test">
<!--#include virtual="xxxxxx"-->
<!--#include virtual="/xxxx.html"-->
<!--#include virtual="/xxxxxxxxls.html"--> etc....
I thought I use this document to create my template. How do I work with includes and DIV tags together? Does this mean I need to create the nav bar as an include, then attach styles to it; or can i just create the nav links right inside this document.
Thanks again!
你真正在做的是，你将使用CSS而不是使用表来为你做对齐。 A< div>只是一个结构元素，可能会或可能不会用于分组其他元素。太多人认为div是表的替代品。它不是。
您正在寻找的布局非常典型，可能是教程的主题。这是我刚刚拍的东西。
What you are really doing is, instead of using a table to do your alignment for you, you are going to use CSS. A <div> is only a structural element that may or may not be used to group other elements. Too many people think a div is a replacement for tables. It is not.
The layout you are looking for is quite typical and probably the subject of a tutorial. Here is something I just slapped together.
这篇关于导航栏使用< DIV>的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
