Getting From an idea to a page
Hi guys
I'm new here, but I thought I'd start as i mean to go on. By asking for help...
I did a page layout in Paint Shop pro and am now trying to get it into html the jpg is here http://www.davidjaymz.com/images/PageLayout02.jpg
The bar on the right will have the page title of the relevant page, and i'm hoping to have a drop down menu system on the left. Any ideas the best way frames tables...
I've tried both ways and had problems with resizing... what do you guys think?
:confused
DavidJaymz
davidjaymz posted this at 14:14 — 18th July 2001.
He has: 193 posts
Joined: Jul 2001
http://www.davidjaymz.com/images/layout%204.html
okay using GoLive5.0's Layout grids and floating boxes I have the above page. at the moment everything is static cos I'm just trying to get the look right and simple. at the moment the site is set to 800x600(ish).
One problem is the white section. This is where all the info will be. A) is this too small. if so can I make it scrollable?
B) With all the blue is there too much wasted space?
All opinions are welcome...
Cheers
DavidJaymz
taff posted this at 15:04 — 18th July 2001.
They have: 956 posts
Joined: Jun 2001
Man, is it possible?
I thought FrontPage generated the worst code of all WYSIWYG generators. They certainly have competition here.
From what I can tell, you will have problems at 800x600 and the absolute positioning of your logo is going to overlap body text unless you work around it somehow
.....
Megan posted this at 16:16 — 18th July 2001.
She has: 11,421 posts
Joined: Jun 1999
Yeah, GoLive does generate really terrible code.
What's up with this:
????
If you wanted to do a simple table your code would look something like this - you'll probably have to fiddle with the widths and stuff - I just did this quickly.
<table border="0" cellpadding="0" cellspacing="0" align=center width=700 bgcolor="white">
<tr>
<td><img src="spacer.gif" width=153 height=1></td>
<td><img src="spacer.gif"></td>
<td valign=top align=right colspan="2">logo</td>
</tr>
<tr>(this row is just here to keep the spacing right because of the colspans)
<td><img src="spacer.gif" width=153 height=1></td>
<td><img src="spacer.gif"><img src="spacer.gif"></td>
<td width=250><img src="spacer.gif"></td>
<td width=81 bgcolor="yellow"><img src="spacer.gif"></td>
</tr>
<tr>
<td>dHTML menu here</td>
<td colspan=2 valign=top width=465>content</td>
<td align=right>right side page title</td>
</tr>
</table>
However, if you want to have the content scroll you're going to have to use frames (either iframe or regular frames), which I almost never use so I won't be able to help much with that. Actually it might be easier to use frames, I dunno...
Megan
Connect with us on Facebook!
Megan posted this at 18:09 — 19th July 2001.
She has: 11,421 posts
Joined: Jun 1999
Here's a site by one of our members that uses frames to accomplish this effect:
http://www.cirrusrecords.com/
I'm sure Adam won't mind if you look at his code
Megan
Connect with us on Facebook!
Adam Oberdorfer posted this at 18:11 — 23rd July 2001.
They have: 383 posts
Joined: Sep 2000
Cirrus Records is probably a bit more complicated then what you're trying to do. However it does use the basic concept of relative frames. The whole idea behind relative frames is that the center frame stays the same size (in cirrus records case the center frame is 766x466 which allows the site to be seen at 800x600 and higher) and the outside (surrounding) frames are able to scale to fill up the rest of the browser window.
Cirrus Records is actually 2 framesets and uses JavaScript to trigger the different frames.
I think you could put your site in a table though. Using relative frames or pop-ups is only necessary on maybe 1 out of every 30 sites that use them. Look at all your other options first. And for god sake stop using GoLive!
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.