PDA

View Full Version : Total newbie needs help with scripting! What would you suggest?


jamie89
06 Jun 2009, 10:40 PM
Hey everyone! I am an acting student and am working on creating my website. I feel as though the layout I want is pretty simple, but I can't figure out the best way to go about coding it. I used to design websites yeeeears ago, and remember using iframes (ancient, huh?!) I see that CSS is suggested now, but have no idea what to do.

I have an image at the top, links on the left, and have the content show up to the right of the links when they're clicked on. I am having trouble figuring out how to get the content to show up. I am familiar with how to do this with iframes but...I don't want to use them for obvious reasons! Here is a link to the basic layout (URLs not working...) : http://jamieamos.net/home.html

I hope you can help!
dmcleary
08 Jun 2009, 10:32 AM
Hello Jamie89,

Well done for steering clear of frames of any sort ... they won't help your website as it's sounds pretty straight forward.

To get the layout right you need to use a combination of STYLE and DIVs. Here's an example:

<html>
<head>
<style>
#header{
height:100px;
background:red;
}
#menu{
float:left;
width:200px;
height:400px;
}
#content{
float:left;
}
</style>
</head>
<body style="margin:0px; padding:0px;">
<div id="header"><img src="yourlogo.gif" /></div>
<div id="menu">
<a href="index.html">Home</a><br />
<a href="aboutme.html">About Me</a><br />
</div>
<div id="content">
YOUR CONTENT GOES HERE
</div>
</body>
</html>

I would recommend http://www.w3schools.com to get your going but hopefully the above template should give you an insight into how CSS and HTML work together to provide layout. Obviously it's horrible and garish ... but then things that take less than 5 minutes to write often are!

Good luck with it and come back to us if you need to.

Regards,


David