Needs a little help with a links column

[John]

Hello.

I am designing a website and need a little help with my links column
on the left of the site.

When I created the site if I added a new link it would automatically
appear on all pages in the site, however it now doesn't seem to do
that so I think I've done something wrong somewhere along the line.

If you can spot any error in the following code from my links on the
left that is stopping it from updating on all pages I'd be very
grateful.

I am using Dreamweaver for this Html site.

Thanks

John




<div class="relatedLinks">
<div class="relatedLinks">
<ul>
<li>
<h3 class="style2">Links</h3>
</li>
<li><a
href="www.republic.org.uk"><strong>Republic.org.uk</strong></a></li>
<li><a href="http://www.defenddemocracy.org">Defend
Democracy</a><a href="http://economist.com/">The Economist</a> <br>
</li>
</ul>
<h3 class="style2">Political Parties </h3>
<ul>
<li><a href="www.conservatives.com"><strong>The
Conservatives</strong></a></li>
<li><a href="www.independenceuk.org.uk">UK Independence Party
</a></li>
<li><a href="www.gop.com">GOP</a></li>
<li></li>
</ul>
<h3 class="style2">Leaders</h3>
<ul>
<li><a
href="http://www.conservatives.com/tile.do?def=michael.howard.page"><strong>Rt
Hon Michael Howard</strong></a></li>
<li><a href="http://www.georgewbush.com/">President George W
Bush </a></li>
<li><a href="tony%20blair.htm">Tony Blair</a></li>
</ul>
<h3 class="style2">News Channels<br>
<a href="http://www.sky.com/skynews/home">Sky News<br>
</a><a href="www.foxnews.com">Fox News</a> </h3>
</div>
<div class="relatedLinks">
<h3 class="style2">Other News</h3>
<ul>
<li><a href="www.timesonline.co.uk"><strong>The Times
</strong></a></li>
<li><a href="http://www.telegraph.com">The Telegraph</a></li>
<li> <a href="www.wsj.com">The Wall Street
Journal</a></li>
<li><a href="www.nationalreview.com">National Review</a></li>
<li><a href="www.freerepublic.com">Free Republic</a></a></li>
<li></li>
<li>
<h3 class="style2">Radio</h3>
</li>
<li><a href="www.charliewolf.net"><strong>Charlie
Wolf</strong></a></li>
<li><a href="http://www.talksport.co.uk/content/70.chtml">Ian
Collins &amp; Mike Parry</a></li>
<li><a href="www.jameswhale.com">James Whale</a></li>
<li><a href="www.talksport.co.uk">Talk Sport Radio</a></li>
<li><a href="http://www.radioamerica.org/index.htm">Radio
America</a> </a></li>
</li>
<li></li>
</ul>
</div>

 

[Barbara de Zoete]

If you can spot any error in the following code from my links on the
left that is stopping it from updating on all pages I'd be very
grateful.

I am using Dreamweaver for this Html site.

<div class="relatedLinks">
<div class="relatedLinks">

I stopped looking at your code right after these first two lines. Seems to
me, you have a problem nesting your divs correctly.


--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

 

[rf]

When I created the site if I added a new link it would automatically
appear on all pages in the site, however it now doesn't seem to do
that so I think I've done something wrong somewhere along the line.

This is clearly a dreamweaver problem, not an HTML problem. HTML has no such
thing as automatically causing things to appear on all pages.

You would be better off asking in one of the dreamweaver groups.

 

[mscir]

Hello.

I am designing a website and need a little help with my links column
on the left of the site.

<snip>

I think validating your code would be a good start. I like this free
online validator:

http://validator.w3.org/

Apparently DW can mung up even very simple html. This is a good
opportunity for you to learn more about html. Open the file in a text
editor like Notepad and clean it up manually.

Follow your original format:
- use only one <div>...</div> to enclose all headings and lists
- don't use <br>'s within <ul>...</ul> tags
- include only one link per list item
- make sure each <ul> is preceded by the <h3> and doesn't include it.

<div class="relatedLinks">
<h3>...</h3>
<ul>
<li>...</li>
<li>...</li>
...
</ul>
...repeat for each heading/list combination
</div>


Places to look:

<div class="relatedLinks">
<div class="relatedLinks"> < remove this line
<ul>
<li>
<h3 class="style2">Links</h3> < move this line above the <ul>

<li><a href="http://www.defenddemocracy.org">Defend Democracy</a>

<a href="http://economist.com/">The Economist</a><br>

Remove the this line:

<li></li>

<h3 class="style2">News Channels<br>
<a href="http://www.sky.com/skynews/home">Sky News<br>
</a><a href="www.foxnews.com">Fox News</a> </h3>

Remove this line:

</div>

Remove this line:

<div class="relatedLinks">

Remove this line:

<li></li>

<li>
<h3 class="style2">Radio</h3>
</li>

Remove the 2nd closing anchor tag:

<li><a href="http://www.radioamerica.org/index.htm">Radio> America</a> </a></li>

Remove unnecessary closing list item tag:

</li>

Remove this line:

 

[John]

<snip>

I think validating your code would be a good start. I like this free
online validator:

http://validator.w3.org/

Apparently DW can mung up even very simple html. This is a good
opportunity for you to learn more about html. Open the file in a text
editor like Notepad and clean it up manually.

Follow your original format:
- use only one <div>...</div> to enclose all headings and lists
- don't use <br>'s within <ul>...</ul> tags
- include only one link per list item
- make sure each <ul> is preceded by the <h3> and doesn't include it.

<div class="relatedLinks">
<h3>...</h3>
<ul>
<li>...</li>
<li>...</li>
...
</ul>
...repeat for each heading/list combination
</div>


Places to look:




<a href="http://economist.com/">The Economist</a><br>

Remove the this line:



Remove this line:

Remove this line:

Remove this line:



Remove the 2nd closing anchor tag:

Remove unnecessary closing list item tag:

Remove this line:

Thanks very much mate. All this is really helpful as is the validator
site.

I am starting to clean up all my code correctly now.

John

 

[John Ross]

<snip>

I think validating your code would be a good start. I like this free
online validator:

http://validator.w3.org/

Apparently DW can mung up even very simple html. This is a good
opportunity for you to learn more about html. Open the file in a text

editor like Notepad and clean it up manually.

Follow your original format:
- use only one <div>...</div> to enclose all headings and lists
- don't use <br>'s within <ul>...</ul> tags
- include only one link per list item
- make sure each <ul> is preceded by the <h3> and doesn't include it.

Regarding the not using <br>'s within <ul> tags, did you mean that as a
general rule or just in this case? I didn't get why he had those there
either, but I never heard of any "rule" that you could not use a <br>
within <ul> tags.
If there is one, I would like to know the reasoning.

John

 

[Adrienne]

Regarding the not using <br>'s within <ul> tags, did you mean that as a
general rule or just in this case? I didn't get why he had those there
either, but I never heard of any "rule" that you could not use a <br>
within <ul> tags.

If there is one, I would like to know the reasoning.

John

There is no reason for a BR element inside a UL element. If there is not
enough spacing (most people think there is too much), then use CSS to
expand it. Of course, BR inside a LI is fine, ie:

<ul>
<li>I want this to be the first line<br>
and this on the second line</li>
</ul>

Although, even with that statement, a BR in an LI is usually also not
needed because the BR will usually be another list item.