<frameset rows="175px, *"><br />
<frame src=http://www.webdeveloper.com/forum/archive/index.php/"frameA.html" noresize="true"><br />
<frame src=http://www.webdeveloper.com/forum/archive/index.php/"home.html" noresize="true><br />
</frameset><br />
<br />
The bottom frame doesn't show up<!--content-->Not sure what was wrong- just know my frontpage was going goofy trying to read the code. Well try this:<br />
<br />
<frameset rows="175,*"> <br />
<noframes><br />
<br />
<body><br />
<br />
<p> <br />
</noframes><br />
<frame noresize="true> <br />
</body><br />
</noframes><br />
<frame src=http://www.webdeveloper.com/forum/archive/index.php/" noresize="true" frameA.html" src="FrameA.html"> <br />
<frame name="1" src=http://www.webdeveloper.com/forum/archive/index.php/"Home.html"><br />
</frameset><br />
<br />
<br />
Hope that helps- by the way, most people wouldn't recommend frames (found them useful for diff. screen resolutions, but, don't recommend- o well, your designing it, so its up to you
)<!--content-->any ideas to improve this site? layout wise?<br />
<br />
<!-- w --><a class="postlink" href="http://www.crosspoint.org">www.crosspoint.org</a><!-- w --><!--content-->Wow the site has improved a lot since I have seen it last. I see gaps and spaces in your layout that maybe you dont mean to be there. For instnace the blue doesnt go all the way down the side and the title and marky cells are shifted just the tinyest bit to the right of the main two. Also sooner or later you should learn a server side language if you want to make your site automated like have a home grown message board and email data base and all, But thats only if you feel you are advanced enough to do that. Also your links jump up when you roll your mouce over them, I suggest making it a simple hover link like a color change or make it underlined or something when the mouse rolls over it. Also make it valid <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.crosspoint.org%2F">http://validator.w3.org/check?uri=http% ... int.org%2F</a><!-- m --> consider that.<!--content--><frameset rows="175px, *"> <br />
should be <br />
<frameset rows="175,*"><!--content-->Originally posted by PeOfEo <br />
Wow the site has improved a lot <br />
If you want a frank opinion, there is hardly any improvement in the site. This site uses a straightforward layout and Jonathan has a great opportunity to make it accessible. He has used tables for links when he needn't have, he used proprietary marquee tag, he uses iframes (in principle iframes are OK, but I see no need in his layout).<br />
<br />
HTML:<br />
<h1><img src=http://www.webdeveloper.com/forum/archive/index.php/"top.jpg" width="700" height="100"<br />
alt="Crosspoint Community Church"></h1><br />
<div id="contents"><br />
<h2><img src=http://www.webdeveloper.com/forum/archive/index.php/"thsearching.jpg" width="500" height="25"<br />
alt="Crosspoint's Searching"></h2><br />
<p>If you would like...<br />
<!-- Insert remaining page content --><br />
<!-- Markup remaining headers appropriately (h2/h3) --><br />
</div><br />
<div id="navigation"><br />
<h3>Navigation</h3><br />
<ul><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"home.html">Crosspoints Home</a></li><br />
...<br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"guestbook.html">Crosspoints<br />
Guest Book</a></li><br />
</ul><br />
</div><br />
<br />
The top image is 100px in height. So remove margins from h1 and let the div#contents flow normally, with a left margin of 175px (or more to emulate padding behavior).<br />
<br />
Give width to div#contents as desired (probably 700-175 = 525px?). Set the background color to yellow.<br />
<br />
Absolute-Position the div#navigation. Hide the "Navigation" if you so desire. Set list-style: none and margin and padding to be 0px for ul and li. Set display: block for the links so that the entire width of the navigation bar gets the hover effect.<br />
<br />
I bet since Jonathan has been around this board, he will not have much problem with CSS. Its really simple once you get down to doing it.<br />
<br />
If you need the navigation bar to stretch to the bottom, you'll have to use 175px wide blue image as background image for body:<br />
body {background: url('bluebg.gif') left top repeat-y}<br />
Of course set background of h1 to white (not transparent) to avoid peek-a-boo.<br />
<br />
Hope this helps<br />
Niket<!--content-->The layout and colors are a lot better then they are before, which was a month ago where he didnt even have a navigation pretty much it was a square table in the mid of the page as I remember, it is a big improivement.<!--content-->
<frame src=http://www.webdeveloper.com/forum/archive/index.php/"frameA.html" noresize="true"><br />
<frame src=http://www.webdeveloper.com/forum/archive/index.php/"home.html" noresize="true><br />
</frameset><br />
<br />
The bottom frame doesn't show up<!--content-->Not sure what was wrong- just know my frontpage was going goofy trying to read the code. Well try this:<br />
<br />
<frameset rows="175,*"> <br />
<noframes><br />
<br />
<body><br />
<br />
<p> <br />
</noframes><br />
<frame noresize="true> <br />
</body><br />
</noframes><br />
<frame src=http://www.webdeveloper.com/forum/archive/index.php/" noresize="true" frameA.html" src="FrameA.html"> <br />
<frame name="1" src=http://www.webdeveloper.com/forum/archive/index.php/"Home.html"><br />
</frameset><br />
<br />
<br />
Hope that helps- by the way, most people wouldn't recommend frames (found them useful for diff. screen resolutions, but, don't recommend- o well, your designing it, so its up to you
)<!--content-->any ideas to improve this site? layout wise?<br /><br />
<!-- w --><a class="postlink" href="http://www.crosspoint.org">www.crosspoint.org</a><!-- w --><!--content-->Wow the site has improved a lot since I have seen it last. I see gaps and spaces in your layout that maybe you dont mean to be there. For instnace the blue doesnt go all the way down the side and the title and marky cells are shifted just the tinyest bit to the right of the main two. Also sooner or later you should learn a server side language if you want to make your site automated like have a home grown message board and email data base and all, But thats only if you feel you are advanced enough to do that. Also your links jump up when you roll your mouce over them, I suggest making it a simple hover link like a color change or make it underlined or something when the mouse rolls over it. Also make it valid <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.crosspoint.org%2F">http://validator.w3.org/check?uri=http% ... int.org%2F</a><!-- m --> consider that.<!--content--><frameset rows="175px, *"> <br />
should be <br />
<frameset rows="175,*"><!--content-->Originally posted by PeOfEo <br />
Wow the site has improved a lot <br />
If you want a frank opinion, there is hardly any improvement in the site. This site uses a straightforward layout and Jonathan has a great opportunity to make it accessible. He has used tables for links when he needn't have, he used proprietary marquee tag, he uses iframes (in principle iframes are OK, but I see no need in his layout).<br />
<br />
HTML:<br />
<h1><img src=http://www.webdeveloper.com/forum/archive/index.php/"top.jpg" width="700" height="100"<br />
alt="Crosspoint Community Church"></h1><br />
<div id="contents"><br />
<h2><img src=http://www.webdeveloper.com/forum/archive/index.php/"thsearching.jpg" width="500" height="25"<br />
alt="Crosspoint's Searching"></h2><br />
<p>If you would like...<br />
<!-- Insert remaining page content --><br />
<!-- Markup remaining headers appropriately (h2/h3) --><br />
</div><br />
<div id="navigation"><br />
<h3>Navigation</h3><br />
<ul><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"home.html">Crosspoints Home</a></li><br />
...<br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"guestbook.html">Crosspoints<br />
Guest Book</a></li><br />
</ul><br />
</div><br />
<br />
The top image is 100px in height. So remove margins from h1 and let the div#contents flow normally, with a left margin of 175px (or more to emulate padding behavior).<br />
<br />
Give width to div#contents as desired (probably 700-175 = 525px?). Set the background color to yellow.<br />
<br />
Absolute-Position the div#navigation. Hide the "Navigation" if you so desire. Set list-style: none and margin and padding to be 0px for ul and li. Set display: block for the links so that the entire width of the navigation bar gets the hover effect.<br />
<br />
I bet since Jonathan has been around this board, he will not have much problem with CSS. Its really simple once you get down to doing it.<br />
<br />
If you need the navigation bar to stretch to the bottom, you'll have to use 175px wide blue image as background image for body:<br />
body {background: url('bluebg.gif') left top repeat-y}<br />
Of course set background of h1 to white (not transparent) to avoid peek-a-boo.<br />
<br />
Hope this helps<br />
Niket<!--content-->The layout and colors are a lot better then they are before, which was a month ago where he didnt even have a navigation pretty much it was a square table in the mid of the page as I remember, it is a big improivement.<!--content-->