Jump to content

ste

Members
 View Profile  See their activity

  • Posts

    372

  • Joined

  • Last visited

 Content Type 

Posts posted by ste

    Need help being pointed in right direction

    in General

    Posted

    it sounds like you should use some sort of cms (content management system) for this site rather than static html pages. most sites like what you describe would do this wheter they use their own tailored cms or one that is already available. basically you would want to store the articles and other content in a database and use server side scripting such as php or asp to display this data. there are free and open source cms on the net which you can modify to suit your design needs. this maybe the way to go if you dont have much experience with databases

    what do you guys think of phpbb3?

    in General

    Posted

    That's the new design for phpBB 3?
    yep and the new default theme prosilverthis version of phpbb is a long time coming & i think with it they may have finally caught up with vbulletin & ipb. which is cool because i remember when phpbb2 came out it was really advanced at the time. plus phpbb is free too. im gonna download a copy anyway and try it out, i may even use it for one of the forums i admin. after i create a style of course, im not mad about prosilver either

    CSS through PHP

    in CSS

    Posted

    create your style sheet in whatever text editor you link save as mystyle.css then include the following in the head of your html document:<link href="mystyle.css" rel="stylesheet" type="text/css">

    Vertical Alignment

    in CSS

    Posted

    try this: 

    <html><!--//*************************************************************	// index.php on joyofhealing.com	// Created March 20, 2007 by Jason Lengstorf.	// 	// Powered by ennui. Copyright 2007.	//*************************************************************//-->	<head>		<title>Experience the Joy of Healing - About Us</title>		<style type=text/css>	/* 	 * CSS for www.joyofhealing.com | Powered by ennui.	 * 	 * Colors, images, and overall layout concept by	 * SixPennyGraphics. (www.sixpennygraphics.com)	 * Converted to CSS by ennui.	 * 	 * Feel free to sample some of this code for your	 * own site, but please don't rip me off. Links	 * are greatly appreciated as well.	 * 	 * Contact me at: jason@ennuidesign.com	 * On the web: www.ennuidesign.com	 *	 */		body		{		background-color: #978E7B;		margin:0px;		padding:0px;		text-align: center;		color:#00008B;		font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;		}	a:link		{		color: #CDC8B2;		padding:5px;		text-decoration:none;		font-family:Times New Roman, serif;		}	a:visited		{		color: #CDC8B2;		padding:5px;		text-decoration:none;		font-family:Times New Roman, serif;		}	a:hover		{		color: #00008B;		padding:5px;		text-decoration:none;		font-family:Times New Roman, serif;		}	a:active		{		color: #0008B;		padding:5px;		text-decoration:none;		font-family:Times New Roman, serif;		}	#menuholder		{		background-color: #00008B;		width:750;		min-height:30px;		text-decoration:none;		line-height:80%;		font-size:80%;		}	#menu a:link, #menu a:visited		{		background-color: #00008B;		min-width:90;		max-width:107;		height:20px;		float:left;		text-decoration:none;		}	#menu a:hover, #menu a:active		{		background-color: #F6F6B8;		min-width:90;		max-width:107;		height:20px;		float:left;		text-decoration:none;		}	#menu a.selected		{		color:#00008B;		background-color: #F6F6B8;		min-width:90;		max-width:107;		height:20px;		float:left;		text-decoration:none;		}	#master		{		background-color: #978E7B;		width: 750px;		margin: 0px auto;		padding:0px;		}	#header		{		width:750px;		min-height:40px;		margin-top:10px;		padding:0px;		}	#body		{		background: #F6F6B8 url('images/texture-2.jpg') no-repeat top left; 		width:750px;		min-height:360px;		padding-top:5px;		}	#content		{		width:750px;		min-height:430px;		text-align:justify;		}	#footer		{		width:750px;		height:20px;		margin:0px;		clear:both;		}	#footertext		{		color:#FFFFFF;		font-size:80%;		padding-top:5px;		margin:0px;		}	#footertext a:link,#footertext a:visited,#footertext a:hover,#footertext a:active		{		color:#FFFFFF;		font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;		margin:0;		padding:0;		}		/* Layout rules */		.layoutcontanier {		Float: left;	}		.layoutTitle {		width:130px;		margin-top:20px;		padding:0;		font-size:130%;		text-align:right;		float:left;		}			#layoutInput {		margin:5px 10px 5px 150px;		padding:0;		font-size:100%;		font-weight:900;		}			#layoutImage		{		margin:2px;		padding:0px;		}			.layoutTextarea {		margin: 20px 10px 5px 10px;		width:580px;		font-size:85%;		float:right;		}		</style>	</head>	<body>		<div id=master>			<div id=header>				<img src=images/header2.jpg />			</div>			<div id=body>				<div id=menuholder>					<div id=menu><a href=?id=1 class=none>HOME</a></div><div id=menu><a href=?id=2 class=selected>ABOUT US</a></div><div id=menu><a href=?id=3 class=none>OUR SERVICES</a></div><div id=menu><a href=?id=4 class=none>CLASSES & WORKSHOPS</a></div><div id=menu><a href=?id=5 class=none>PEACE & PRESENCE</a></div><div id=menu><a href=?id=6 class=none>STORIES</a></div><div id=menu><a href=?id=7 class=none>CONTACT US</a></div>				</div>								<div id=content>										<div class="layoutcontanier">								<div class="layoutTitle">Andrew</div>					<div class="layoutTextarea">Ethereal healing is the source of energy that is transmitted from the world of spirit to the ethereal body on the physical plane. Countless souls have received this healing energy and attained good health once again. Society has acknowledged and given great respect to wonderful events of remissions that have taken place through instruments within our world -Edgar Casey, Harry Edwards, Olga Worhall, and Arigo - to name a few.</div>					</div>										<div class="layoutcontanier">								<div class="layoutTitle">Tamara</div>					<div class="layoutTextarea">Ethereal healing is the source of energy that is transmitted from the world of spirit to the ethereal body on the physical plane. Countless souls have received this healing energy and attained good health once again. Society has acknowledged and given great respect to wonderful events of remissions that have taken place through instruments within our world -Edgar Casey, Harry Edwards, Olga Worhall, and Arigo - to name a few.</div>					</div>										<div class="layoutcontanier">							<div class="layoutTitle">Andrew and Tamara's Devotion</div>					<div class="layoutTextarea">Ethereal healing is the source of energy that is transmitted from the world of spirit to the ethereal body on the physical plane. Countless souls have received this healing energy and attained good health once again. Society has acknowledged and given great respect to wonderful events of remissions that have taken place through instruments within our world -Edgar Casey, Harry Edwards, Olga Worhall, and Arigo - to name a few.</div>					</div>												</div>			</div>									<div id=footer>				<p id=footertext>All Content © 2007 Joy of Healing.<br />					Graphic Design and Concepts by 				<a href=http://www.sixpennygraphics.com target=_blank>SixPennyGraphics</a>.					Powered by				<a href=http://www.ennuidesign.com target=_blank>ennui</a>.				</p>			</div>		</div>	</body></html>

    How should I do it?

    in General

    Posted

    What I pretty much need is some kind of external prog that will be able to update html files to the domain but hide all tags etc. so that noone messes things up.
    you can set dreamweaver to automatically FTP (upload) pages to a web server when ever they are saved on a local PC. it has a design view feature that makes writing simple html as easy as using microsoft word.

    detect navigator and choose correct stylesheet

    in CSS

    Posted

    personally i like to use css hacks such as the backlash hack. with a bit of noodling i can often solve IE related problems without having to introduce browser specific style sheets and conditional comments. the advantage of this is that you then only have 1 external style sheet to edit which after all is one of the great things about css. I would use conditional comments only as a last resort.

    Two colors in H1

    in CSS

    Posted

    Roondogs pretty much right. spans are inline elements whereas divs are block. block-level elements generally start a new line unless you float them. that is that block-level elements are renderedwith an implicit line break before and after, while inline-level elements are rendered where they occur in the text flow.

    Two colors in H1

    in CSS

    Posted

    it would be better to use the span tag the way Kevin M suggests. simply because using 2 seperate h1 tags one after another will be seen as an attempt to inflate a page's ranking by Google and you would be penalised for the document not being well structured.

    First layout

    in Multimedia

    Posted

    well 1024×768 is currently the most widely used screen size so you should optimise your layout for this resolution. remember that screen size does not equal the actual visible area of the browser. so if you were optimising for 800×600 resolutions your page width would be 750 pixels. Its 960 pixels for 1024×768 resolutions.

    Centering an image within a browser window

    in CSS

    Posted

    if you wrap your image in a div, you can accomplish this:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><div style="margin:0px auto;width:1px;border:none">	 <img src="http://localhost/your image.jpg"></img></div>

    you dont need this </img>

    First layout

    in Multimedia

    Posted

    this is very good for a first layout. I dont like the way you have both drop shadow & outer glow layer styles applied to the text i think it would look cleaner with one or the other. remember that this will be viewed in different screen resolutions so you may want to have a background that can repeat. at the moment it doesnt look like it will otherwise its pretty cool

    COmpling different html pages to one

    in HTML/XHTML

    Posted

    you are either talking about server-side includes or framesframes would do what you describe in the browser (client side), whereas includes would do that server side.for more info on includesw3schhols tutorial: http://www.w3schools.com/php/php_includes.aspa thread on this forum where this method is described: http://w3schools.invisionzone.com/index.php?showtopic=10544more info on frames:http://www.w3schools.com/html/html_frames.asp

    Why HTML?

    in HTML/XHTML

    Posted

    It makes sense to have two diferent tutorials for html & xhtml because we are currently in a transitional period where most people are still coding in html. There are thousands of people who already know html and want to just learn the differences between the two. Eventually html probably wont be taught but for the moment it makes sense to have them seperate

×
×
  • Create New...