HTML - Best Practice For Menu And Content

Hey guys,

I was wondering if anyone could help me?

I wish to produce a website which works in the following way:

The header and footer remain the same, and do not reload on page refresh. Then, links on a menu bar stimulate loading a new page, however only the content below the header changes.

An example of this, is the CushyCMS website (http://www.cushycms.com). When you click the menu links, the header doesn't reload, only the page content does.

How would I do this?

My reason for wanting this method, is because I wish to have an image slider present within the header of all of my pages, and I don't wish to have to update every page each time I wish to add an image.

Please help?

Many thanks,
Luke

Hi There,

Pulling my hair out over this. For the life of me, cant make it work:

http://www.cowboytuffwebsitedesign.c...cialdeals.html

I've used positive padding negative margin to stretch both div's heights to match each other. But the content div, when needed to be higher than the menu div, will overflow its content past the container divs bg. As well the footer will only clear past the menu div, not the content div.

HELP! PLEASE!

I can copy and paste HTML right into the thread if needed.

Thanks

Hi,

As a newbie html can be a little overwhelming just because of the many different ways a task can be achieved.
I'm looking for some advice on the best method to achieve something like this:

I have 7 pieces of information about a site user, they are;

Avatar 60 x 60px
ScreenName
DateJoined
UserAttribute1
UserAttribute2
UserAttribute3
UserAttribute4

All bar the avatar are text.

I would like the outcome to display something like this:

Avatar ScreenName DateJoined UserAttribute1
UserAtteribute2 UserAttribute3 UserAttribute4

I'm unsure as to whether to put the avatar and text in 2 divs(left and right), and whether to use spans or lists for the text.

Any advice would be appreciated.

Thanks in advance.

Hi,

I have this msql database containing images, when user enter a query, the program needs to display images back, what is the usual practice for this kind of task? copy all those images to a folder and refer to them with img tag? delete all of them later? care to share some of your tips? Thanks,

A.C.

Hi,
I've heard it said that using nested Divs is bad practice. Does anyone agree with this? And if so, why?
...just wondering. HH

I need to make my site suitable for mobile browsers (small resolution, etc.) and looked at this page which gives tips on how to do it.

It seems like a nightmare! I think it would be much simpler just to create a special version of the site and redirect people to it when they go to the main page.

Is redirecting considered a bad idea? And if so, why?

Hi,

Im trying to make my footer content align correctly to the main content when a window resizes. The apdivs don't seem to want to move at all even with a relative position etc. I have tried everything but just cant get it to work can someone help please?

http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5

Also some one commented before on the amount of css and JS pages. These will al be stripped out as its an Open sources system im using!

Thansk alot
Joe

Hello Reader,

I am very new at html (so please no CSS) and this is what Im trying to do
1) Have my logo on the far right and the page
2) Put the website name in the centre of the page

Ive done a wrap (I think and it seems to be working) the problem is:

the website name is not going in the centre of the whole page but the centre of the page from where the logo ends (on the right of the page).

So if you look at the company name its not in the centre of the page but in the centre of the page from where the logo ends.

I have decided to work with that as it will actually look good with what I want to do -

My question is this: If I did want to centre the company name to the middle of the page could I use &nbsp (loads of them!) to position it exactly where I wanted on the page and is that good practice? And if not what can I use in its stead??

Any advice will be very much appreciated!!!!

Hey guys, I used to know a lot about html, but then just completely stopped doing anything with websites for too long.

I was just wondering how I can replace a word or number with a specified word or number.

What I want to achieve:
I've got a forum with a couple thousand members and it's picking up in activity and I want to make some names stand out for being helpful. I want to replace their names with an image.

But to do so, it'd have to be a code made and added into the footer template. Because obviously I can't edit a username for html image code. So I just need the code to find all instances of a certain username and replace it with what I specified.

-------------
Man I really wish I remembered how to do this haha.

Thanks guys.

I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions...
http://www.adobe.com/devnet/activeco...devletter.html
but am having a rough time getting it to work... here is my code.
Code:

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140">
  <param name="movie" value="images/GoodDock.swf" />
  <param name="quality" value="high" />
  <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed>
</object></noscript>

Hello,

I'm new to this forum, so first, hello! Actually, I'm new to web design in general but have taken on the role at the church I work at because our old site was a mess. I downloaded some nice looking templates and have been using them as a foundation. The site is www.miamibc.com. If you go there and look at the header menu (home, about us, etc), I want to consolidate that menu some and add a drop down menu with more choices. Is there a way I can do this while keeping it looking the way it does now? If you need any more info from me, let me know. Thanks for your help!

Ben

First I would like to know if there is a better way of doing this. <div></div> is the only way I know of doing it although others have told me they didn't even know it could be done with <div></div>.

Second I would like to know if there's some way to control the speed at which the box scrolls.

Third If the content is text then I want the scroll function to be vertical. There's other times I need the scroll to be horizontal.

Here is the code:
HTML Code:

 <div style="background-color: black; border-bottom-color: rgb(212, 47, 212); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(212, 47, 212); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(212, 47, 212); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(212, 47, 212); border-top-style: solid; border-top-width: 2px; font-size: 11px; height: 200px; overflow-x: auto; overflow-y: auto; width: 200px;">
			<span style="color:#ffffff;">CONTENT HERE</span></div>

This is what the code looks like when viewed in Chrome and Firefox. However when used in IE the content can often move through the boarders.

Please help me with the following. This is not a problem in Firefox; only in IE. I am having trouble centering one DIV with a DIV to the left of the centered DIV. The DIV that is blue I would like centered according to the browser width and the red DIV I would like the same vertically as the blue DIV only left justified. In Firefox this works correctly the way I would expect. In IE the left justified div appears "pushes" the DIV ( in blue ) that I want centered further to the right; making it un-centered. thanks for any assistance.

Code:

<div width="100%">
			<div align = "left" style="width:200px;float:left;background-color:#ff0000;">
						<p style="font-size: 8pt;">This needs to be left justified........</p>
						<p style="font-size: 8pt;">This needs to be left justified........</p>
						<p style="font-size: 8pt;">This needs to be left justified........</p>
			</div>
		 <div align="center" style="background-color:#00ff00;">
				<div style="width: 500px;background-color:#0000ff;">
					<p style="font-size: 8pt;">this needs to be centered.................................................................................. </p>
					<p style="font-size: 8pt;">this needs to be centered.................................................................................. </p>
					<p style="font-size: 8pt;">this needs to be centered.................................................................................. </p>
					<p style="font-size: 8pt;">this needs to be centered </p>
				</div>
		</div>

Hey guys, need a little help with a site im playing with right now.

I have a basic site (header, footer, nav, content, and promo area) i use ul, li, a for the nav.

When i hover my navigation links it supposed to display black for 1st and second level, and i use the visibility element for anything higher than than. However when i hover i can see my navigation but alot of it is hidden behind my content. Any Ideas.

Thanks In Advance for any help.

P.S. Just another quick question i created my own java carousel and it works great but i want to add links in my nav to a specific "slide" in my carousel which i think woulod require a link to the page and to call a javascript function at the same time is this possible or is there another way to do it.

Not sure where to put this..

Is it possible to include off-site content [Content from other websites] into your own page and style it accustomed to your page?

For Example:

If Website A has a table of data, could I somehow grab that data and include it in my site, but then have it altered according to my CSS to look how i want?