ok I am a total newbie and when I draw table with border "1" and IN that table another table with the links like BIO,MUSIC etc.. but the problem is when I put in the second table and choose no border then the first one seems to ad border around the second table altough I shoose no border for second, hope you understand, but I dont want the borders around the second table,second table should have links (wich are under each other with some space between) but whitout borders.working with layers seems easyer but I wish they would remain in place when selecting other resolution..any workaround??<!--content-->That is what happens when you use tables where they do not belong.<br />
Navigation is a LIST of links.<br />
Start with a semantically meaningful markup.<!--content-->I atached a file, I dont want the borders above and beneath the BIO link,I dont have them if I set border of blue table to "0",but i want the blue table to have a black border,I want it to be like the "yes" image,so inserting a cell in the blue table is needed for having that link text?? but then I get the borders even tough for the cell they are set to "0" any solutions to achieve this like I want it or a workaround? thanks.<!--content-->I am using dreamweaver btw,as far as I know theres nothing in the manual that gives me some tips about this problem..should be easy to do.<!--content-->This is why one does NOT use tables for layout. Tables, as many people here will tell you, are for TABULAR data. There is nothing you are doing here that cannont be done with CSS, and there is way more that can be done with CSS than can be done with tables. And let's not forget that it'd be semantically correct.<br />
<br />
<br />
<style type="text/css"><br />
<!-- <br />
#box1 {<br />
background:#3366ff;<br />
color:#ffffff;<br />
border:1px solid #000000;<br />
width:90px;<br />
height:350px;<br />
padding:5px;<br />
text-align:center;<br />
font-family:Westminster;<br />
} <br />
<br />
.link {<br />
background:transparent;<br />
border:0px;<br />
color:#1e90ff;<br />
text-decoration:none;<br />
}<br />
<br />
#menu {<br />
padding:0px;<br />
margin-left:0px;<br />
list-style-type:none;<br />
text-align:center; <br />
}<br />
--><br />
</style><br />
</head><br />
<body><br />
<div id="box1"><br />
<ul><br />
<li><span class="link">Bio</span></li><br />
</ul><br />
<br />
</div><br />
<br />
<br />
That'd be a lot better to use.
<!--content-->THANKS!!! this will help me move on and learn.<!--content-->
Navigation is a LIST of links.<br />
Start with a semantically meaningful markup.<!--content-->I atached a file, I dont want the borders above and beneath the BIO link,I dont have them if I set border of blue table to "0",but i want the blue table to have a black border,I want it to be like the "yes" image,so inserting a cell in the blue table is needed for having that link text?? but then I get the borders even tough for the cell they are set to "0" any solutions to achieve this like I want it or a workaround? thanks.<!--content-->I am using dreamweaver btw,as far as I know theres nothing in the manual that gives me some tips about this problem..should be easy to do.<!--content-->This is why one does NOT use tables for layout. Tables, as many people here will tell you, are for TABULAR data. There is nothing you are doing here that cannont be done with CSS, and there is way more that can be done with CSS than can be done with tables. And let's not forget that it'd be semantically correct.<br />
<br />
<br />
<style type="text/css"><br />
<!-- <br />
#box1 {<br />
background:#3366ff;<br />
color:#ffffff;<br />
border:1px solid #000000;<br />
width:90px;<br />
height:350px;<br />
padding:5px;<br />
text-align:center;<br />
font-family:Westminster;<br />
} <br />
<br />
.link {<br />
background:transparent;<br />
border:0px;<br />
color:#1e90ff;<br />
text-decoration:none;<br />
}<br />
<br />
#menu {<br />
padding:0px;<br />
margin-left:0px;<br />
list-style-type:none;<br />
text-align:center; <br />
}<br />
--><br />
</style><br />
</head><br />
<body><br />
<div id="box1"><br />
<ul><br />
<li><span class="link">Bio</span></li><br />
</ul><br />
<br />
</div><br />
<br />
<br />
That'd be a lot better to use.
<!--content-->THANKS!!! this will help me move on and learn.<!--content-->