Never been to DZone Snippets before?

Snippets is a public source code repository. Easily build up your personal collection of code snippets, categorize them with tags / keywords, and share them with the world

About this user

Alex Williams http://www.alexwilliams.ca

« Newer Snippets
Older Snippets »
Showing 1-2 of 2 total  RSS 

Center HTML content horizontally using CSS

Ahh the infamous CSS centering thing... make sure to specify the width and set the right/left margins to 'auto'

#content {
        margin: 0 auto;
        width: 740px;
}


Your HTML would look something like this:
<div id="content">
        This is centered
</div>
to html css center by alexwilliams on Dec 20, 2006

JavaScript automagically hide and show an HTML tag (DIV, P, whatever)

If you want to hide or show an HTML tag using JavaScript, you can use the function below. It also changes the name of the link.

Here's the HTML code:
<a href="javascript:viewMore('two');" id="xtwo">... more</a>
<p>I see one.</p>
<p id="two" style="display:none">I see two.</p>


Here's the JavaScript code:
function viewMore(div) {
	obj = document.getElementById(div);
	col = document.getElementById("x" + div);
	
	if (obj.style.display == "none") {
		obj.style.display = "block";
		col.innerHTML = "... less";
	} else {
		obj.style.display = "none";
		col.innerHTML = "... more";
	}
}
to html javascript tag by alexwilliams on Dec 19, 2006
« Newer Snippets
Older Snippets »
Showing 1-2 of 2 total  RSS