What is the general name of the text-links on the bottom of pages that a lot of pages have; is it called "footer"?<br />
<br />
For instance if you go on the bottom of:<br />
<!-- m --><a class="postlink" href="http://www.cbs.com">http://www.cbs.com</a><!-- m --><br />
<!-- m --><a class="postlink" href="http://www.atptennis.com/en/">http://www.atptennis.com/en/</a><!-- m --><br />
<br />
I am yet to find out how to get that vertical line between the words and what's the name of it?<br />
<br />
Terms & Conditions | Privacy Policy | Contact | FAQ<br />
<br />
If you can tell me how to do that in Dreamweaver MX, it would be great; if not just paste the code. Thanks in advance.<br />
<br />
James<!--content-->First off, it's usually called a footer, but you can call it whatever you want. Second, it's coded just like anything else on the page. Third, if you are using Dreamweaver WYSI(N)WYG view, SWITCH TO CODE VIEW AND LEARN THE CODE!!!
<!--content-->I do use code view in Dreamweaver,<br />
But my point is do I just start typing the text on the bottom of the page centered, then copy&paste the vertical lines in between the words? ..Or is there another standardized method of doing that. Was there a behavior that you input your text and it automatically does it for you?<br />
<br />
Also, I'm on the graphic design site, so too much code scares me; and if it wasn't for the Dreamweaver's help, I'd be dead.<br />
<br />
Thanks.<br />
<br />
James<!--content-->This sign "|" is called a pipe.<br />
<br />
but you can use ¦ too...<!--content-->That kind of pattern is usually realized with a list (generally <ul>) in the "modren" world.<!--content-->ray326,<br />
<br />
maybe you can explain how to remove the first or last pipe in the list...<br />
<!--content-->Originally posted by olaf <br />
ray326,<br />
<br />
maybe you can explain how to remove the first or last pipe in the list...<br />
<br />
<br />
<style type="text/css"><br />
ul li {<br />
display: inline;<br />
}<br />
ul li:after {<br />
content: ' | ';<br />
}<br />
ul li:last-child:after {<br />
content: '';<br />
}<br />
</style><br />
... ... ...<br />
<ul><br />
<li>Item 1</li><br />
<li>Item 2</li><br />
<li>Item 3</li><br />
</ul><br />
<br />
IE, of course, will not display the pipes.<!--content-->IE, of course, will not display the pipes. <br />
<br />
<br />
ooops...<br />
<!--content-->Originally posted by olaf <br />
ooops...<br />
<br />
Heheheh. We don’t worry about this kind of stuff, though, do we. If IE can’t handle it, too bad.<!--content-->Originally posted by olaf <br />
ray326,<br />
<br />
maybe you can explain how to remove the first or last pipe in the list...<br />
<br />
Instead of pipe chars you should be using borders for that effect. You can pick either border-left or border-right for the list items in general then eliminate the "extra" border with either a class or a trickier selector. E.g. using<br />
<br />
li { border-left:2px solid black; }<br />
<br />
you could then do<br />
<br />
li:first-child { border: none; }<br />
<br />
This is all SOC and unchecked. (Would that be USOC then?)<!--content-->thats just Shift and the key above Enter with "\" or "|" on it<br />
eg:<br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">link 1</a> | <a href="#">link 2</a> |<a href="#">link 3</a><!--content-->But it should be in list format Shade so the earlier suggestions are better<!--content-->
<br />
For instance if you go on the bottom of:<br />
<!-- m --><a class="postlink" href="http://www.cbs.com">http://www.cbs.com</a><!-- m --><br />
<!-- m --><a class="postlink" href="http://www.atptennis.com/en/">http://www.atptennis.com/en/</a><!-- m --><br />
<br />
I am yet to find out how to get that vertical line between the words and what's the name of it?<br />
<br />
Terms & Conditions | Privacy Policy | Contact | FAQ<br />
<br />
If you can tell me how to do that in Dreamweaver MX, it would be great; if not just paste the code. Thanks in advance.<br />
<br />
James<!--content-->First off, it's usually called a footer, but you can call it whatever you want. Second, it's coded just like anything else on the page. Third, if you are using Dreamweaver WYSI(N)WYG view, SWITCH TO CODE VIEW AND LEARN THE CODE!!!
<!--content-->I do use code view in Dreamweaver,<br />But my point is do I just start typing the text on the bottom of the page centered, then copy&paste the vertical lines in between the words? ..Or is there another standardized method of doing that. Was there a behavior that you input your text and it automatically does it for you?<br />
<br />
Also, I'm on the graphic design site, so too much code scares me; and if it wasn't for the Dreamweaver's help, I'd be dead.<br />
<br />
Thanks.<br />
<br />
James<!--content-->This sign "|" is called a pipe.<br />
<br />
but you can use ¦ too...<!--content-->That kind of pattern is usually realized with a list (generally <ul>) in the "modren" world.<!--content-->ray326,<br />
<br />
maybe you can explain how to remove the first or last pipe in the list...<br />
<!--content-->Originally posted by olaf <br />ray326,<br />
<br />
maybe you can explain how to remove the first or last pipe in the list...<br />
<br /><br />
<style type="text/css"><br />
ul li {<br />
display: inline;<br />
}<br />
ul li:after {<br />
content: ' | ';<br />
}<br />
ul li:last-child:after {<br />
content: '';<br />
}<br />
</style><br />
... ... ...<br />
<ul><br />
<li>Item 1</li><br />
<li>Item 2</li><br />
<li>Item 3</li><br />
</ul><br />
<br />
IE, of course, will not display the pipes.<!--content-->IE, of course, will not display the pipes. <br />
<br />
<br />
ooops...<br />
<!--content-->Originally posted by olaf <br />ooops...<br />
<br />Heheheh. We don’t worry about this kind of stuff, though, do we.
If IE can’t handle it, too bad.<!--content-->Originally posted by olaf <br />ray326,<br />
<br />
maybe you can explain how to remove the first or last pipe in the list...<br />
<br />Instead of pipe chars you should be using borders for that effect. You can pick either border-left or border-right for the list items in general then eliminate the "extra" border with either a class or a trickier selector. E.g. using<br />
<br />
li { border-left:2px solid black; }<br />
<br />
you could then do<br />
<br />
li:first-child { border: none; }<br />
<br />
This is all SOC and unchecked. (Would that be USOC then?)<!--content-->thats just Shift and the key above Enter with "\" or "|" on it<br />
eg:<br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">link 1</a> | <a href="#">link 2</a> |<a href="#">link 3</a><!--content-->But it should be in list format Shade so the earlier suggestions are better<!--content-->