HTML - How I Would Make Links And Images Appear In The Same Section Of Many Different Pages

Hello,
I'm helping a friend redesign a film website. Is there a way of making an area of content (such as a set of links in a menu bar) updatable so that if it is updated it will change across all the specified pages on the site? I am vaguely aware of templates in Dreamweaver CS3 and I think this would provide the solution, but my friend uses Frontpage and will be editing and creating content in that. Is there a way of using CSS to update areas of content? I know how to use CSS to update values like fontcolour and background images, but not areas of actual HTML content.

Thanks for any help you provide.

Hi everyone,
I have a problem,
Im in the process of designing a new ebay listing template for my company and want to add this new template to my listings gradually as i edit them. i cant add it to them all in one big lump as i have over 2000 listings and this would take stupd amoutns of time which quite simply i dont have

if i was adding it all at once i would add the "shop categories" bar on the side of the screen which shows the categories of your ebay shop in clickable inks. but i cant do this because when i do it messes up the listings i havent changed yet

anyway, ebays not the problem. what i need to know is, is it possible to make a links section much like the shop categories section that i can put on my listing design

now youre probably thinking "what! is this guy retarded you just gotta put a few links in a table"

but heres the thing, im making everything on the listing template updateable from externally so that i can edit things on it without having to go trhrough each template,

for example i am making all my payment information sections and returns policy sections .GIF files so i can link them all to the same image and change them all at once just by changing that image.

so what i ideally need is a links section that i can have on another site or something (was hoping youd all be able to explain this to me) that i can have also on my listing templates so i only need to change it on this site to change it on all of them.

as im not a vastly experienced web designer the only option i have thought of is embeddign a flash file that uses actionscript to make the links.. but obviously browsers hate flash and not everyone has it installled, also it takes a while to load just for a few links, so this is not a good option

if anyone can help i would be very appreciative!

I am in the process of building a site and want to include a News section. However do most website do this manually or use sites like joomla, drupal, and such to do this? I would like something similar to HighTimes.com content articles with tags that connect everything together.

Can someone please tell me how this is done? Thank you.

aaaaaaaaaaaaaaaaaaaaaaa

hi everyone

this is my first page so i will probably have a couple of questions to help give me an idea of how to do that i want! basically someone has asked me to design them a site, i did a web design course but that was 6 months ago and i need to learn new things for it as well as try and remember what ive learned!

ive got a semi basic layout, ill post the html and css, hopefully ill pate them in the right way (this definitely wont be the colour scheme, ive been following an online tutorial, want to get the layout right before making other tweaks)

basically in the content section theyre looking for a rectangular box that has 4 imaes, 2 side by side and two below. these will change when theyre rolled over and when a particular image is clicked it will take them to the correct section of the site.

as far as i understand from the css i have the size of the content section will change depending on how much information is there. how would i know what size to make the flash for insertion into this section so it fits properly without any gaps? sorry im a bit new to this but the more i learn the better! i dont have a clue how to actually code the flash yet but getting the size right would be a good start! thanks for your help

HTML Code:

<link rel="stylesheet" type="text/css" href="css/master.css" /> 
</head>

<body>

<div id="page-container"> <!--this div will hold all the other elements of the page-->

<div id="main-nav">Main Nav</div>
	
	<div id="header">
    <h1> Kilmaclolm Dramatic Society logo to be placed here </h1>
    </div>
	
	<div id="sidebar-a">
    
    		<dl class="hidden">
				<dt id="about"><a href="#">About</a></dt>
				<dt id="services"><a href="#">Services</a></dt>
				<dt id="portfolio"><a href="#">Portfolio</a></dt>
				<dt id="contact"><a href="#">Contact Us</a></dt>
			</dl>
	</div>
	
	<div id="content">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus. 
	Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus. 
	Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus 
	euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio. 
	Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget, 
	purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst.
    </div>
	
	<div id="footer"><!--floated divs dhould come first to avoid any IE issues-->
			<div id="altnav">
				<a href="#">About</a> - 
				<a href="#">Services</a> - 
				<a href="#">Portfolio</a> - 
				<a href="#">Contact Us</a> - 
				<a href="#">Terms of Trade</a>
			</div>
			Copyright &copy; Kilmacolm Dramatic Society. A website by D Keenan
	</div>

</body>
</html>

Code:

@charset "utf-8";
/* CSS Document */

html, body {      /*resets the margins and padding on both the html and body tags to 0 to ensure theres
	              no space between the top of the browser and the top of the page */
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0; /* takes away the default margin and padding on h1 tags */
	padding: 0;
}

.hidden {
	display: none; /* any element with this class wont be seen on the site */
}
#page-container {  /* there is a # as this is an id, to be used once on the page only, not repeated elsewhere 
                   this div's height will change depending on the content*/
	margin: auto; /* browser sets margin, should centre the div */
	width: 760px; /* sets the width of the container */

}

#main-nav {
	background: red;
	height: 50px; /* the width doesnt need to be specified, it will be 760px as this is the with of the containing div */
}

#header {
	background: blue;
	height: 150px;
}

#sidebar-a {
	float: left; /* floats sidebar to left of the screen */
	background: darkgreen; /*the height is dependend on the content so no height will be set for the time being*/
	width: 280px;
}

#content {
	background: green; /*the height is dependend on the content so no height will be set for the time being*/
	margin-left: 280px; /*creates a margin as wide as the sidebar to separate the sidebar information and the content */

}

#footer {
	clear:both; /*When an element has the clear property assigned, if it comes into contact with a float it is placed right below where that float ends.*/
	background: orange;
	height: 66px;
	
}